减少解释成本
入口名称应直接描述用户能做的事。每一次停下来猜测,都会增加完成任务的成本;熟悉的表达通常比内部术语更有效。
查看正反案例
正向案例
订单页使用“申请退款”,并说明处理进度。
反向案例
把退款入口称为“逆向业务处理中心”,要求用户先理解组织术语。
动手练习
找出页面中三个内部术语,改写成用户会说的话。
Don’t Make Me Think
让页面更直观、更易用。
入口名称应直接描述用户能做的事。每一次停下来猜测,都会增加完成任务的成本;熟悉的表达通常比内部术语更有效。
订单页使用“申请退款”,并说明处理进度。
把退款入口称为“逆向业务处理中心”,要求用户先理解组织术语。
找出页面中三个内部术语,改写成用户会说的话。
人们常先扫视标题、关键词和可操作项,再决定读哪里。分组和层级应该让页面结构无需逐字阅读就能被理解。
商品页把价格、尺码、库存和购买行动组成清楚的区域。
所有文字同样大小,优惠规则挤在购买按钮旁边,主任务失去重点。
遮住正文,只看标题,检查是否还能判断页面能做什么。
导航要帮助人判断自己在哪里、这里有什么,以及怎样返回。当前位置与页面内容应使用一致的名称。
书籍目录进入某本书后,侧栏高亮书名,面包屑提供返回入口。
列表叫“客户”,详情标题却叫“主体档案”,返回后还丢失筛选条件。
从任一详情页出发,检查返回列表需要几步、上下文是否保留。
同一任务中,主要行动应有明确的视觉优先级。次要行动仍须可发现,但不能和主行动争夺注意力。
编辑页突出“保存修改”,将“取消”放在旁边作为次要按钮。
保存、删除、导出和帮助都使用相同颜色与大小,用户需要逐个比较。
为一个页面写下唯一的主要行动,再调整按钮层级。
说明应靠近产生疑问的控件,使用短而具体的表达。无法通过界面本身解释的问题,才需要进一步帮助。
密码字段旁直接提示长度要求,输入时显示是否满足。
提交后才弹出长篇密码规则,用户需要关闭弹窗再重新填写。
把一条容易被忽略的帮助文字移动到操作发生处。
可用性测试关注真实操作中的阻碍。给参与者一个目标,避免告诉他应该点击哪里;观察犹豫、错误和绕路。
请同事“找到上个月的一笔订单并申请售后”,记录他走过的路径。
问“你觉得页面好不好看”,得到赞同后就认为任务体验通过。
用一个任务测试当前设计,列出最先需要修正的三处阻碍。
把阅读变成一次实践
选一个常用页面,请另一位同事在不听解释的情况下找到指定功能。记下第一次犹豫的位置,只改一个入口名称,再重复测试。
用十条原则检查界面。
为问题选择合适的研究方法。