在这一节里,我们要来讲讲“界面设计中的常规套路”(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)。现实生活中东西摔碎了就没了,而数字产品可以“回头再来”,让人感觉更安心。
所以在界面设计中,给用户“容错空间”很重要。
小结:
这些看似基础的原则,其实构成了所有交互设计的地基。
当我们打开一个空白界面开始设计时,虽然页面是空的,但用户的习惯和期待并不是空的。他们带着自己过去的使用经验而来。
如果你每次都让用户重新学习一种完全陌生的操作,那就太累了。但如果你只做一模一样的老套设计,又会显得无趣、缺乏创新。
所以,好的界面设计,就是在用户习惯与新鲜体验之间,找到一个平衡点。

優(yōu)網(wǎng)科技秉承"專業(yè)團(tuán)隊(duì)、品質(zhì)服務(wù)" 的經(jīng)營理念,誠信務(wù)實(shí)的服務(wù)了近萬家客戶,成為眾多世界500強(qiáng)、集團(tuán)和上市公司的長期合作伙伴!
優(yōu)網(wǎng)科技成立于2001年,擅長網(wǎng)站建設(shè)、網(wǎng)站與各類業(yè)務(wù)系統(tǒng)深度整合,致力于提供完善的企業(yè)互聯(lián)網(wǎng)解決方案。優(yōu)網(wǎng)科技提供PC端網(wǎng)站建設(shè)(品牌展示型、官方門戶型、營銷商務(wù)型、電子商務(wù)型、信息門戶型、微信小程序定制開發(fā)、移動(dòng)端應(yīng)用(手機(jī)站、APP開發(fā))、微信定制開發(fā)(微信官網(wǎng)、微信商城、企業(yè)微信)等一系列互聯(lián)網(wǎng)應(yīng)用服務(wù)。