从产品的角度看交互设计原则

从产品的⾓度看交互设计原则

导读：作为⼀名产品经理，交互设计是原型设计⾥的重要环节。交互设计的好坏，直接影响产品是否能够吸引和留住

我们的⽤户，因此了解交互设计的原则，是⼗分必要的。本⽂作者对交互设计的原则进⾏了分析，与你分享。

⼊职产品岗位也有段时间，最近兴高采烈 ⼀直在忙着⼯作，都没有时间静下⼼来思考以及分享，加上最近有在学习交互设计相关

的知识，提升⽤户使⽤产品时候的操作体验，结合之前的学习笔记加上⾃⼰的理解输出的⼀点拙见。希望有不⾜之处⼤

家指出。

作为⼀名产品经理，交互设计是原型设计⾥的重要环节，交互设计的好坏，直接影响产品是否能够吸引和留住我们的⽤

户，因此了解交互设计的原则，是⼗分必要的；以下，我将从产品的⾓度结合实际⼯作和案例，陈列了⼏点我觉得合理

的交互设计原则：

1.界⾯清晰

2.形式遵循功能

3.保持⼀致性

4.少即是多

5.让⽤户少思考

6.让⽤户觉得产品始终在⾃⼰的掌握中

⼀、界⾯清晰

1）信噪⽐原则

信噪⽐，英⽂名称叫做SNR或S/N（SIGNAL-NOISE RATIO)，⼜称为讯噪⽐。是指⼀个电⼦设备或者电⼦系统中信号

与噪声的⽐例。⼀般来说，信噪⽐越⼤，说明混在信号⾥的噪声越⼩，声⾳回放的⾳质量越⾼，否则相反。 ⽽在交互设

计中的信噪⽐则表⽰在我们的产品中重要内容与⾮重要内容的⽐例，这个⽐例越⾼，⽤户找到⾃⼰需要的重点信息的概

率也就越⾼。因此突出你产品中的重要信息，提前帮⽤户过滤信息，重点信息重点突出，帮⽤户找到对其有价值的信息

是留住⽤户的⼀个重要⽅法。

2）易于辨识

易于辨识这⼀点⽏庸置疑，产品主要功能⼊⼝清晰醒⽬，操作使⽤通俗易懂，主要信息突出显⽰。让⽤户付出最⼩的成

本，甚⾄不需要成本就能上⼿你的产品，这是我们做产品⼈的⼀个终极⽬标。

3）2-8原则

不管你⼿上的产品是什么类型的产品，重要的功能和信息都只占20%，⽽筛选出这20%的功能和内容，并将这些功能和

内容展⽰在⽤户能轻松接触的位置，是我做产品的⼀⼤准则。在实际⼯作中这点的表现就是需求优先级的评估；评估优

先级的时，就需要遵守2-8原则，筛选出主要功能，才能保证后续产品不会因为功能上的缺失或者功能安排不合理⽽反

复返⼯。因此，筛选评估切忌想当然的进⾏，要做到合理的评估需求，这⼀点需要经过⼤量的市场调研和需求分析。如

果你公司做不到⼤量数据的分析，不妨拉你同事头脑风暴⼀下，从⼀个⾮⾏业内⽤户的⾓度来分析下他们认为重要的需

果你公司做不到⼤量数据的分析，不妨拉你同事头脑风暴⼀下，从⼀个⾮⾏业内⽤户的⾓度来分析下他们认为重要的需

求是什么，也是个不错的选择（多交流，多思考，切勿随意独⽴下结论）。

4）信息分类，分步骤进⾏

不知道你们有没有过在⼀个⽹站注册需要填写，完善个⼈信息才能使⽤的经历，我之前经历过，⽐如某招聘⽹站，进⼊

注册后，需要填写诸如⽤户名、性别、教育经历、⼯作经历、求职期望、资格证书、个⼈介绍等等⼀系列的信息。有这

些内容是很正常的，正常招聘平台都是需要求职者录⼊这些信息作为个⼈在线简历给企业查看，增加求职成功率。

但该⽹站的信息完善是以列表的形式，全部平铺在⼀个页⾯。当时看到这满屏的输⼊框头⽪发⿇，⼼中⼀万头草泥马奔

腾。特别是操作体验还很糟糕，⽐如你突然记不起来某个内容了打算暂时搁置，或者转头打了个电话有什么事情，临时

不想填写了打算保存下次继续完善，不⾏！平台要求有些内容必须填写，需要全部填完才能提交保存，我nm直接就不

想在这个平台求职了。

因此，信息分类来展⽰，分步骤进⾏就⼗分重要；对不同的内容进⾏优化分类，分步骤来展⽰给⽤户填写，让⽤户⼀次

