菲茨定律:让目标容易到达
目标大小与距离会影响操作难度。检查实际可点击范围,而不只是图标画得多大;同时结合输入方式和相邻目标距离。
查看正反案例
正向案例
手机上的主要按钮具有充足点击区域,与删除按钮保持距离。
反向案例
高频操作藏在细小图标中,旁边紧贴另一个危险操作。
动手练习
在手机上单手完成一次任务,记录难以点中的目标。
Design principles from psychology
把认知心理学用于界面。
目标大小与距离会影响操作难度。检查实际可点击范围,而不只是图标画得多大;同时结合输入方式和相邻目标距离。
手机上的主要按钮具有充足点击区域,与删除按钮保持距离。
高频操作藏在细小图标中,旁边紧贴另一个危险操作。
在手机上单手完成一次任务,记录难以点中的目标。
选项数量与复杂度会影响决策。分组、搜索和合理默认值能帮助缩小范围,但过度拆步也会增加操作成本。
先按任务分组,再展示当前步骤相关的设置。
一次铺开所有高级选项,要求新手逐项理解后才能继续。
将一个复杂设置页按任务重组,比较用户需要做多少判断。
用户会带着其他产品中形成的经验使用新界面。沿用熟悉模式能降低学习成本;偏离惯例时应有明确收益。
搜索、返回和关闭使用一致且熟悉的位置与表达。
把关闭窗口设计成双击标题,且不提供提示。
找出一个自创交互,说明它给用户带来的收益是否足以抵消学习成本。
空间上的接近会影响人对信息归属的判断。同组元素靠近、不同组之间留白,可以减少额外边框和解释。
字段标签紧靠自己的输入框,不同信息组之间增加间距。
标签位于两个字段正中间,用户需要猜测它属于哪一个。
暂时移除分隔线,只用间距检查分组是否仍清楚。
视觉秩序可能影响人对产品的初步感受,但漂亮不能证明流程可用。视觉评价与任务完成表现需要分别验证。
改进页面排版后,仍观察用户是否能准确完成任务。
因为界面看起来精致,就忽略隐藏的错误状态与难用的筛选。
分别记录视觉印象与任务中的实际阻碍,避免混成一个评价。
设计规律帮助解释问题与提出方案,不是所有场景下都适用的按钮规范。需要同时考虑用户、任务、设备与证据。
提出“缩小选择范围可能加快查找”的假设,再观察实际行为。
仅凭某条定律就强制所有页面只能出现三个选项。
为一次设计调整写出假设、观察方式和可能推翻它的证据。
把阅读变成一次实践
选择一个选项很多的设置页,把功能按任务重新分组。比较修改前后,别人找到同一设置需要经过哪些判断。