交互设计丨这5种错误会毁了你的设计！

交互设计从来不易。它需要对用户行为进行深入分析的同时，还要进行细致的计划。尽管新的交互设计不断出现，但并未使它变得更容易一些。如何才能创建令用户满意的使用体验？如果你对交互设计中常见的错误有所警惕的话，无疑就会尽量避开这些错误，从而实现更完善的UX体验。

①过度追求创新

网页设计需要创意。设计师总在寻求新颖的方式，以求自己的设计能脱颖而出。但在交互设计中，标新立异并非总是好事。甚至可能给网站带来负面效果。因为用户对某些模式已经习惯，通常会按既有的习惯执行操作。

Randy J. Hunt是 Etsy 公司的创意总监。他曾明确无误地告诫设计师：“设计师们，少卖弄一点自己的聪明吧。” 在自己的一篇文章中，他详细分析了为何交互设计中不应过分追求创新的原因。以Iotorama网站为例。这个网站外观很漂亮，配的背景音乐很优美，尽管有这些有点，用户使用这个网站时依然会感到茫然无措。整个网站项目非常棒，非常富于创意，我也很喜欢这将设计游戏化的理念。但这个网站从可用性上来说，效果十分不理想。

再举一个例子。Safety on the Slopes 的交互设计页面意在提醒滑雪者可能遇到的危险。整个页面即十分有新意，同时也非常实用，迷人和有趣。

②混乱的导航

“别卖弄聪明”的法则同样适用于导航系统的设计。有些设计师为了追求原创性，刻意在导航中使用高冷的名称。在下面给出的 Chijoff 网站中，用户完全根本不会明白这个网站究竟是干什么的，也不知道该如何雇用它的设计师。用户可能要浏览好一会才会明白该网站网页上所说的“共同创造”（Co-Create）跟“服务项目”（Services）是一回事。

即使是这样，用户读完整个网页的内容之后，依然会感到十分困惑，因为网页的结尾处的内容居然是请求用户注册以获得最新行业信息！整个网页都没有“联系我们”的项目，只有邮政地址和电子邮件地址。无论用户想要联系他们或雇用他们，都十分不方便。

你能猜到Maison Margiela网站主页上的“宇宙”代表什么吗？事实上它指向的是一个Facebook主页! 对此用户会怎么想呢？

而 legworkstudio 的网页则与此形成鲜明对照。它的主页极富创意。但该网站的导航却清晰，准确，不会让用户感到迷失。

③没有条理

有一个时期，设计师试图把尽可能多的内容放在自己的网站上。虽然这种潮流早已过去，但仍有不少设计师重复这个错误。请看下面这个在线购物网站：

设计师试图采用单一的配色方案，但仅仅不同颜色是方框，logo，字体就已经使用户感到眼花缭乱。搜索框中的“今日你有何期待”的语句令人心动，但网站整体的布局却相当过时。

Ebay作为全球最主要的在线零售商之一，网页设计也十分用心。它的主页十分简洁，只重点呈现它最想让用户看到的内容。而不是把所有的行动按钮，产品图片，促销活动等等都放在一起。

④忽视对比

对比是创建社拒绝分层和引导用户注意力的有效手段。在网页设计中，对比不仅涉及色彩，有元素的大小，形状和位置也息息相关。

请看下面的网页。网站的设计团队成功地做到了风格一致，但背景图片及网页中的按钮却无法吸引用户下订单。

在请看下面的这个网页。两者的设计策略很接近，但效果截然不同。它创新的下拉式展示效果很好地呈现了产品的新奇特性。很酷，不是吗？

⑤忽视表单的风格

表单是用户体验中一个非常重要的元素。每个网站都有一个目标——或许是销售产品，又或许是提供信息。不幸的是，很多外观精美的网站却有着令用户厌烦到死的表单系统和验证图片。除非用户的动机很强，否则在遇到这些表单时他们便会放弃操作。借助像JCF 这样的解决方案，现在我们完全可以摒弃丑陋的表单样式，为用户提供更有趣的表单填写经验。

如果表单太有强制性或没有做足够的测试，也会使用户厌烦。例如sketchybusiness.io 网站的一个表单将所有项目都高亮显示。尽管有些项目并非必填项。

而如果你看到 mostlyserious.io 网站的表单的话，一定会对该网站的悬停与激活按钮印象深刻。另外，“别那么羞涩”的语句也为表单增添了幽默感。

结语

在测试上别偷懒！有些东西对你很重要，但用户或许不会这么看。用户在哪些点上最容易遇到麻烦？导航，花哨的平行元素还是加载缓慢的视频？测试最大的意义就是能让你以用户的体验为基准看待设计。不要限制你的创造力，但是要尽量避免这些创意让用户感到困惑或沮丧。