交互设计原则分析

交互设计原则分析

尼尔森十大交互原则

1.状态可见原则（Visibility of system status ）

系统应该让用户时刻清楚当前发生了什么事情，也就是快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解，一般的方法是在合适的时间给用户适当的反馈，防止用户使用出现错误。

例一： 当用户点击按钮后，由于网络速度等因素加载过慢时，给用户明确展示出按钮处于加载的状态，如果不这样做，用户就会迷茫、不知所措，自己明明点击了按钮却没有反应，这样就会出现反复点击的情况，从而降低用户的好感度。

例二： 该界面中的日期选择，选定的日期底色为绿色高亮显示，让用户清晰明了的知晓当下选择的日期，与此同时当天的日期运用绿色的描边圆来显示，提示用户当前日期。以及其标签栏的中当前页面图标高亮，其他图标熄灭，是告诉用当前所在页面，也是运用了状态可见原则。

2：环境贴切原则（Match between system and the real world）

软件系统应该使用用户熟悉的语言、文字、语句，或者其他用户熟悉的概念，而非系统语言。软件中的信息应该尽量贴近真实世界，让信息更自然，逻辑上也更容易被用户理解。

例： 依然以这个页面为例，在给改按钮定字段时它完全可以定为“签到”，但实际运用中是通过扫二维码来签到的，故运用“扫码签到”更贴合实际运用场景；且签到是该应用的核心功能，故该按钮重量级相对其他元素要大；对用户而言这种设计是非常友好的，首先他可以一眼找到核心功能，其次通过字面意思就可以知晓该如何操作。

3：用户可控原则（User control and freedom）

用户常常会误触到某些功能，我们应该让用户可以方便的退出。这种情况下，我们应该把“紧急出口”按钮做的明显一点，而且不要在退出时弹出额外的对话框。很多用户发送一条消息、总会有他忽然意识到自己不对的地方，这个叫做临界效应；所以最好支持撤销/重做功能。

例一： 该页面中关注房源的图标按钮就是可以用户自行操作，如果误操作关注了自己不想关注的房源，用户就可以再次点击图标按钮取消关注。

例二： 钉钉支持撤回所发的信息。这一功能对于经常手误的用户比较实用，给他们提供了补救的办法。这就是用户可控原则。

4：一致性原则（Consistency and standards）

对于用户来说，同样的文字、状态、按钮，都应该触发相同的事情，遵从通用的平台惯例；也就是，同一用语、功能、操作保持一致。软件产品的一致性包括以下五个方面：

（1）结构一致性： 保持一种类似的结构，新的结构变化会让用户思考，规则的排列顺序能减轻用户的思考负担；

例： 下图所示功能项的展示方式均为辅助图标加功能文字描述，统一的结构、统一的布局方式，让用户在始终熟悉的感觉下体验着产品的不同功能点。

（2）色彩一致性： 产品所使用的主要色调应该是统一的，而不是换一个页面颜色就不同； 例： 该产品主色调是绿色的，因而不同页面的图标颜色与界面的主色均为绿色，也包括其中一些标签和强调的文字颜色都是绿色，整个界面除了图片外，都通过灰、白、绿色来呈现，界面保持了很好的一致性，这就是色彩一致性原则。

（3）操作一致性: 能让产品更新换代时仍然让用户保持对原产品的认知，减小用户的学习成本;

例： 各个app中返回上一级的返回按钮都在左上角，点击这个箭头进行返回操作。这一标识在用户群中已经达成了共识。

（4）反馈一致性： 用户在操作按钮或者条目的时候，点击的反馈效果应该是一致的；

例： 大多数app中一般情况下，下拉都是刷新的反馈，都会出现刷新loading，体验相当一致

（5） 文字一致性：产品中呈现给用户阅读的文字大小、样式、颜色、布局等都应该是一致的；

例： 该页面中框选的文字大小、颜色、布局的样式都一样，就连字段长度都一致。这样用户在运用过程中就会有一定的熟悉感，降低学习成本。

5：防错原则（Error prevention）

比一个优秀错误提醒弹窗更好的设计方式，是在这个错误发生之前就避免它。可以帮助用户排除一些容易出错的情况，或在用户提交之前给他一个确认的选项。在此，特别要注意在用户操作具有毁灭性效果的功能时要有提示，防止用户犯不可挽回的错误。

例一： 当用户删除某些信息时，给出再次确认的弹窗，防止他误操作删除某些重要信息。

例二： 很多应用上都会在用户退出登录时弹出确认弹窗，以此来防止用户误操作退出应用造成的一系列麻烦。

6、易取原则（Recognition rather than recall）

通过把组件、按钮及选项可见化，来降低用户的记忆负荷。用户不需要记住各个对话框中的信息。软件的使用指南应该是可见的，且在合适的时候可以再次查看。

例： 该界面展示的为会务的消息列表，每天会受到很多回复发布或更改的消息，用户当然不想每次都进入会务详情页才能看到会务的核心内容了，因而在展示新发布的会务时，列出来名称、时间、地点这上核心内容；而更改的会务将更新的项标红显示，其实这里是有问题的，被更改的会务在列表里总有一项用户想知道核心内容看不到（要么是时间要么是地点），这点体验不太好。

7、灵活高效原则

这个原则就是告诉我们每个产品针对的用户不可能是所有用户，都会有自己的适用人群，我们需要针对主要的用户去设计，而不能仅仅为了一小部分用户进行极端设计，满足大部分用户的使用需求才是最重要。中级用户的数量远高于初级和高级用户数。为大多数用户设计，不要低估，也不可轻视，保持灵活高效，为大多数用户设计，兼容少部分特殊用户。汽车油门—新手用户常常看不见，而且对于高手来说可以通过它快速与汽车互动。这样的系统可以同时满足有经验和无经验的用户。允许用户定制常用功能。

例： 像该页面中房源信息默认所类型的都显示，如果用户只想看带视频的，那么其他的对用户而言就是无用的，同时这些无用的还会占用用户大量的浏览时间，这是一种浪费，像现在的这种设计就可以让用户快速高效的获取他想要的有效信息。

8、优美且简约原则（Aesthetic and minimalist design）

对话中的内容应该去除不相关的信息或几乎不需要的信息。任何不相关的信息都会让原本重要的信息更难被用户察觉。

例： 像这个退出登录确认弹框，没有任何废话，言简意赅，让用户一目了然。

9、容错原则（Help users recognize, diagnose, and recover from errors）

错误信息应该使用简洁的文字（不要用代码），指出错误是什么，并给出解决建议。也就是在用户出错时如何为出错的用户提供及时正确的帮助呢？即要帮助用户识别出错误，分析出错误的原因再帮助用户回到正确的道路上。如果真的不能帮助用户从错误中恢复，也要尽量为用户提供帮助让用户损失降到最低。

例： 这个登录页面的填写项是允许用户出错的而且它会提示用户怎么错了，让用户很清晰如何纠正，避开误区，像“验证码已失效”，就明确的告诉了用户之前的验证码已经失效了，不要再重复填写了，获取新的验证码再填。

（10）人性化帮助原则（Help and documentation）

即使系统不使用帮助文档是最好的，但我们也应该提供一份帮助文档。任何帮助信息都应该可以方便地搜索到，以用户的任务为核心，列出相应的步骤，但文字不要太多。 例： 如图所示，登录页的“记住用户名及密码”的帮助项实时可见，只要在登录页就可见此功能，你用或不用，他都在那里。

转载于:https://juejin.im/post/5c74f9f7f265da2db4143088