在这一节里,我们要来讲讲“界面设计中的常规套路”(Interface Conventions)。一个简单的方式,就是从一个最基本的界面开始,比如键盘(keypad),通过它来理解更复杂的界面。
虽然键盘看起来很简单,但用户在使用它时,其实已经包含了不少互动的细节。通过研究这些基础互动,我们可以总结出一套“用户界面应该怎么设计”的规则。网上有很多UI/UX设计师会分享“UI设计师必懂的十大原则”,这节课就是讲一些我个人总结出来的重要点。
我们会一条条分析这些原则,看看它们怎么应用在像“键盘”这样简单的界面上,然后再思考它们在更复杂的界面中怎么发挥作用。
1. 现实世界的知识(Real World Knowledge)
很多早期的界面设计,都是模仿现实世界的,比如模拟按钮、菜单等我们日常生活中常见的东西。
举个例子:我们看到屏幕上的“按钮”时,大脑会自动联想到生活中的实体按钮,知道它是“可以按的”。这说明,我们很多数字产品的理解,其实都建立在我们对现实世界的经验之上。
2. 习得行为(Learned Behavior)
我们对界面的很多操作,其实是“学”来的。比如你以前用过实体按钮,后来看到屏幕上的虚拟按钮,你也知道“点一下”就有反应。
这种“从旧经验延伸到新场景”的能力,让用户能更快上手新产品。
3. 因果关系(Cause and Effect)
当我们按下一个按钮时,会期待看到某种反应。比如按“确认”后,钱就出来了。
如果按钮上配有文字、数字、图标,我们就更容易预测按下去会发生什么。这种“操作 → 反馈”的机制是建立信任的关键。
4. 一致性(Consistency)
界面中不同的按钮,如果长得一样,那它们的行为也应该一样。
比如“1”和“8”两个数字键,外观一致,用户就自然会认为它们的用法也一样。不要让长得一样的按钮表现不同,否则会让用户迷惑。
5. 流程顺畅(Seamlessness)
好的界面要让操作尽量少步骤、快、顺。
用户希望操作马上有回应。点了没反应,是最让人烦躁的事情之一,会破坏用户体验。
6. 直觉引导(Immediate Intuition)
用户只要学会一个按钮的用法,就应该能推理出其他按钮的用法。
比如学会了一个“确认”键的样式和反馈,就可以理解同类按钮的用法。这种设计的好处是:只需要学一次,后面各种应用里都能通用。
举个例子:学会在一个APP里“滑动”,那在别的APP里(不管是购物、约会还是点餐)也会“知道怎么滑”。
7. 结果回报(Fulfillment)
用户愿意花时间点一个按钮,是因为他们“期待”会有结果。
哪怕只是看到一个“成功”的提示,也是一种满足。这种“正向反馈”会提升用户对产品的信任感,让他们觉得“这个产品是为我服务的”。
8. 可撤销/可重做(Undo/Redo)
用户希望在数字世界里是“安全”的。
我们都喜欢“可以后悔”的按钮,比如常用的“撤销”(Ctrl+Z)。现实生活中东西摔碎了就没了,而数字产品可以“回头再来”,让人感觉更安心。
所以在界面设计中,给用户“容错空间”很重要。
小结:
这些看似基础的原则,其实构成了所有交互设计的地基。
当我们打开一个空白界面开始设计时,虽然页面是空的,但用户的习惯和期待并不是空的。他们带着自己过去的使用经验而来。
如果你每次都让用户重新学习一种完全陌生的操作,那就太累了。但如果你只做一模一样的老套设计,又会显得无趣、缺乏创新。
所以,好的界面设计,就是在用户习惯与新鲜体验之间,找到一个平衡点。

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!
优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用(手机站、APP开发)、微信定制开发(微信官网、微信商城、企业微信)等一系列互联网应用服务。