性填写的内容少⼀点，⽽且填完该⼀部分内容就可以提交保存，不需要反复填写，⽤户可以随时退出信息填报甚⾄是离

开平台。如果发现之前的内容填错了还可以退回去更改，允许⽤户反复操作。

因此信息分类，分步骤除了优化⽤户视觉上的体验，减少抵触情绪，同时还提升了数据的获取效率。

5）组块原则

组块原则其实和信息分类差不多，只不过是将⼀类的功能和产品集中到了⼀起，形成“块”，⽅便⽤户查找，⽐如以下是

某教育类平台的课程分类模块，该模块集成了3级分类，同时对于三级分类中主要的特⾊产品还进⾏了标红突出，⽅便

⽤户第⼀时间查看平台该类⽬下的主推内容。

6）临近原则

临近原则就是相同，类似，有关联的功能模块，⼊⼝放在⼀起，⽅便⽤户查找，例如知乎与⽤户回答问题、发⽂章等有

关的内容放在⼀个模块栏⽬中。

⼆、形式遵循功能

1）所见即所得

顾名思义，所见即所得的意思就是⽤户看到什么，就是什么，设计端如何设计，给到⽤户的体验就是什么样的体验，因

此，考虑好⽤户想要什么，不要拐弯抹⾓，将主要功能放在难以第⼀时间发现的“⾓落⾥”，或者为了设计感将主要功能

藏在设计中，这都是很不友好的交互体验。

2）直接输⼊原则

让⽤户少输⼊，即让⽤户感觉操作⽅便，降低操作难度。例如，在填写⼀写⾮模糊数据的时候，提供选择按钮，例如性

别、出⽣年⽉⽇，政治⾯貌等，不需要⽤户键盘输⼊信息；

另外对于在⽤户填写⼀些例如城市，公司，学校的时候，⽤户输⼊前⼏个字符后，我们主动联想可能输⼊的内容，供⽤

户选择，如此⾮但让⽤户感觉省⼼，同时也规范了信息的输⼊消渴丸 ，降低后台对于数据的运维成本。

三、保持⼀致性

交互设计中有⼀条重要准则，就是产品的⼀致性，设计风格，产品配⾊，服务都需要保持⼀致，不⼀致性会导致⽤户使

⽤时候很突兀，俗话说就是膈应⼈，是会导致顾客⼤量流失的，除⾮你的产品功能强⼤或者仅此⼀家不可复制，不过这

两种情况除了政府平台基本不存在。

另⼀种情况就是产品⼊⼝、⾸页做的⾼端绚丽，但是进到产品中的实际体验缺并不能达到和宣传或者⾸页⼀致的效果，

⽤户将会有类似于被欺骗的感觉，头重脚轻，即使你承诺后期版本迭代会达到⽤户的要求，但是产品达不到⽤户现在的

预期（你⾃⼰创造的预期），已经给了⽤户产品不诚信的感觉，是否能留住⽤户，有待斟酌。

四、少即是多

如今社会追求的是效率，体现在设计上就是简约但不离骚课文 简单，简洁已经成为⾼端的代名词，如何将你的产品风格做到简约

但不简单，需要你除了具备产品思维，还需要有不错的设计功底，不过，⼤部分产品⼈设计能⼒有，但⼀般，这就要你

学会和你公司的设计师好好沟通，表达需求寻求他们的帮助了。

五、让⽤户少思考

1）易学性

易学性就是全民可⽤，简单上⼿，操作通熟易懂，关于这点，李⼩龙的微信就做的很好，从⼩孩到⽼⼈都能使⽤。

2）反映⽤户⼼理模型

直⽩的说，就是挖掘⽤户的潜在需求，这个需求⽤户⾃⼰都没有意识到，但是却能够给⽤户带来使⽤体验上的优化，⽐

如输⼊法的模糊⾳、智能纠错以及联想输⼊，这些功能在⽤户调研的时候，并不突出，⽤户需要输⼊法仅仅是为了打字

输⼊，但这些功能却给⽤户体验上带来了很⼤的提升。

3）符合⽤户使⽤需求

找到⽤户的操作习惯，减轻⽤户的使⽤负担，找到⽤户最关⼼的功能，并优化操作流程，寻找最短实现功能的步骤，以

及最⽅便⽤户的操作流程。

4）减轻⽤户的记忆负担

通过使⽤对象、动作和选项的可视化表达减少需要⽤户记忆的东西，特殊情况下提供可选项让⽤户去确认信息即可。

打个⽐⽅，某导航功能的流程，你得到⼀个地址，不管这个地址是哪⾥，你不需要知道，也不需要记忆，你只要确定你56个民族顺口溜

