《点石成金》读书笔记
全书名:《点石成金:访客至上的Web和移动可用性设计秘笈(原书第3版)》
作者:[[美] 克鲁格 (Steve Krug)]
在工作中,经常会遇到设计稿上的文字总觉得哪里不对,例如用户在预订酒店的时候,已经付完款了,但酒店那边没有办法马上返回是否预订成功的信息,我们看到的订单状态可能是已预订待确认的状态,产品经理想在这个时候加一个催确认的按钮,用户点击这个按钮,会发送一个请求,提示酒店这边尽量确认,但真实的情况是发送了一个假的请求,只是想起一个安慰用户焦急等待的心理,即使点击按钮以后,确认的时间并不会缩短。
在过需求的时候,这个按钮名叫催确认,但开发到一半的时候,产品经理认为催确认没有办法让用户明白到底是确认什么内容,因此改成了催一下。
我个人认为,无论是催确认还是催一下都不是最好的,因为首先用户付完款之后已经看到了已预订待确认的状态提示文字,只要酒店确认了,状态很快就会改变,如果酒店确认的时间超过了一个范围,例如15分钟,可以显示“联系酒店”的按钮,点击提示用户是否要联系酒店前台,如果是,就直接拨通酒店前台的电话,然后在电话里沟通确认是否能预订成功,并让前台尽快操作反而更好,这是能实际解决用户问题的方法,而不是用一个假的按钮来假装能缓解用户的焦虑。
如果在做交互设计的时候对一个名字斟酌再三,还是没有办法找到最合适的,那么我们可以尝试着从新梳理一下业务逻辑,看看是不是思路有问题,如果确定思路没有问题,那就选一个简洁、意思明确、容易理解的,千万不要选那种很酷或者自以为很聪明的名字、带有营销倾向的名字、和具体公司有关的名字以及生僻的技术名词。
当我们创建网站时,我们可能会认为用户会仔细阅读我们精心制作的文字,领会到我们的页面组织方式,然后,在确定点击哪个链接之前权衡他们的可选目标。
其实不会的,人们只是在扫描,如果用户进入我们的网站,他会在页面上瞥一眼,扫过一些文字,点击第一个令他们感兴趣的或者大概符合他们寻找目标的链接,然后再进入下一个页面继续扫描,当用户在页面快速扫描时,能很快确定哪些信息是有用的,并对其他内容视而不见。
因为用户只是寻找对他们有用的信息或者可以点击的地方,因此,如果是按钮,要让用户一眼就看出来这里是个按钮,永远不该让用户花时间去思考某个东西是否能点击,而不是按钮的地方千万不要做成按钮的样子,因为如果用户以为是个按钮,点了几下都没有反应,会很懊恼。
作者在文章中提出了三个事实:
第一个事实:我们不是阅读,而是扫描"
用户只是扫描一下(或者匆匆掠过),寻找能引起我们注意力的文字或按钮。
第二个事实:我们不做最佳选择,而是满意即可。
用户不会扫过整个页面,考虑所有可能的选项,然后选择一个最好的。而是选择第一个过得去的,一旦我们发现一个链接,看起来似乎会跳转到我们想去的地方,那就是一个我们将会点击它的大好时机。
第三个事实:我们不是追根究底,而是勉强应付。
用户访问一个网站最大的一个原因是它能解决某个问题,他们会习惯性的寻找关键字和关键短语,以此来理解意思,找到自己想看的内容或想点击的按钮。用户很忙,不喜欢思考,不喜欢在解决问题以外的事情上花时间,只要找到了基本能解决这个问题的地方,就走了,因此,我们要让页面:
1. 简短:只需要提供最少的信息来帮助用户
2. 及时:放在我正好需要它的地方
3. 不会错过:设置合适的格式,保证我一定会注意到
尽量利用习惯用法
例如:导航的位置,登录注册的位置,上滑是加载更多,下拉是刷新,左滑是回到上一页等等。这些内容大多数用户都已经形成了习惯,我们继续遵循这些习惯就好。
建立有效的视觉层次
页面中的内容首先会分成很多块,在每块内容中有不同的层级关系,每段文字内容也有对应的标题。
内容分块要清晰明了,层级关系显而易见,文字段落层级一眼无需用户思考。
把页面划分成明确定义的区域
明显标识可以点击的地方
页面中的按钮样式规范统一,一个页面不要出现多种不同样式的按钮,最多也只是有一些细微的差别,但显而易见的地方是统一的。
最小化干扰
删除多余的描述、注释,删除不必要的线框、分割线,删除不必要的图片、图标,删除或隐藏不重要的模块内容。
为内容创建清楚的格式,以便扫描
清晰的层次关系,明确的标题段落文字,优雅的分段间隔,明显的关键字和按钮。
一个视觉层次清楚的页面有三个特点:
- 越重要的部分越突出。
- 逻辑上相关的部分也在视觉上相关。
- 逻辑上包含的部分在视觉上进行嵌套。
把那些影响我们向用户表达明确内容的元素,我们都可以理解为视觉噪声,因此,当我们在设计页面的时候,可以先假定所有内容都是视觉噪声(也就是“有罪推定”的方法),并去除任何对页面没有帮助的内容。我们的时间和注意力都很有限,把无谓的部分通通去掉。最终留下来的内容才是真正要给用户看的。
标题要和对应的内容靠近一些,不是同一组内容的间距可以远一些,让用户能一眼看出来这一块是讲一个小点,下一块是讲另一个小点,总结下来就是:
- 保持段落简短
- 使用符号列表
- 突出关键词语
如果你的页面要加搜索功能,只需要一个输入框,一个按钮,还有“Search”(搜索)一词,就够了,你也可以参考那些已经有搜索功能的优秀的网站。
对于一个项目的首页或者说首屏放置的内容大部分情况下不是一个人能决定的,还有很多利益相关方的想法和意见。
所以,问对方决定用什么样式或者什么形式的展示方式时,不要问这样的问题:“大部分人喜欢下拉框吗?
”正确的问题应该是:“在这个页面,这样的上下文中,这个下拉框以及这些下拉项目和措辞会让可能使用这个网站的大部分人产生一种良好的体验"。
那么,支撑你正确的问问题的方式只有一种,那就是:测试。这是一个团队共同努力的结果。
在测试产品之前先列出一份可供测试参与者操作的清单,例如,如果准备测试的是一个登录过程的界面原型,那么测试任务可能是:
- 创建一个新的用户
- 用已有的用户名和密码登录
- 找回密码
- 找回用户名
- 为密码保护问题更改答案
尽量准备多一些任务让测试参与者去操作。
同时,也可以给测试参与者多一些自己自由操作的机会,说不定能发现一些预想之外的好信息。
又比如在引导测试参与者的任务中,像“找到一本你想买的书”或者“找到一本你最近购买的书”会比“找到一本14美元以下的书”要好得多,任务可以宽泛一些,给测试参与者多一些发挥想象的空间,引入他们自己的情感,这样可以让他们更多地用上他们自己对这些内容的理解。"
如果在测试过程中发现了人们不易理解的内容,正确的解决方案往往是拿走某个(或一些)让人混淆的内容,而不是增加另一些注释或指导说明。
对于那些需要用户立刻完成的或者经常重复的内容可以放在一眼就能看到的地方,而其他的内容可以放在需要轻点几下就能轻松到达的地方,同时,要让用户能很轻松的知道点击哪里可以到达。
管理屏幕空间的挑战不应该以牺牲可用性为代价,应该是合理的安排所有内容所在的位置,分清主次、轻重缓急。
改进网站可访问性最好的方法是经常测试,不断消除让每个人都混淆不清的地方,最好的可用性应该是即使是残障人士也能轻松的使用我们的产品,并完轻松完成用户做的事情。