交互设计原则分析

交互设计原则分析

尼尔森十大交互原则

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）

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

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

例二： 不少应用上都会在用户退出登陆时弹出确认弹窗，以此来防止用户误操做退出应用形成的一系列麻烦。

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

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

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

七、灵活高效原则

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

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

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

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

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

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

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

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

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

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