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 四个定律的协同应用

这四个定律不是孤立的。实际项目中,它们经常一起出现。

举个例子:设计一个「删除文件」的确认对话框

  • 菲茨定律:把「确认删除」按钮做大一点,放在鼠标自然停留的位置。
  • 席克定律:只给两个选项「确认」和「取消」,别加「稍后提醒我」这种多余选项。
  • 泰斯勒定律:复杂的文件恢复逻辑交给后台,用户只需要点一下「确认」。
  • 雅各布定律:对话框样式和系统原生保持一致,别搞花里胡哨的动画。

总结一下

这四个定律,说白了就是:

  • 菲茨定律:让用户容易点到。
  • 席克定律:让用户少做选择。
  • 泰斯勒定律:把复杂藏起来。
  • 雅各布定律:别和用户习惯对着干。

嗯,记住这四句话,你的界面设计至少能及格。

最后说一句

我见过太多设计师,把界面做得花里胡哨,结果用户根本不知道怎么用。其实好的设计,就是让用户感觉不到设计的存在。这四个定律,就是帮你做到这一点的工具。