文章来源于网络。
这本书有13章,我选取了9个比较重要的点来记录。
作者是Steve krug,他是一名可用性咨询师。他平时的工作内容和流程可以供大家了解和参考:
* 客户发来新产品的网站地址或者设计原型
* 他进行试用,向用户一样执行任务,然后把问题记录下来
* 他安排客户会议,描述这些问题,帮助用户决定哪些是最急于修复的,并确定最佳修复方案
* 客户支付报酬
作者对可用性的定义:
* 有用:能否帮助人们完成一些必须的事务?
* 可学习:人们能否快速明白如何使用它?
* 可记忆:人们每次使用的时候,是否都需要重新学习?
* 有效:它们能完成任务吗?
* 高效:它们是否只需要花费适当的时间和努力就能完成任务?
* 合乎期望:是人们想要的吗?
* 令人愉悦:人们使用它的时候觉得有意思甚至好玩吗?
接下来就是文章里的一些重点了。
**一、可用性第一定律-别让我思考**
让用户第一眼看到你的网站就能明白,一目了然,不用思考
假如用户需要思考,哪怕很短暂,也要消除这些问号
**二、关于用户是如何使用web的三个事实**
* 我们并不是阅读,而是扫描
我们总是任务在身
我们知道自己不必阅读所有内容
我们善于扫描
* 我们不会执着于最佳选择,而是满意即可
用户总是处于忙碌之中
如果猜错了也不会产生什么严重后果
花费精力做最佳选择也并没有太大改善
猜测更有趣
* 用户不是追根究底,而是勉强应付
这对用户来说并不重要
用户不会花费太多精力试用新产品,如果发现这个东西能用,用户就会一直用下去
**三、做设计时需要注意的重要方面**
* 尽量利用习惯用法
如果你准备创新,最好暂时保留人们的习惯性用法,再慢慢替换。
QQ的抽屉栏更多的是要适应大屏时代的手势操作,即抽屉栏向右滑出,但也保留了人们点击右上角头像的习惯性做法
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/1/1/4/579411.png)
* 建立有效的视觉层次
* 把页面划分成明确定义的区域
* 明显标识可以点击的地方
* 最小化干扰
* 为内容创建清楚的格式,以便扫描
**四、网页或APP中的提示/指示该怎么做?**
* 简短:只需要提供最少的信息来帮助用户
* 及时:放在用户正好需要它的地方
* 不会错过:设置合适的格式,保证我一定会注意到它。
有的提示一闪而过,比如保存成功、修改成功、支付成功等等;有的提示却需要用户手动关闭,例如下图的两个例子,天猫为了让用户感知到经验值发放成功,在消息位置给出了提示,即使你打开新的天猫页面,这个提示依旧存在,直到你注意到并关闭它;还有微信公众平台的编辑器,如果未输入标题便进行发布,提示也会一直存在标题上方。因此在做设计时,提示的位置、出现的时间、是需要用户重视还是忽略,都需要我们认真考虑。
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/8/3/4/579438.png)
**五、省略多余的文字**
* 消灭欢迎词
* 消灭冗长的引导、指示文字
如下图的闪屏页面,都做得非常简洁,一个logo或者一张极具产品思想的图片即可让人记住
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/1/4/4/579441.jpg)
很多APP喜欢把引导页做的很精美,一般用来告诉用户新的功能,但你有没有 发现,微信从未做过任何引导页面,因为微信知道大部分用户都会之直接忽略。看下图的引导页,你真的会阅读这些引导文字吗?
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/3/4/4/579443.png)
当然,如果你能把引导页面做的很有趣,例如用动画,或者演示来吸引用户,会让用户对产品好感满满。如果没那个自信,还是不要了。
**六、如何设计导航**
* 用户来到网站通常会做两件事:浏览或者搜索,尽管你的网站侧重不同,但最好同时提供给用户。
如下图:腾讯新闻用户虽然多以浏览为主,但也在抽屉栏里提供了搜索入口。用户的搜索的需求频率虽然低,但却并不是多此一举,试想当你看过某个新闻时想分享给朋友看的时候,却发现早就被淹没难以寻找,这个时候如果没有搜索入口解决用户燃眉之急,用户对APP的评价将会大打折扣。
百度当然主打:百度一下。但用户有时也不知道搜索些什么,这时候浏览页面上的时事热点也是非常好的选择。
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/6/4/4/579446.png)
* 始终都能让用户返回主页
如下图:在小米商城,无论你在哪个页面浏览,鼠标hover上左上角的小米logo,logo就会变为主页icon,指引你回家。
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/8/4/4/579448.gif)
* 每个页面都需要一个名称,这个名称需要出现在合适的位置,并且和链接一致
* 对于大型网站来说,面包屑指示非常重要,注意将它们的放在顶层,用 >号做间隔,并加粗最后一个元素。
如下图:淘宝里的面包屑指示想必大家最为熟悉,他们便捷不言而喻。
![Image title](http://7d9qiv.com2.z0.glb.qiniucdn.com/data/file/1/5/4/579451.png)
附上面包屑导航小故事来帮助大家记忆:很久很久以前,在大森林的边上住着一个贫穷的樵夫,他与妻子和两个孩子相依为命。他的儿子名叫汉塞尔,女儿名叫格莱特。后来樵夫的妻子去世了,他又给孩子们娶了一个后母。后母计划把两个孩子带到森林的深处,然后趁他们睡着的时候跑掉。汉赛尔无意中知道了后母的计划,于是偷偷地把一块面包藏在了口袋里。在去森林的路上,汉赛尔悄悄地捏碎了他的面包,并不时地停下脚步,把碎面包屑撒在路上。后母顺利地趁孩子们睡着的时候溜掉了,汉赛尔和格莱特醒来已是一片漆黑。汉赛尔安慰他的妹妹说:“等太阳一出来,我们就看得见我撒在地上的面包屑了,它一定会指给我们回家的路。”这是一个悲惨的故事,我并没有讲完。只希望童话里的兄妹两个顺利回家了。
**七、如何设计网站的主页**
传达整体形象, 当用户进入一个新的网站,主页一定要能回答以下四个问题:
* 这是什么网站?
* 网站上有些什么?
* 我能在这里做什么?
* 为什么我要在这个网站,而不是别的?
**八、不要做那些浪费时间的争论了,听听用户的想想法吧**
市场、产品、开发、设计由于专业不同而观点不同,反复的争辩既浪费时间又消耗团队经历
**九、如何做可用性测试**
* 每个开发团队应该每个月安排一个上午进行一次可用性测试
* 作者认为每轮测试3个用户即可,选取接近你目标用户的新手用户。
* 鼓励利益相关者-团队成员、市场、产品、开发人员等观看测试。
测试流程:
* 简单介绍测试如何进行(约4分钟)
* 了解测试者,比如他们是不是计算机高手,有没有玩过类似网站(约2分钟)
* 主页观光,观察用户在主页看到了什么,如何操作(约3分钟)
* 任务测试,这是测试的核心部分,让测试者执行一些列任务,并观察他们遇到的问题(约35分钟)
* 和团队开展总结会,决定修复哪些问题
* 收集一份问题列表
* 选择10个最严重的问题
* 问题评级
* 建立一份排序列表
* 将小问题建立另一份清单(这些问题不需要评审就能完成)
* 抑制添加的冲动,多用删除法,少用加法
* 不要太看重人们对新功能的要求
* 忽略“kayak”问题,用户出现暂时性错误,但能很快自我恢复,也称皮划艇问题,只要及时恢复正常,就是一种乐趣而已。
**九、可用性是基本礼貌**
降低用户好感的几种方式,请避免
* 隐藏我想要的信息
* 因为没有按照你们的方式操作而惩罚我
* 向我询问太多不必要的信息,比如私人信息
* 敷衍我、欺骗我
* 给我设置障碍
* 你的网站看上去似乎不那么专业,例如布局、颜色等
提高好感的几种方式,多使用
* 知道人们想要在你的网站上做什么,并让网站简单易懂
* 告诉我我想知道的
* 尽量减少步骤
* 知道我可能有哪些疑问,并给与解答
* 为我提供协助,例如客服
* 容易从错误中恢复
* 如有不确定,记得道歉
这本书的读书笔记到这里就结束了,当然,笔记只能帮助我们快速回忆书里的内容,还是建议大家去购买这本书详细阅读。
写在最后:在和产品经理发生激烈交锋的时候,理论知识是衬托你专业性的强大依据,设计不单纯是你能做到,更是你能说出为什么这么做,共勉