要去到这个地⽅就⾏；如果给你发送的是⼀个定位，你只需要打开这个定位，然后点击去到这个地⽅，导航会帮你⾃动

规划好路线；

再如果，你得到的是⼀个地址，⽽⾮定位，你同样只需要复制到剪贴板，打开地图，粘贴到搜索栏⽬，出发地会⾃动帮

你定位到你现在的位置，你只需要点击导航开始就⾜够了，这两个过程，你都没有去刻意记或者了解这个⽬的地的地址

是什么，但并不影响你到达⽬的地（PS：⽤导航出⾏，还能到站前⼀站提醒，⼗分⽅便，进⼀步释放⽤户思维，车上

睡觉，放空思维的时候不再需要害怕坐过站困扰）；

如今⽤户需要⾯对海量的数据，需要承载的东西太多了，减轻⽤户的记忆负担，能让你的产品深⼊⽤户⼼中。问你个问

题：QQ⾥的三个密保问题的答案你还记得吗？

5）使⽤⽤户能够看得懂的词语

这⼀点主要是针对中⼩型公司从研发岗位转型的产品经理，因为他们经常会不经意间使⽤⼀些⽤户不太看得懂、不理解

的专业术语，⼜或者⽤词不当，这都会增加⽤户的使⽤难度，需要注意。

六、让⽤户觉得产品始终在⾃⼰的掌握中

1）及时有效的反馈

⽤户在使⽤产品的时候需要让⽤户第⼀时间知道⾃⼰在做什么，刚刚做了什么，成功没有。

这看起来是不是在说废话，给你举个例⼦，你在⼀家扫码点餐的餐厅吃饭，你点了餐，⽀付了，但是你没有收到⽀付成

功扣费提⽰，没有你的餐号信息，结束点餐后没有了后续加载页⾯，给您⼀个空⽩页⾯，服务⼈员在上菜之前也不过来

为您服务，你什么感觉？这软件是不是卡死了，我点餐成功了吗？我是⼏号？⼏点能上菜？是不是发现很多地⽅没有考

虑到。反应到产品中，这是很致命的错误。

除此之外，像点击按钮出现加载页⾯（表⽰你操作成功了，但是还在加载，只是出于某些原因有点卡），发布⽂章提⽰

发布成功，点击加⼊购物车提⽰加⼊成功等等，都是需要考虑到的。

2）避免⼲扰和打断

在⽤户有⽬标性的打开我们产品去做某⼀操作，或者有⽬的性的浏览某些内如何制作思维导图 容的时候，不要在他的操作、浏览路径上添

加不必要的内容，⽐如弹窗⼴告，推荐内容浮动，不必要的消息提醒，这些内容都会打断⽤户的操作和浏览顺序，使⽤

体验不友好，长此以往将导致⽤户流失。

体验不友好，长此以往将导致⽤户流失。

3）让⽤户放松⼼态，不怕出错

1.允许产品界⾯可以反复操作

2.操作过程可以回退

3.及时有效的反馈

4）包容原则

⼀些重要操作需要⼆次确认，这个主要出现在后台系统中，⽐如，发布，删除，修改功能需要经过⼆次确认才能正常操

作。

5）⽤户操作⼿册

⽤户操作⼿册顾名思义，就是帮助⽤户进⼀步上⼿操作我们的产品，需要注意的是，操作⼿册需要做到通熟易懂，不能

花费⽤户太多时间在学习使⽤产品的过程中，类似于新⼿指导，我相信各位中（90后）有不少前段时间有玩⼿游版“摩

尔庄园”这款游戏吧！

这款游戏IP不错，发布之前我也很看好，觉得它或许能掀起⼀股浪潮，也确实，刚刚发布那⼏天“摩尔庄园”的声浪⼀度

压过了王者，吃鸡等游戏，但是当我真的上⼿的时候发现，新⼿引导时间太长，⽽且不能跳过，据说有⼈花在新⼿引导

上的时间甚⾄超过⼏个⼩时。询问了⼀些朋友，确实都觉得新⼿引导太久了，不是因为情怀，已经被劝退了。

因此，⽤户操作⼿册在⽤户使⽤时候，⼀定要做到简单，易懂，上⼿快；当然，除了操作⼿册通俗易懂，产品本⾝就要

做到操作简单，满⾜⽤户的需求。

总结：从我个⼈产品的⾓度来分析的交互设计原则就是这些，肯定是有不⾜或者错漏的地⽅，欢迎⼤家⼀起讨论，提出

你的宝贵意见，共同进步。

本⽂由 @JiuJue 原创发布于⼈⼈都4k电视是什么意思 是产品经理。未经许可，禁⽌转载

题图来⾃Unsplash，基于CC0协议