点石成金

我们是如何使用Web的： 一、我们不是阅读，而是扫描 二、我们不做最佳选择，而是满意即可 三、我们不是追根究底，而是勉强应付 ①、因为这对我们来说并不重要 ②、如果发现某个事物（方法）能用，我们会一直用它 Web设计的五个重要原则： 一、建立清楚的视觉层次 ①、越重要的部分越突出 ②、逻辑上相关的部分视觉上也相关 ③、逻辑上包含的部分在视觉上进行嵌套 二、尽量使用习惯用法 ①、因为它们确实非常好用 ②、不要试图重新发明轮子 三、把页面划分成明确定义的区域 四、明显标志可以点击的地方 五、降低视觉噪声 ①、眼花缭乱 ②、背景噪声 记住：三次无须思考、明确无误的点击相当于一次需要思考的点击。 后备厢测试（抽取一个网页，回答以下问题）： 一、这是什么网站？（站点ID） 二、我在哪个网页上？（网页名称） 三、这个网站的主要栏目有哪些？（栏目清单） 四、在这个层次上我有哪些选择？（本页导航） 五、我在导航系统的什么位置？（面包屑，”你在这里“的指示器） 六、我怎么搜索？ 焦点小组：用于抽象地确定目标受众想要什么，需要什么，喜欢什么，在产品开发的前期，网页设计之前比较有用。 可用性测试：用于了解网站运行情况，以及怎样改进网站时比较有用。

--到达目标页面少于3次点击，这个原则背后并不是点击数的多少，而是用户懒得思考； --浏览的方式，并不是逐条阅读，而是跳视扫描，用户只留意自己感兴趣的内容； --让内容更清晰的方式，将页面上的文字减去一半，然后将剩下的文字再减去一半；

思维导图《Don't Make Me Think》

