4、交互设计原则:菲茨定律、席克定律、泰斯勒定律、雅各布定律
做桌面应用界面设计,光会画控件可不够。
你得懂点心理学,懂点人机交互的底层逻辑。
今天聊的这四个定律,我做了十几年界面,几乎每天都在用。说白了,它们就是界面好不好用的「物理法则」。
4.1 菲茨定律:目标越大,距离越近,点击越快
这个定律讲的是「指向」动作。
公式我就不列了,你记住核心就行:目标的大小和距离,决定了操作效率。
核心要点
- 目标越大,越容易点中。按钮别做太小,尤其是常用操作。
- 距离越近,移动越快。把常用功能放在用户手边。
- 屏幕边缘和角落是「无限大」的。因为鼠标移到那里会自动停住。
实战应用
- Windows 的「开始」按钮放在左下角,就是利用了角落的无限大特性。
- Mac 的菜单栏固定在屏幕顶部,也是同理。
- 右键菜单里的「删除」「复制」选项,间距别太小。
我的经验
我曾经做过一个数据录入工具,保存按钮做得特别小,还放在工具栏最右边。结果用户天天抱怨点不到。后来我把按钮放大到 48px,直接放在输入框下方,点击效率提升了 40%。
避坑指南
我曾经把「确认删除」和「取消」按钮做得一样大,还紧挨着。结果用户手滑点错了,数据丢了。后来我强制把「确认删除」做得更大,并且加了一个 2 秒的延迟确认。嗯,再也没出过事。
4.2 席克定律:选项越多,决策越慢
这个定律讲的是「选择」动作。
你想想看,给你 3 个按钮和 30 个按钮,哪个更快?
席克定律告诉我们:选项数量和决策时间是对数关系。选项翻倍,时间不会翻倍,但会明显增加。
核心要点
- 减少选项。能 5 个就别放 10 个。
- 分组归类。如果选项多,就按功能分组。
- 提供默认值。让用户少做选择。
实战应用
- 工具栏只放最常用的 5-7 个图标,其余收进「更多」菜单。
- 设置页面用「推荐配置」和「高级设置」来分层。
- 对话框里,默认选中「确定」按钮。
我的经验
我做过一个报表系统,一开始把 20 多种图表类型全列在工具栏上。用户直接懵了,不知道选哪个。后来我只留了「柱状图」「折线图」「饼图」三个,其余放二级菜单。用户反馈说「终于知道怎么用了」。
避坑指南
我曾经在一个注册页面放了 12 个必填字段。用户填到一半就放弃了。后来我改成只填 3 个必填项,其余选填。转化率直接翻倍。记住:每多一个选项,就多一分放弃的可能。
4.3 泰斯勒定律:复杂是守恒的
这个定律也叫「复杂守恒定律」。
说白了就是:系统的总复杂度是固定的。你不可能消灭复杂,只能转移复杂。
核心要点
- 复杂不会消失。要么让用户承担,要么让开发者承担。
- 把复杂留给开发者。好的设计,是把复杂藏起来。
- 不要试图简化到不可用。有些功能就是复杂的。
实战应用
- 视频剪辑软件。底层逻辑很复杂,但界面只给用户「拖拽」「裁剪」「导出」三个动作。
- 数据库管理工具。SQL 查询很复杂,但可以做成可视化拖拽。
- 安装向导。把复杂的配置步骤拆成一步步引导。
我的经验
我做过一个图像处理软件。用户想调整「对比度」「亮度」「饱和度」。一开始我放了三个滑块,用户觉得太复杂。后来我改成「自动优化」一键搞定,高级选项收进「更多设置」。用户满意度直线上升。其实底层算法一点没变,只是把复杂藏起来了。
避坑指南
我曾经试图把「批量打印」功能简化成一个按钮。结果用户打印出来的文件全是错的。因为批量打印涉及「纸张大小」「打印份数」「排序方式」等复杂参数。强行简化只会让用户更困惑。后来我老老实实做了个向导,虽然步骤多了,但用户再也没出过错。
4.4 雅各布定律:用户习惯是最大的设计规范
这个定律也叫「网络经验定律」。
核心就一句话:用户花在其他产品上的时间,远多于花在你产品上的时间。
所以,别搞创新。用户已经习惯了某些操作方式,你非要反着来,就是找死。
核心要点
- 遵循平台惯例。Windows 的关闭按钮在右上角,Mac 的在左上角。别乱改。
- 复用常见模式。比如「Ctrl+C 复制」「Ctrl+V 粘贴」。
- 不要重新发明轮子。用户已经学会了,你直接拿来用就行。
实战应用
- 文件管理器的「新建文件夹」快捷键,Windows 是 Ctrl+Shift+N,Mac 是 Cmd+Shift+N。保持一致。
- 对话框的「确定」按钮在左边还是右边?Windows 在左边,Mac 在右边。按平台来。
- 搜索框放在右上角。这是用户最习惯的位置。
我的经验
我做过一个跨平台工具。Windows 版和 Mac 版用了完全一样的界面。结果 Mac 用户疯狂吐槽「关闭按钮怎么在右边」「菜单栏怎么在窗口里」。后来我老老实实按平台规范重做了。用户反馈说「终于像个正经软件了」。
避坑指南
我曾经在一个企业内部工具里,把「保存」快捷键改成了 Ctrl+S 之外的组合键。结果用户天天抱怨「保存不了」。其实能保存,只是快捷键不一样。但用户已经习惯了 Ctrl+S,你改它干嘛?后来我乖乖改回来了。记住:不要和用户习惯作对。
4.5 四个定律的协同应用
这四个定律不是孤立的。实际项目中,它们经常一起出现。
举个例子:设计一个「删除文件」的确认对话框
- 菲茨定律:把「确认删除」按钮做大一点,放在鼠标自然停留的位置。
- 席克定律:只给两个选项「确认」和「取消」,别加「稍后提醒我」这种多余选项。
- 泰斯勒定律:复杂的文件恢复逻辑交给后台,用户只需要点一下「确认」。
- 雅各布定律:对话框样式和系统原生保持一致,别搞花里胡哨的动画。
总结一下
这四个定律,说白了就是:
- 菲茨定律:让用户容易点到。
- 席克定律:让用户少做选择。
- 泰斯勒定律:把复杂藏起来。
- 雅各布定律:别和用户习惯对着干。
嗯,记住这四句话,你的界面设计至少能及格。
最后说一句
我见过太多设计师,把界面做得花里胡哨,结果用户根本不知道怎么用。其实好的设计,就是让用户感觉不到设计的存在。这四个定律,就是帮你做到这一点的工具。