带你解析交互规划中5项视觉准则

　　何谓“交互规划?”文字能够说是交互的一种，但一些视觉性的元素如图标、期间、图画等才是用户实际上操作的东西。我不想贬低文字的重要性，但也不想忽视视觉。尽管有些可用性专家会提及Craigslist甚至Amazon，作为丑恶但可用(并且受欢迎)的网站事例。但毫无疑问，美感总会有所协助。

　　情感是用户体会的要害：视觉规划优秀的网站能运用户放松，提高可信度和易用性。考虑到大都用户注意力时间短，认知往往成为事实：如果视觉做得很糟糕，UI培训用户不会费心去深入研究你的交互规划。

　　让我们来细说视觉的重要性，因为它关系到交互，保证了明晰的方向指引和一致性。

带你解析交互规划中5项视觉准则

　　01. UI培训尊重视觉的主导地位

　　作为人类，视觉是我们的主要感观。可是其他动物更多依靠听觉与嗅觉，我们是视觉主导的生物。正如数据记者兼信息图专家David McCandless在一场引人入胜的TED讲演中说到的，我们会调集悉数感观，但大都的脑力都花在了视觉上——尽管我们很难发觉。他用计算机进行了类比……

　　“视觉是感观中最敏捷的。它和计算机网络的速度相同。之后是触觉，相当于一个U盘的速度。然后才是听觉与嗅觉，约等于硬盘的速度。

　　“UI培训后边才是不幸的味觉，运算速度简直近似便携式计算器。角落里那个小方块，百分之0.7，那就是我们实际了解的量。所以你的许多感观——绝大大都感观都是视觉上的，它蜂拥而来——你却浑然不觉。”

　　视觉影响行为，也影响体会，Stephen P. Anderson说。

　　可是关于交互规划这意味着什么?它意味着你对产品做出的每一项视觉上的决议计划，都对交互有极大的影响，即使是在不知不觉间。

　　产品UI培训规划参谋Stephen P. Anderson指出，视觉影响的不仅仅体会，也会影响用户的行为。

　　02. 供给明晰的方向与指引

　　用户不会漫无目的阅读网站。人们通常都有个大体概念他们要去哪，但还需求一些指引和头绪。他们会在脑海中创立地图，已然我们刚刚说到人是视觉生物，那么就需求一些视觉路标来指路。

　　某种程度而言，你的导航要像GPS那样。用户需求了解他们当前方位，哪些道路是可行的，下一步该怎么做。

　　面包屑导航是满意上述3项需求的最直接的方法。这种方法给用户留下了明晰的视觉踪影，来追寻他们的拜访过程。

　　但面包屑导航应该作为备选方法，因为关于页面间的点击跳转，它们在视觉上并不直观。它们多用于层级杂乱的网站，比方电商网站，简单的网站不需求它。如果对此持疑，回忆你的网站地图，看看参加面包屑导航能不能提高易用性，或许仅仅添乱。

　　面包屑导航、链接——还有菜单、查找框和可点击的图标——都是根据视觉的手法，让你树立方向和指引。谈到主导航时，你需求让它给人留下激烈的视觉印象。

　　03. UI培训保证视觉一致

　　一致性在交互规划的一切方面都十分重要，不仅仅视觉。无论怎么，视觉上的不一致是十分夺目的(看看世上最糟糕的网站)，见证一下规划的地狱。

　　一致性展示了网站在规划和摆放方面的逻辑，创造愈加令人愉悦的体会(我们都知道，开心的用户是会回头的)。

　　我们之前提过，人们更喜欢一致是因为它增加了可预知性(下降学习本钱)。如果你的界面简单学习，它也会更简单运用。人们不喜欢令人不快的惊喜，正如惊奇最小化准则中所说：

带你解析交互规划中5项视觉准则

　　不一致引发的问题，是它增加了“认知负荷”。Nielson Norman Group的用户体会专家，Kathryn Whitenton，在热议博文中解释过，认知负荷是用户在运用产品时需求考虑的量。

　　一致性展示了网站在规划和摆放方面的逻辑。

　　每项不一致都迫运用户停下脚步，来处理此处不同所表达的意义，它为何不同，又是怎么影响他们的行为。因而，不一致的地方越少，交互越顺利，体会越好。　

　　04. UI培训将UI规划形式作为基准

　　UI规划形式，能够理解为特定状况的最佳规划实践。已然用户现已了解各种规划形式，运用它们下降了界面的学习曲线。常见的UI形式包括旋转木马、相关链接、幻灯片……还有更多(能够从这个网站看到，它致力于给它们分门别类)。

　　Netflix用了相关内容形式，来帮你找到其他可能感兴趣的节目。

　　比方，Netflix运用了“相关内容”UI形式，协助用户找到其他可能感兴趣的电影或节目。因为内容是智能生成的，用户交互感觉更像是有人在引荐有用的内容。这并不是一项开创性的规划，但它是个快速有用的解决方案，让你的界面鲜活起来。

　　当然，UI形式并非即插即用的模块，你仍是得根据网站的外观与感觉为它们特殊定制。

　　要为产品寻找正确的形式，你能够检查各种形式库，经过它们的分类来阅读各种形式，比方“导航”或“输入框”。如：扩大(镜)人道的缺点

　　05. 经过风格攻略创立一致性

　　尽管UI形式有助于提高了解感，风格攻略才干保证全站一致。

　　风格攻略是一部手册，列出了产品的特殊偏好，这些部分很难记忆——比方全站内容的尺寸和字体、主导航的主色与辅助色的色彩梯度、按钮点击状态的体现，等等。

　　重点总结

　　人们在阅读一个网站时，通常他们说自己是在“看”，而不是“互动”尽管后者更精确。我们严峻依靠视觉，视觉引导我们树立观念、解决问题，我们所信任的会引导我们的行为。因为交互规划如此贴近用户体会，经过视觉打造最佳的用户体会，尽管直接，但确信无疑促成了更好的交互。