如果某个东西很难用，我就不会经常用它 p8 Krug可用性第一定律：别让我思考！ 设计者应该尽量做到，当我看一个页面时，它应该是不言而喻，一目了然，自我解释的。 到底有多不言而喻才行？一眼就能看到网页的主题，其次立刻能看到用户所需的东西 p11 当我们访问Web的时候，每个问号都会加重我们的认知负担，把我们的注意力从要完成的任务上拉开，这种干扰也许很轻微，但它们会累积起来，这时候这样的干扰不用太多，就足以让我们抓狂。 P12 如果做不到让一切都不言而喻，那应该要做到“自我解释”。在一个自我解释的页面中，用户需要花一点点时间去理解。 p13 在因特网上，竞争有时就在于一个点击的差别，因此如果你得罪了用户，他们会跑到别的地方去。 P15 我们精心准备的文字，在用户看来更像“以每小时100公里的速度驶过的广告牌” 所以，尽量活用文字，多用图片。 用户看网页的步骤：1) 很快的四处查看任何内容 2) 关注有趣的或大至符合他们寻找对象的 3) 点进去 用户看网页的事实：1) 不是阅读，是扫描 2）不作最佳选择，而是满意即可 3) 不是追根究底，而是勉强应付 P21 广告牌设计101法则 为扫描设计，不为阅读设计 P22 如果用户都是快速的扫描你的网站，你需要满足下面的条件： 1.在每个页面上建立清楚的视觉层次。 a) 越重要的部分越突出。 b) 逻辑上相关的部分在视觉上也相关。 c) 逻辑上包含的部分在视觉上进行嵌套。 2.尽量利用习惯用法。 a) 它们非常有用。因为有用，才形成习惯用法。 b) 设计师通常不愿意利用它们。 如果不打算使用已有的习惯用法，则你必须要确认你在使用同样清楚，同样不言而喻的用法，且能带来很大价值。 3.把页面划分成明确定义的区域。 4.明显标识可以点击的地方。 5.最大限度降低干扰。 p29 Krug可用性第二定律：点击多少次都没关系，只要每次点击都无须思考，明确无误的选择。 经验准则：三次无须思考，明确无误的点击相当于一次需要思考的点击。 P31 省略不必要的文字，不要在Web上写作的艺术 P32 Krug可用性第三定律：去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。 省略多余的文字：有力的文字都很简练。句子里不应该有多余的文字，段落里不应该有多余的句子。同样，画上不应该有多余的线条，机器上不应该有多余的零件。 去掉多余的文字的好处：a)可以降低页面的噪声。b)让有用的内容更加突出。c)让页面更加简短，无须滚动屏幕就找到所需的内容。 欢迎词必须得消灭。欢迎词就像闲聊，内容无所谓，主要是一种社交手段而已，但大部分Web用户都没有时间闲聊，他们喜欢直截了当。 指示说明必须消灭。去掉无用的句子，如果有可能，把某些信息分解之后，放到别处。因为如果长篇大论的文字，会很容易导致用户读不下去，从而放弃。所以，在必要的地方，以简短的文字进行说明。 p36 如果在网站上找不到方向，人们不会使用你的网站。 p42 导航的好处： a) 它给了我们一些固定的感觉。 b) 它告诉我们当前的位置。 c) 它告诉我们如何使用网站。。 d) 它给了我们对网站建造者的信心。 p51 很多网站，一旦到了第二个层次以下，导航就会变得支离破碎，随意发挥。原因： a) 多级导航本来就难设计，页面空间有限，而且有那么多元素需要安排到页面中。 b) 设计师时间不够，设计前两个层次都很紧迫。 c) 它看起来并不重要。而且有一种倾向认为，当人们深入到网站的这一层次之后，他们就会自然明白如何进行操作。 (不止是对网站，普通软件也是这样，如果感觉某个界面处的比较深，就会让设计及产品认为它的权重就会比较低，没有其它的那么重要，设计起来也相对就更随意一些。) p52 页面名称，需要注意如下四点：（一眼看过去，就应该知道我在哪个页面，当前页面的功能是什么） a) 每个页面都需要一个名称。 b) 页面名称要出现在合适的位置。 c) 名称要引人注目。 d) 名称要和点击的链接一致。(如果不一致，也要尽量保证匹配，或者不匹配的原因非常明显。) p53 你在这里：要学习公园地图，标识出你所在整个网站上所处的位置，让我有直观的认识。 可以对当前的栏目及下一级栏目等同时进行标记，让用户一眼就识别出自己所处的目录。（突出当前位置，或者用视图的方式，更容易被用户理解） p54 面包屑的准则： 它作为一个补充机制，放在顶端，使用小的字体，相对弱化，不与主导航竞争。 用“>“对层级进行分隔，突出最后一个，表示当前所处的位置。 p57 标签是极少几个将物理隐喻有效应用到用户界面中的例子之一。（将文件拖到垃圾筒表示删除也是） 标签是大型网站导航的上佳选择。完全是不言而喻的，并且一下子就看出来所以然，没人感觉到困惑。 善用隐喻是极好的。 p61 易用测试： 这是什么网站？我当前在哪个网页？网站主要有哪些功能？现在我有哪些选择？我在导航系统中的位置？我怎么搜索？ 我如果离远一点，模糊的观察，是否也比较容易得到这些信息？ （尽量在5秒之内可以回答这些问题，这样可能就达到比较好的设计了） 第七章 设计主页 一眼看过去就知道干嘛的，层次要比较清晰，版块划分比较规矩，容易找到”搜索“框。 要经常更新，告诉用户，这并不是一个死的网站。最常被访客的内容，可以在主页上放置快捷链接，防止用户四处寻找。 看上去之后，容易知道从哪里开始。与用户建立信任感。 可以提前预留一些放置友情链接、广告的位置等。 主页是稀缺资源，所以可能有各种问题及干扰来影响你的设计。 如果在主页上，开始的几秒必须要弄明白：这是干嘛的，有哪些内容，提供哪些服务，为什么用户要来这里。否则的话，用户就会关闭它。 最有价值的位置之一是靠近站点ID的地方。当一个短语与站点ID相关联时，我们就很轻易的知道它是一个口号。口号是一个非常有效的信息传达方式。6-8个英文单词是长度适中的口号，足以表达思想，并且容易让人领会。 我应该能迅速的知道从哪开始。知道哪儿是精彩内容，在哪可以搜索等。 主页上的导航可以与子页面的不同，因为主页面的主要可能进行一些栏目的描述等，让用户容易知道这个网站能干嘛，与子页面的功能也不太相同。 下拉框，尽量只使用在那些以字母或拼音排序的列表上，这样用户比较容易找到。在web上一般更要少用，因为用户无法直观的查找到有哪些项，而且从中进行选择也并不容易。 网站上的内容并不一定真的有意义，只要它们看起来有意义就行了。 第八章 农场主和牧牛人应该是朋友 有可能一个团队中不同角色的人，为了所谓的”信仰“坚持已见，一直得不到结论。（信仰可能是自己的感觉，甚至利益或面子等） 其实很多东西并不是非黑即白的，比如说，Flash,可能一半的用户喜欢，另一半的用户讨厌。但设计良好的网页，会适度的使用flash，即完成所需的表达，又不会带来其它负面问题（比如说下载太慢）。这样的设计，一般能得到大部分用户的喜欢。 不要问”大部分人喜欢下拉框吗？“ 正确的问题应该是”在这个页面，这样的上下文中，这个下拉框及措辞能否让这个网站的大部分用户产生良好的体验？“ 第九章 一天10美分的可用性测试 (就是对外部用户showcase，以此来得到反馈改善设计) 大部分可用性测试都执行的太少、太迟了。而且，通常为了错误的理由而执行。 人们多有多么不一样，又有多么相像。 测试一个用户比不做测试好一倍。即使只有一个错误的用户做了一个糟糕的测试，也可以让我们看到一些改善网站的重要方面。 在项目中，早点测试一位用户好过最后测试50位用户。 测试的关键不是证明什么或者反驳什么，而是了解你的判断力。（从中不断总结，提升自己的产品感） 测试是一个迭代的过程，类似于开发产品，人开始不断的测试，得到反馈，进行修改，再测试等。 没有什么比现场用户的反应更重要。 开始不用找太多人，重要的是多次迭代，因为重要的问题往往在最开始就被发现，并且多个人都会遇到。而且，这些重要的问题，会妨碍次重要的问题暴露出来。所以第一次找3个人，发现最重要问题，第二次再找3个人，就能发现次重要的，第三次再找3个人，大问题基本都被发现的差不多了。这样的效果远好于一次找9个人进行测试。 可用性测试的最大秘密：测试对象是谁并不重要。 所以招募测试对象要比较宽松，并不一定必须要符合普通用户的特点。只选目标用户一类的用户即可，比如网站是面向女性的，就不要去招募男性测试。如果是面像大学的网站，招募教授、大学生及高中生等即可。 可用性测试完成之后，要立刻把问题归类等，仔细想想那些问题是比较严重的，必须得修改的等。 有一些问题可能需要考虑是否不必修改的: 1.用户犯的一些小错误，而且又在不需要任何帮助的情况下回到正确的轨道，其实这样的一般都无须修改。2.不要太看重添加新功能的要求。3.用户对某些东西困惑，不要考虑着添加注释等，而想办法把内容变得更清晰，或者去掉让用户感觉困惑的内容。 成功的网页往往要进行巧妙的平衡。哪怕一个微小的变化都可能会带来不小的影响，有时，真正的挑战不是修正你发现的问题，而是修正这些问题，同时不破坏已经正常运行的部分。比如把某一部分内容调整得更为突出是，会不会把其它内容的重要性降低了。 第十章 可用性是基本礼貌 每个用户都有一个好感存储器，当网站给用户不断的制造麻烦，考验用户的耐性的话，用户的好感会逐渐下降，直到降为0，用户恼火的离开了，并且从此不再访问你的网站，甚至都不用你公司的产品。 （一句话：提高用户体验，对用户保持坦诚） 降低好感的几种方式： 1.隐藏用户想要的信息。 2.因为没有按照你们的方式行事而惩罚我。 3.向我询问不必要的信息。 4.敷衍我，欺骗我。 5.给我设置障碍。 6.你的网站看上去不专业。 提高好感的几种方式： 1.知道人们在你网站上想做什么，并让它们明白简易。 2.告诉我我想知道的。 3.尽量减少步骤。 4.花点心思。 5.知道我可能有哪些疑问，并且给予解答。 6.为我提供协助，例如友好的页面。 7.容易从错误中恢复。 8.如有不确定，记得道歉。 第11章 可访问性、级联样式表和你 可访问性也就是说基本功能要可用，比如我用浏览器放大网页的字体，是否可以正常放大？有很多网页都竟然不支持，支持了的放大之后也变得一团乱。（比如有的人眼神不好，就需要大字体） 开发人员或设计人员总是害怕支持太多，或者考虑太少，想当然的认为人们都和自己差不多，访问网站的时候不需要帮助。但是，实际上需要帮助的人是很多的。 可能我们担心太多，认为工作量更大，也认为面向残障人士的良好设计和面向其他人的良好设计是背道而驰的。实际上良好的设计是可以囊括这些的，而且这两方面并不排斥。 保证可访问性，不需要做大量的工作，只需要注意能产生最大影响的几个方面就可以了。（改进可访问性的最好办法是经常测试，不断消除让每个人都困惑的地方） 与时代接轨，多了解别人如何处理好的可访问性，多读一些资料及书籍。 第12章 当好人遇到不好的设计决策

我们使用web的三个事实： 1.我们不是阅读，而是扫描 2.我们不做最优选择，而是满意即可 3.我们不是追根究底，而是勉强应付（总觉得“勉强应付”并不适合这个语意，不知道英文原文是什么）