Jon Yablonski入门 / 进阶
已学 0 / 6 个主题
学习下一主题 →
本书目录
  1. 菲茨定律:让目标容易到达
  2. 希克定律:管理选择负担
  3. 熟悉感与迁移
  4. 接近关系与分组
  5. 美感与使用判断
  6. 把规律当作假设工具

6 个主题学习内容

01

菲茨定律:让目标容易到达

目标大小与距离会影响操作难度。检查实际可点击范围,而不只是图标画得多大;同时结合输入方式和相邻目标距离。

查看正反案例

正向案例

手机上的主要按钮具有充足点击区域,与删除按钮保持距离。

反向案例

高频操作藏在细小图标中,旁边紧贴另一个危险操作。

动手练习

在手机上单手完成一次任务,记录难以点中的目标。

02

希克定律:管理选择负担

选项数量与复杂度会影响决策。分组、搜索和合理默认值能帮助缩小范围,但过度拆步也会增加操作成本。

查看正反案例

正向案例

先按任务分组,再展示当前步骤相关的设置。

反向案例

一次铺开所有高级选项,要求新手逐项理解后才能继续。

动手练习

将一个复杂设置页按任务重组,比较用户需要做多少判断。

03

熟悉感与迁移

用户会带着其他产品中形成的经验使用新界面。沿用熟悉模式能降低学习成本;偏离惯例时应有明确收益。

查看正反案例

正向案例

搜索、返回和关闭使用一致且熟悉的位置与表达。

反向案例

把关闭窗口设计成双击标题,且不提供提示。

动手练习

找出一个自创交互,说明它给用户带来的收益是否足以抵消学习成本。

04

接近关系与分组

空间上的接近会影响人对信息归属的判断。同组元素靠近、不同组之间留白,可以减少额外边框和解释。

查看正反案例

正向案例

字段标签紧靠自己的输入框,不同信息组之间增加间距。

反向案例

标签位于两个字段正中间,用户需要猜测它属于哪一个。

动手练习

暂时移除分隔线,只用间距检查分组是否仍清楚。

05

美感与使用判断

视觉秩序可能影响人对产品的初步感受,但漂亮不能证明流程可用。视觉评价与任务完成表现需要分别验证。

查看正反案例

正向案例

改进页面排版后,仍观察用户是否能准确完成任务。

反向案例

因为界面看起来精致,就忽略隐藏的错误状态与难用的筛选。

动手练习

分别记录视觉印象与任务中的实际阻碍,避免混成一个评价。

06

把规律当作假设工具

设计规律帮助解释问题与提出方案,不是所有场景下都适用的按钮规范。需要同时考虑用户、任务、设备与证据。

查看正反案例

正向案例

提出“缩小选择范围可能加快查找”的假设,再观察实际行为。

反向案例

仅凭某条定律就强制所有页面只能出现三个选项。

动手练习

为一次设计调整写出假设、观察方式和可能推翻它的证据。

把阅读变成一次实践

从一个小任务开始

选择一个选项很多的设置页,把功能按任务重新分组。比较修改前后,别人找到同一设置需要经过哪些判断。

关联文章接着读什么