兰亭妙微设计手册:UI 设计师必须知道的 19 条交互原理

image.png

做交互设计久了,你会发现所有看似 "凭感觉" 的决策背后,都有一套经过验证的心理学和行为学原理在支撑。兰亭妙微在项目中反复参考 Jon Yablonski 整理的 Lawsofux——19 条易于理解、应用广泛的 UX 原则。今天我们把这 19 条原则做一个系统梳理,每条配上一句话的核心解读,方便大家随时查阅。

认知与记忆类

1. 米勒定律(Miller's Law):普通人的短期记忆只能容纳 7±2 个信息块。导航选项不超过 5 个、表单分步填写,都是在帮用户减轻记忆负担。image.png

2. 系列位置效应(Serial Position Effect):用户对开头和结尾的内容记忆最深刻,中间的最容易遗忘。所以重要操作放首尾,页面底部的 CTA 按钮往往比中间更有效。

3. 冯・雷斯托夫效应(Von Restorff Effect):多个相似物体中,最与众不同的那个最容易被记住。这就是为什么主按钮要用对比色、推荐套餐要高亮 —— 差异化创造注意力。

4. 峰终定律(Peak-End Rule):用户对一段体验的评价,主要取决于 "峰值时刻" 和 "结束时刻" 的感受,而不是全程的平均值。所以把最精彩的交互放在高潮,把最温暖的反馈放在结尾。

选择与决策类

5. 希克定律(Hick's Law):选项越多,决策时间越长,且呈对数增长。菜单别堆十几个入口,用分组和折叠把选择分层,用户才不会 "选择瘫痪"。

6. 奥卡姆剃刀(Occam's Razor):能实现同样功能的方案中,假设最少、元素最简单的那个最好。每个界面元素都要证明自己存在的价值,否则就删掉。

7. 帕金森定律(Parkinson's Law):工作会自动膨胀,填满所有可用时间。放到设计里就是:给用户的时间 / 空间越多,任务就越复杂。设置合理的限制,反而能提升效率。

image.png

8. 目标梯度效应(Goal-Gradient Effect):用户越接近目标,动力越强。进度条显示 "已完成 80%" 比 "还剩 20%" 更能激励用户完成任务。

布局与感知类

9. 接近性法则(Law of Proximity):距离近的元素会被感知为一组。相关的输入框和标签要靠近,不相关的模块要拉开间距 —— 空间关系本身就在传递信息结构。

10. 相似性法则(Law of Similarity):外观相似的元素会被归为一类。同类型的按钮用统一样式,不同层级的信息用不同字重,用户扫一眼就知道哪些是一伙的。

11. 共同区域法则(Law of Common Region):处在同一个封闭区域内的元素,会被认为是一组。卡片、分组容器、底色区块,都是在用 "区域" 来组织信息。

12. 统一连接性法则(Law of Uniform Connectedness):被线条或框连接起来的元素,比单纯接近的元素关联感更强。流程图、步骤指示器用连接线,就是这个道理。

13. 完型法则(Law of Prägnanz):大脑会自动把模糊、不完整的图形解读为最简单的完整形状。所以图标可以极简,用户会自动补全缺失的细节。

交互与反馈类

14. 菲茨定律(Fitts's Law):目标越大、离当前位置越近,点击越快。按钮别做太小,高频操作放在拇指热区,屏幕边缘是 "无限可选中" 的黄金位置。

15. 多尔蒂阈值(Doherty Threshold):系统响应时间超过 400 毫秒,用户的注意力就会开始游离。所以反馈要快,实在快不了就用进度条和动效 "假装" 快。

16. 波斯特尔定律(Postel's Law):对用户的输入要宽容,对自己的输出要严格。表单接受各种格式的手机号和日期,别因为用户少输了一个空格就报错。

17. 泰斯勒定律(Tesler's Law):每个系统都有其不可简化的复杂性,超过临界点就只能把复杂性从一处转移到另一处。设计师的工作,就是把复杂性从用户端转移到系统端。

体验与期望类

18. 雅各布定律(Jakob's Law):用户希望你的产品和他们已经熟悉的产品用法一致。别为了 "创新" 而违背用户已经建立的心智模型 —— 微信的返回在左上,你的产品也最好在左上。

19. 审美 - 可用性效应(Aesthetic-Usability Effect):用户会本能地认为好看的设计更好用,哪怕实际可用性一样。美观不是万能的,但它能为产品赢得好感和容错空间。

写在最后

这 19 条原则不是教条,而是工具箱。兰亭妙微在做设计评审时,经常拿它们来检验方案:这个按钮够大吗(菲茨定律)?选项是不是太多了(希克定律)?用户能记住吗(米勒定律)?结尾体验够好吗(峰终定律)?

原则是死的,场景是活的。真正的高手,是知道什么时候该遵守、什么时候该打破 —— 而打破的前提,是你已经把它们烂熟于心。

 

 

兰亭妙微(蓝蓝设计)www.lanlanwork.com 是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档