@yacent
2017-05-10T17:33:18.000000Z
字数 4684
阅读 1011
前端学习笔记
作者： Steve Krug
时间： 2013年
这本书重在讲解一下三个方面的变化
技术已经进一步发展 网络本身也在不断变化 可用性成为主流
讲述如何让网站设计得卓越、有用
Krug可用性第一定律：别让我思考
Krug可用性第二定律：点击多少次都没关系，只要每次点击都是无需思考、明确无误的选择
Krug可用性第三定律：去掉每个页面上一半的文字，然后把剩下的文字再去掉一半
《设计心理学》唐纳德·A·诺曼
《有效的表单：为可用性设计Web表单》
1-5章：指导原则
6-7章：正确处理的几个方面
8-9章：确保没有做错的事情
10-13章：大的方面和外界影响
别让我思考别让我思考 -- 可用性第一定律
设计者应该尽量做到，当我看到一个页面时，它应该不言而喻、一目了然、自我解释的。
命名应该显而易见的，不用进行过多思考就能明白此处的意思
按钮和链接应该明显，区分于页面色，能够凸显其功能，而不该让用户花时间去思考某个东西是否能点击
……
如果你不能做到让一个页面不言而喻，那么至少应该让它自我解释
总结：
如果要网页有效，它们必须在用户第一眼看到时，将自己展示出来，而要做到这一点，最好的方法是创建不言而喻的网页，或者至少也要做到自我解释。
扫描、满意即可、勉强应付在大部分时间里，用户实际上只是在每个页面上瞥一眼，扫过一些文字，点击第一个令他们感兴趣的或者大概符合他们寻找目标的链接
如果要想设计有效的网页，必须开始接受关于网络使用情况的 三个事实
为扫描设计，不为阅读设计如果用户们都是疾驰而过，那么，下面有几个重要方面需要注意
任何东西，要让人能瞬间理解，一种最好的方法就是遵循习惯和惯例--那些已经广为采纳或者已经标准化了的设计模式
如果不想使用一种已有web习惯用法，你必须确认自己在使用一种：
1) 同样清楚、同样不言而喻、没有学习曲线的方法
2) 带来很大的价值，值得用户付出一点努力来学习的方法
在清楚自己有一个更好的想法时，进行创新，如果没有，那么请尽量使用习惯用法
一个视觉层次清楚的页面有三个特点：
好的可视层次通过预先处理页面，用一种我们能快速理解的方式对页面的内容进行组织和区分优先级，减少了我们的工作
把页面划分成明确定义的区域很重要，因为这可以让用户很快决定关注页面的哪些区域，或者放心地跳过哪些区域
因为人们在网络上所做的大多数事情就是找到下一个地方点击，那么明确地标识哪些地方可以点击，哪些地方不能点击，这很重要
通常，有三类的视觉噪声
当在设计页面时，先假定所有内容都是视觉噪声，并去除任何对页面没有帮助的内容
为文本设置格式，以便扫描
通常，有如下的方式可以让页面方便扫描
为什么用户喜欢无需思考的选择每次提供给用户的点击，都应该是简洁明了、毫不费力的。如果确实需要用户进行适当的思考，也应该提供必要的帮助和支持。
通常，提示常出现在表单当中，简短有力、及时提醒
不要再Web上进行写作的艺术去掉没有人看的文字如下几个好处：
大部分欢迎词都是闲聊，没有什么过多意义，尽量减少欢迎词，能减多少就减多少
指示说明，一般都不会有人去仔细阅读它，至少在多次“勉强应付”失败前，是不会有人看的。
我们应该是尽可能让每项内容不言而喻来消除指示说明，如果不行，也要尽量砍掉多余的部分，只留下最必要的一点。
设计导航如果在网站上找不到方向，人们不会使用你的网站
和商城购物的情况类似
在网页当中，我们本来就是迷路的，不能通过生活中的走道来确认自己位置，而是通过web导航来集体化网站的层次结构，营造出某种位置的感觉。
导航有两个显而易见的用途：
导航的其他用途
使用 持久导航 来表示出现在网站每个页面上的导航元素
持久导航应该包括4个元素：
站点id
实用工具 (登录|注册等)
搜索
栏目（也成为 主导航条）
每个页面都需要一个名称(即标题)，并且其应该出现在合适的位置，同时要引人注目，即要突出名称
要在导航条当中标记出当前的位置，或者采取 面包屑 的方式，或使用 标签的方式
面包屑最佳实践
1. 把它们放到最顶层
2. 使用 '>' 对层级进行间隔
3. 加粗最后一个元素
设计好导航条之后，可以用如下的方法来测试一下自己的导航条是否合适，即后备厢测试(Trunk Test)
当你被锁在后备箱时，车开了一段，把你放在某个网站的某个网页上
如果该网站设计良好，应该能毫不犹豫地回答以下问题：
让人们顺利开始的重要性主页由于各方利益的争夺，导致多方要对稀少的主页“首要位置”进行争抢，要实现网站的全部功能，是不可能的，需要一些折中，即舍弃什么，保留什么内容。
但是，不能忘掉，主页应该要传达整体形象，要清楚的表达出这个网站是干什么的，能清楚传达网站是干什么之后，应该告诉用户 从哪里开始？
每次进入到网站，应该问自己四个问题
在主页上，有两个重要的位置，能够帮助我们传达整体形象
口号是非常有效的信息传达方式，因为它们是用户最希望能找到关于网站目标具体描述的地方。
选择口号时，应考虑如下的几点：
一旦知道了网站是做什么，接下来主要需要回答的另一个重要问题，就是 从哪里开始？
当进入一个新的网站时，快速浏览主页后，应该能准确无误地知道：
为什么大部分关于可用性的争论是在浪费时间，如何避免这种情况对于大部分Web设计问题来说，没有简答的“正确”答案。良好的、一体化的设计能满足需求，也就是说，经过仔细考虑、实现和测试的设计就是好的。
在讨论什么东西更好时，不应该加入太多的个人喜好进去，因为每个人喜欢的方面不同，个人不能代表群体。不能认为用户的想法就和自己的一样，不论自己的身份是什么（开发者、设计师、市场人员……）
在争论时，比如争论页面需不需要下拉框，不应该是探讨 “是否大部分人都喜欢下拉框”，而应该是从“在这个页面，这样的上下文中，这个下拉框以及这些下拉项目和措辞会让可能使用这个网站的大部分人产生一种良好的体验吗？”要论述这个问题的唯一方法，就是 测试，测试会让我们看到用户的动机、理解、反应的差异。
让测试简单--这样你能进行充分的测试测试不是临近临急的最后一步，也不是为了平息团队当中的某种争论，更不是上线前的焦点小组测试，而是应该是可用性测试。
焦点小组测试：确定你的目标受众想要什么，需要什么，喜欢什么，会比较有用，也在测试网站背后的理念是否有意义、价值主张是否吸引人等方面起了很好的作用。
故焦点小组测试应该是任何开发和设计之前就应该了解的，比如是否在建造对的产品，应该是产品的早期阶段进行，而可用性测试则是贯穿整个开发和设计的过程。
如果网站投入使用了，要改起来就不那么容易了，因为会有相当一部分的人会抵制网站的任何变化。
测试应该每个月都进行一次，不用列出所有的问题，只应该列出最为严重的问题，然后承诺在下个月前，将这些问题解决了。
欢迎来到21世纪--你可能会感觉到有点眩晕管理屏幕空间的挑战不应该以牺牲可用性为代价
不可把可用性弄丢了，而且，别忘了，最好的方式就是进行测试。
为什么你的网站应该让人尊敬对于用户而言，网站不仅要能够清除地表达他的内容，而已要做正确的事--为用户考虑周到
降低好感的几种方式：
提高好感的几种方式：
正当你觉得已经完成的时候，一只猫掉下来，背上捆着涂了奶油的面包可访问性是要让所有人都能顺利地访问到你的网站，包括残障人士。
让可用性在你身边成为现实悟空