点石成金-访客至上的网页设计秘笈 读书笔记（上）
时间：2023-06-04 16:00:01 | 来源：网站运营
时间：2023-06-04 16:00:01 来源：网站运营
点石成金-访客至上的网页设计秘笈 读书笔记（上）：第1章 别让我思考——可用性第一定律
确保网站容易使用，最重要的是——“别让我思考”——是Web设计中判断有用没用的终极法则。意味着，设计者应该尽量做到，当我看到一个页面时，它应该是一目了然，自我解释的，“它是什么，怎样使用？完全不需要思考”。
当看到一个需要思考的网页时，头脑会自动浮现问号，而我们在创建网站时，就是去掉这些问号。
当网页中出现可以点击的部位时，鼠标移到上面自动变为小手，而不需要用户思考哪里可以点击。
理解去掉问号的基本原则。
如果不能做到让一个页面不言而喻，至少应该让它自我解释。
不要让用户思考的重要理由是：大多数人会花费比我们想象中少得多的时间来浏览网页。
第2章 我们实际上是如何使用Web的——扫描，满意即可，勉强应付
第一个事实：我们不是阅读，而是扫描——人们总是处于忙碌中；知道自己不需要阅读所有内容；善于扫描（浏览）
第二个事实：我们不做最佳选择，而是满意即可——忙碌；猜错了，后果也不严重；对选择进行权衡不会改善我们的机会；猜测更有意思
第三个事实：我们不是追根究底，而是勉强应付——根源对我们来说不重要；若发现某个事物能用，就会一直用它
换个思路，如果用户明白来网页：
- 他们更容易找到自己需要的东西，无论对用户还是你都好；
- 他们会更容易理解你的网站提供了哪些服务
- 你更可能引导他们到网站上你 他们看到的地方
- 在你的网站上，他们会觉得更聪明，更能把握全局，会让他们成为忠实用户。
第3章 广告牌设计法则——为扫描设计，不为阅读设计
对于匆忙的用户，需要注意5个方面，来保证他们尽可能看到并理解了你的网站：
1、在每个页面上建立清楚的视觉层次：越重要的部分月突出；逻辑上相关的部分在视觉上也相关；逻辑上包含的部分在视觉上进行嵌套。
2、尽量利用习惯用法：习惯用法非常有用；设计师为了新颖通常不愿意利用习惯用法
3、把页面划分成明确定义的区域
4、明确标识可以点击的区域
5、最大限度降低干扰：眼花缭乱；背景噪声（间隔线尽量虚化）
第4章 动物、植物、无机物——为什么用户喜欢无须思考的选择
点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择——可用性第二定律
如果我们需要一直在网络上进行选择，那么让这些选择变得无须思考是让一个网站容易使用的主要因素。
第5章 省略不必要的文字
去掉页面上一半的文字，然后把剩下的的文字再去掉一半。——可用性第三定律
有力的文字都很简练。句子里不应该有多余的文字，段落里不应该有多余的句子。
去掉没人会看的文字的好处：
- 可以降低页面噪声
- 让有用的内容更突出
- 让界面更简短，让用户在每个页面上一眼就能看到更多内容，而不必滚动屏幕
实际上必须去掉的文字指两种特别的文字：欢迎词和指示说明
必须正确处理的几个方面
第6章 街头指示牌和面包屑——设计导航
记住：如果在网站上找不到方向，人们不会使用你的网站
网络导航101法则
进入网站一般会遵循的过程：
- 你通常是为了寻找某个目标
- 你会决定先询问还是先浏览
- 如果选择浏览，你将通过标识的引导在层次结构中穿行
- 最后，如果找不到想要的东西，就会离开。
Web上的体验缺少空间感：感觉不到大小、方向、位置。
若我们想再次访问网站的某个内容，我们记住的是它在概念层次上的位置，而不是依靠它在哪里的物理感觉，让后顺着以往的链接过去，这是书签重要的原因，也是后退按钮点击率极高的原因。它也解释了主页的重要性——网站的北极星，点击主页给你重新开始的机会。解释了我们使用Web导航的原因，得知当前的位置很重要，网络里很容易迷路，意味着——要把Web导航做好。
导航有两个显而易见的用途：帮助我们找到想要的任何东西以及告诉我们现在身在何处
导航的其他功能：它给了我们一个固定的感觉；告诉我们当前的位置；告诉我们如何使用网站；给了我们对网站建造者的信心。
Web导航习惯用法源于大已有的印刷品使用习惯
设计得当的持久导航应该是平静、令人舒服的
让导航部分在每一页以一致的外观出现在同样的位置，会让你立即确认自己仍然待在这个网站上——这比你想象中更加重要，同时意味着你只需要了解它一次。
持久导航应该包含5个元素：站点ID（LOGO）；回主页的方式；探索的方式；实用工具；栏目。
导航部分在每一页都出现的准则但例外情况是：
- 主页：因其不同于其他页面，承担不同任务，有时候主页内不必使用持久导航
- 表单：需要填写表单的页面、注册、填写反馈、核对个人偏好时，持久导航会产生干扰
LOGO——在Web上，我们移动方式瞬息万变，所以我们希望能见到页面上的LOGO——通常在左上角。
LOGO代表了整个网站，是当前站点结构中层次最高的。想 LOGO出现在页面可视层次的首要位置，可采用两种方式：让它成为本页最显眼的内容，或让它涵盖页面所有其他元素。
LOGO应该是一种独特的字体，可以识别的图形。
栏目——主导航条，是到达站点主要栏目的链接，站点层次结构的最顶层。
大部分情况，持久导航包括二级导航的显示位置，二级导航是当前栏目的下一级清单
实用工具——是到达网站中不属于内容层次的重要元素的链接，能帮助我们使用站点或提供网站发布者信息。
不同类型的网站，实用工具不同。
通常导航上只放4-5个实用工具——用户用的最多的工具。如果太多工具挤在导航上，用户们会在眼花缭乱中迷路，其他不常用的工具可以进行分组，并一起放在主页上。
返回主页的方式——持久导航中最重要的元素之一，可以送我们回主页的按钮或链接。
让一个返回主页的按钮始终可见，会给我们一个保证，无论我们迷失在哪里都能重新开始。
在栏目或实用工具中包含一个回到主页的链接
在主页之外的LOGO上加上主页字样，让大家知道可以点击它。
新兴用法，是让LOGO同时作为你返回主页的按钮，非常有用
提供搜索——由于搜索的潜在威力和喜欢搜索的用户比喜欢浏览的用户更多，因此除非站点非常小而且组织的很好，否则每个页面都应该有一个搜索框或一个搜索页面的链接，除非你的网站真的不太需要搜索。
大多数用户登录新站点，第一件事是扫描页面，看看有没有搜索。
搜索框要坚持简约原则：一个输入框、一个按钮、还有搜索字样，切记复杂。
在提供选项缩小搜索范围时，一定要三思，同时谨慎提供选项，以便指定以何种方式搜索都能找到我们想要的内容。
如果你想提供选项来调整搜索范围，在有用的时候提供——当到达搜素结果页面，发现搜索结果太多时，就需要缩小搜索范围。
Web设计中普遍存在的问题：不重视低层次导航给予，很多网站到了第二个层级以下，导航就变得支离破碎。原因：1、由于页面空间有限，元素众多，导致良好的多级导航很难设计；2、留给设计师的时间不多；3、有一种倾向认为，当人们深入到网站的这一层次时，他们自然会明白如何操作。
提供底层的页面样例内容和层次结构样例的另一个问题是，就算设计师提出了请求，他们可能拿不到，因为负责内容的人不会想那么深远。
事实上，用户在底层页面和顶层页面花费时间相同。除非从一开始设计时就自上而下进行导航设计，否则以后很难添加，也很难保持一致性。——在开始讨论主页的颜色方案之前，拥有显示网站所有级别的导航的样例页面非常重要。——
先布局再配色页面名称——是Web上的路牌，若一切顺利，我们可能根本不会注意页面名称，但当觉得方向可能不对时，就要毫不费力的看到页面名称来确定方向。
页面名称注意事项：
1、每个页面都需要一个名称。
2、页面名称要出现在合适的位置
3、名称要引人注目——一般时该页面最大的文字
4、名称要和点击的链接一致
“你在这里”
要抵消网络固有的空间迷失感，其中的一种导航方式是告诉我当前在什么位置。在Web中，可以用突出当前位置来实现，不管是在页面的导航条、列表还是菜单上。保证突出的方式可以采用多种视觉区别——不同颜色加上粗体——使之尽可能的突出
面包屑
“你在这里”指示器告诉你所在站点的层级结构的前后关系，而面包屑只告诉你从主页到当前位置的路径
面包屑导航不会占用太多空间，提供一种方便的方式让你：退回上一个层次或去主页，它用来补充固定导航机制最有价值。
http://About.com的面包屑实现是完美的，体现了几项最佳实践：
- 把他们放在最顶端
- 使用“>”对层级进行分隔
- 使用小字体：清楚表明它是补充机制
- 使用来文字“你在这里”：字体小不占空间
- 将最后一个元素加粗
- 没有把他们用作页面名称：用户期望的标题应该在页面左边，不要违背用户期望
标签是极少几个将物理隐喻有效应用到用户界面的例子之一。将原来的物体分成了不同的部分，打开不同的部分很容易，通过突出的标签可以翻到对应位置。
标签是大型网站导航的上佳选择：
- 他们不言而喻
- 他们很难错过
- 他们很灵活
- 他们暗示了一个物理空间
如果想要使用标签，认真参考Amazon经典的标签设计，并且务必模仿其中的三个要点：
- 正确绘制：激活的标签页位于其他标签页之前——这是让他和标签相像的最大要点——比与众不同的标签外形更重要。——想营造出这样的效果，激活的标签页必须有一种不同的颜色或外形做对比，并且必须与它下面的空间在物理上链接起来，这是把激活的标签页“弹到”最前方的方法。
- 颜色编码：为网站的每个栏目使用不同的标签颜色。并把这种颜色用在页面其他导航元素上，，让他们浑然一体。——运用颜色对比，饱和与中性对比
- 当你进入网站时，有一个标签已经选中
后备箱测试：
- 当你进入任何一个网页时，应该能毫不犹豫的回答出以下问题：
- 这是什么网站？（LOGO）
- 我在哪个网页上？（网页名称）
- 这个网站的主要栏目有哪些？（栏目清单）
- 这个层次上我有哪些选择？（本页导航）
- 我在导航的什么位置？（“你在这里”指示器）
- 我怎么搜索？
在线咨询
