第一章 别让我思考
--Krug可用性第一定律
Web终极法则,可用性第一定律
别让我思考!网页应不言而喻、一目了然、自我解释。
网页内容需注意的地方:
显而易见的
明显能点击的
明白易懂的
如何让普通用户快速识别及使用内容:
在开拓性或者复杂的页面设计时,也许只能做到自我解释。在一个解释的页面中,用户需要花一点点时间去理解,页面的元素外观、精心选择的名称、页面布局以及少量仔细斟酌过的文字,它们综合在一起讲创造出一种接近瞬间的识别效果。
第二章
--我们实际上是如何使用Web的扫描,满意即可,勉强应付
关于网络使用情况的三个事实:
我们不是阅读,而是扫描
寻找能够吸引我们注意力的文字或词语。节约用户时间,删除不必要的内容。
我们不作最佳选择,而是满意即可
在设计页面时,选择合理的选项,不要在设计不佳的网站花费精力。
我们不是追根究底,而是勉强应付
使用户更容易找到自己需要的东西,理解你的网站提供哪些服务。引导他们到网站上你更希望看到的地方。
第三章 广告牌设计101法则
--为扫描设计,不为阅读设计
习惯用法是你的好帮手
任何东西,要让人瞬间理解,一种最好的方法就是遵循习惯和惯例---那些已经广为采纳或者已经标准化了的设计模式,如停止标志、车内的控制装置、页面上的什么内容在什么位置、服务将如何运作、视觉元素的外观……
在清楚自己有一个更好的想法时进行创新,如果没有,那么请尽量利用习惯用法。
有些时候,稍微打破一致性,可以获得更清楚的效果
简洁胜过一致
建立有效的视觉层次
越重要的部分越突出
逻辑上相关的部分也在视觉上相关
逻辑上包含的部分在视觉上进行嵌套
把页面划分成明确定义的区域
把页面划分成明确定义的区域很重要,因为这可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。
明显标识可以点击对地方
如果能坚持只用一种字体颜色来表示文字链接,或者能确定他们对外观和位置可以识别他们是可以点击的,那就没事了。
降低视觉噪声
页面不易理解的一个很大原因是视觉噪声,三类视觉噪声:
眼花缭乱
组织不当
太过密集
为文本设置格式,以便扫描
充分利用标题
保持段落简洁
使用富豪列表
突出关键词语
第四章 动物、植物、无机物
--为什么用户喜欢无需思考的选择
用户不介意有多少次点击,只要每次点击都是毫不费力的,并且能让用户坚信自己的选择正确
三次无需思考、明确无误的点击相当于一次需要思考的点击
简短 只需要提供最少的信息效果最好
及时 放在我正好需要它的地方
不会错过 设置合适的格式,保证我一定会注意到他
让选择变得无须思考是让一个网站容易使用的最重要因素
第五章 省略多余的文字
--不要在wab上写作的艺术
有力的文字都很简短,去掉没人看的文字的几个好处:
降低页面的噪声
让有用内容更加突出
让页面更加简短
欢迎词必须消灭掉
欢迎词没有什么有用的信息,更像是一种闲聊,内容无所谓,主要是一种社交手段而已。用户在浏览网页的时候,并没有什么时间闲聊,他们更希望直截了当,尽量减少欢迎词,能减多少就减多少。
指示文字必须消灭
当指示文字不可避免的时候,尽量砍掉多余的部分,只留下必要的一点点
现在,来点完全不同的
第六章 街头指示牌和面包屑
--设计导航
记住下面事实:如果网站上人找不到方向,人们不会使用你的网站
创建符合用户习惯的“明确、简单、一致”的导航
网络导航101法则:
为了寻找某个目标
你会决定询问还是浏览
如果浏览,你将通过标志的引导在层次中穿行
最后,找不到就会离开
Web习惯导航用法:
导航元素要做到的就是位置标准、外观标准化,使用户在使用过程中快速定位,也更容易将导航与其他东西区分开。
持久导航:
“导航部分在这里,其中一些可能会根据您所处的位置有所变化,但他总会出现在这里,也总会以同样方式为您服务!”
持久导航5要素:
搜索方式
会主页方式
站点ID栏目(主导航条)
实用工具
面包屑:
拥有“自我解释”的能力
最后一个元素应当加粗,突出当前页
位于整个页面顶端
用>作为层级分隔
整个页面的补充机制
标签:
不言而喻
不易被忽略
灵活性高、实用性强
利用错觉,暗示一个无力空间
标签绘制三要素:
正确绘制用不同颜色或外形做对比
颜色编码激活和当前标签对比强烈
进入网站有一个标签已被选中
第七章 首先要承认,主页不由你控制
--设计主页
主页要完成的任务:
站点标志和使命
站点层次
搜索
导读
注册
内容更新
友情链接
快捷方式
注册
让我们看到正在寻找的东西
告诉我们从哪开始
建立可信度和信任感
网站要传递一个整体形象,首先就要表达清楚这个网站是什么,给用户直观感受。
如和传达:
口号
欢迎广告语
标题
指导原则:
需要多大空间就实用多大空间,但也不要实用过多空间
不要吧使命陈述当欢迎广告
进行测试
主页导航可以不一样,主页可以不使用持久导航,通常也不使用
栏目描述:主页需尽可能多的表现网站内容
不同方向:通常和其他页面布局不同
用于识别的空间更多
下拉框:
一定程度上节约了页面的空间
但必须要用户去找出来的,用户在扫描页时,看不到
打开后,不好控制,影响用户查看效果
第八章 农场主和牧牛人应该是朋友
--为什么web设计团队讨论可用性是在浪费时间,如何避免这种情况
通过测试来解决问题,将讨论对错转移到什么有效,什么无效上,更容易缓和争论,打破僵局而且测试会让我们看到用户的动机,理解,反应的不同,从而让我们不会再坚持认为用户的想法和我们一样。
第九章 10美分的可用性测试
--让测试——这样你能进行充分的测试
关于测试的几个事实:
如果想建立一个优秀的网站,一定要测试
测试一个用户比不做测试好一倍
在项目中,早点测试一位用户好过最后测试50位用户
人们对招募用户代表的重要性估计过高
测试的关键不是要证明什么或者反驳什么,而是了解你的判断力
测试是一个迭代的过程
没有什么比现场用户的反应更重要
宽松招募,曲线上升:
设计出的网站只有你的目标群体能使用,这通常并不是一个好主意
专家通常不会介意对初学者来说清楚的界面
如果你的目标用户群体可以分成几个明显的阵营,而且这些阵营有着完全不同的兴趣和需要
提供合理的奖励
邀请要简单
避免对网站进行预先讨论
测试什么,什么时候测试:
“ 理解 ”测试,理解网站目标,价值主张,运行方式
关键任务测试
立刻回顾测试结果:
给问题分类
解决问题
常见问题:
用户不清楚概念
他们找不到自己要找的字眼
内容太多
一些问题分类指南
忽略 " Kaysk " 问题
抵制添加的冲动
不要太看重人们对新功能的要求
抓住够得着的果子
第十章 可用性是基本礼貌
--为什么你的网站应该让人尊敬
好感储存器:
1.它因个人特质的不同而不同。
2.它依情况而定。
3.你可以重新填满它。
4.有时候一个错误就能清空它。
降低好感的几种方式:
1.隐藏我想要的信息。(最常见的情况是隐藏客户服务的电话号码、运费和价格)
2.因为没有按照你们的方式行事而惩罚我。(例如输入信用卡号码时加空格有便于用户不出错)
3.向我询问不必要的信息。(如果网站要求的信息超出当前任务时会让用户觉得很厌烦)
4.敷衍我,欺骗我。(“您的电话对我们来说很重要”)
5.给我设置障碍。不得不等待一个长长的Flash介绍,或者浏览多个页面。
6.你的网站看上去不专业。(凌乱、组织的不好、布局不专业)人们喜欢对网站的外观--特别时颜色--发表意见。
提高好感的几种方式:
1.知道人们在你网站上想做什么,并让它们明白简易。
2.告诉我我想知道的。
3.尽量减少步骤。
4.花点心思。
5.知道我可能有哪些疑问,并且给予解答。(是真正的常见问题列表;保持更新;保持坦率)
6.为我提供协助,例如打印友好页面。
7.容易从错误中恢复。
8.如有不确定,记得道歉。
第11章 可访问性、级联样式表和你
(正当你觉得已经完成时,一只猫掉了下来,背上捆着涂了奶油的面包)
开发人员和设计师们所害怕的:
1.更大的工作量。
2.设计折衷。
真正的解决方案——和以前一样——还需要时间
现在就能正确实施的五件事:
1.改正让所有人感到混淆的可用性问题
2.读一篇文章(希望用耳朵扫描)
3.看一本书
4.开始使用级联样式表
5.去摘够得着的果子
(为每张图片增加alt文本;让你的表单配合屏幕阅读器;在每页的最前面增加一个“跳转到主要内容”的链接;让所有内容都可以通过键盘访问;如果没有充分的理由,不要JavaScript脚本语言;
使用客户端(而不是服务器端)的影像地图。
第12章 当好人遇到不好的设计决策
为您的网站增加“注意力吸引点”
我并不是在反对打破规则,也不是反对对它们进行改造,我知道也有些网站希望自己的界面能让人们思考,让他们迷惑不解,或者挑战他们。只要确定你知道你在改造哪些规则,而且你至少认为你有充分的理由改造他们就行了。