Steve Krug入门
已学 0 / 6 个主题
学习下一主题 →
本书目录
  1. 减少解释成本
  2. 为扫描而组织
  3. 让导航回答位置问题
  4. 区分主次行动
  5. 把帮助放在需要的位置
  6. 观察真实任务

6 个主题学习内容

01

减少解释成本

入口名称应直接描述用户能做的事。每一次停下来猜测,都会增加完成任务的成本;熟悉的表达通常比内部术语更有效。

查看正反案例

正向案例

订单页使用“申请退款”,并说明处理进度。

反向案例

把退款入口称为“逆向业务处理中心”,要求用户先理解组织术语。

动手练习

找出页面中三个内部术语,改写成用户会说的话。

02

为扫描而组织

人们常先扫视标题、关键词和可操作项,再决定读哪里。分组和层级应该让页面结构无需逐字阅读就能被理解。

查看正反案例

正向案例

商品页把价格、尺码、库存和购买行动组成清楚的区域。

反向案例

所有文字同样大小,优惠规则挤在购买按钮旁边,主任务失去重点。

动手练习

遮住正文,只看标题,检查是否还能判断页面能做什么。

03

让导航回答位置问题

导航要帮助人判断自己在哪里、这里有什么,以及怎样返回。当前位置与页面内容应使用一致的名称。

查看正反案例

正向案例

书籍目录进入某本书后,侧栏高亮书名,面包屑提供返回入口。

反向案例

列表叫“客户”,详情标题却叫“主体档案”,返回后还丢失筛选条件。

动手练习

从任一详情页出发,检查返回列表需要几步、上下文是否保留。

04

区分主次行动

同一任务中,主要行动应有明确的视觉优先级。次要行动仍须可发现,但不能和主行动争夺注意力。

查看正反案例

正向案例

编辑页突出“保存修改”,将“取消”放在旁边作为次要按钮。

反向案例

保存、删除、导出和帮助都使用相同颜色与大小,用户需要逐个比较。

动手练习

为一个页面写下唯一的主要行动,再调整按钮层级。

05

把帮助放在需要的位置

说明应靠近产生疑问的控件,使用短而具体的表达。无法通过界面本身解释的问题,才需要进一步帮助。

查看正反案例

正向案例

密码字段旁直接提示长度要求,输入时显示是否满足。

反向案例

提交后才弹出长篇密码规则,用户需要关闭弹窗再重新填写。

动手练习

把一条容易被忽略的帮助文字移动到操作发生处。

06

观察真实任务

可用性测试关注真实操作中的阻碍。给参与者一个目标,避免告诉他应该点击哪里;观察犹豫、错误和绕路。

查看正反案例

正向案例

请同事“找到上个月的一笔订单并申请售后”,记录他走过的路径。

反向案例

问“你觉得页面好不好看”,得到赞同后就认为任务体验通过。

动手练习

用一个任务测试当前设计,列出最先需要修正的三处阻碍。

把阅读变成一次实践

从一个小任务开始

选一个常用页面,请另一位同事在不听解释的情况下找到指定功能。记下第一次犹豫的位置,只改一个入口名称,再重复测试。

关联文章接着读什么