运用VS打破，UX最佳实践

想象一下，有这么一个网站，上面有精美的全屏大图，透明按钮点击了会跳转到架构良好的响应式页面。它的导航拥有完美的跨设备性能，可以适时地从水平导航切换到移动菜单。不过不幸的是，有很大一部分潜在受众都居住在非洲，根本没有足够的带宽来访问这个网站。这是不是意味着最佳实践没有我们想象中那么有用呢？不是，这其实是告诉我们，一次体验是大于其中每个部分的简单加和的。

 

“好的体验，就像是可衡量的ROI（投资回报率），通常不是偶然产生的。而是精心计划、分析、投资和不断改进的结果。”

——Jeff Horvath

 

用户体验中的最佳实践提供了一个在可重复工作中的框架，这个框架让我们在合理时间内传递出用户体验的价值，而不是像以前一样犯各种错误。最佳实践让团队在执行过程中更确定自己在以对的秩序做对的事。

 

虽然遵循最佳实践可以为实现好的用户体验奠定基础，我们还是不能仅根据最佳实践就决定全部的工作。当技能、时间或者预算有限的时候，我们很容易想走捷径以实现好的用户体验。比工具、技巧或者最佳实践更重要的，是用户体验从业者表现出来的：对系统用户有同理心，知道最佳实践、模式和模板只是有价值的参考而不是规则。

 

比如，向一个客户推销扁平化设计的好处很容易。因为扁平化设计提倡简洁，而且它明快清晰的风格让我们可以应对更多复杂的问题。它避免了一些拟物化设计中出现的问题，也能很好的适应响应式web技术。但是如果还没先了解一个项目的目标和预期受众就确定要用扁平化设计，那就是一个糟糕的决定了。

 

让我们来具体地探索一下交互设计模式、风格指南、视觉设计趋势和设计模板是如何影响用户体验的，以及我们如何在恰当使用全部这些工具的情况下，创造出能够满足各种不同的对优秀体验的需求的产品，而不是靠单个的工具就解决用户的需要。

 

交互设计模式

 

交互设计模式可被看做是过去运用起来很有效的一些知识的总结。这些模式阐明了交互体验的最佳实践。关于流行的设计模式可以举个例子，那就是汉堡图标。它是由Norm Cox为世界上第一个图形用户界面Xerox Star而创作出的。（译注：关于汉堡图标可参见http://daily.zhihu.com/story/3811197 http://blog.placeit.net/history-of-the-hamburger-icon/）汉堡图标沉寂了一些年，随着智能手机的出现和节省屏幕空间的需要而流行起来。现在在许多响应式移动网站和智能手机的应用程序中，这个图标被用来表示菜单。

 

使用现有的设计模式有明显的好处。模式提炼自集体智慧和过往产品的测试，为团队提供了共同的语言。设计模式减少了产品开发时间和成本,并且提供了一致的用户体验。运用交互设计模式会让设计界面的过程变得更容易。

 

但是我们不能只看设计模式的表面价值。如企业家、设计专家Jeffrey Zeldman所说：“设计考量（design considerations）胜过设计模式。应该测试并做决定，而不是只是复制汉堡图标之类东西。”如果有机会可以进行设计模式的可用性研究，做一点额外的研究来弄清楚这样的设计是否有科学依据，还是很值得的。

 

具体来说，James Foster，ExisWeb的开发人员，进行了一个有240000用户的关于汉堡图标研究。（译注：关于这个研究可参考exisweb网站上的文章http://exisweb.net/menu-eats-hamburger）他发现，只有6%的ios用户和25%的安卓用户实际点击了这个图标，这表明这个图标虽然身为一种设计模式，但并没有我们以为的那么好理解。我们不能想当然地认为通用设计模式就可以被我们特定的用户所理解。

 

风格指南

 

视觉风格指南，或企业品牌规范，有助于设计选择，并控制品牌的一致性。网页设计师Peter Hornsoby的文章《原则高于规范》（Principles Over Standards http://www.uxmatters.com/mt/archives/2014/08/principles-over-standards.php），探讨了风格指南和设计规范可能引发的一些用户体验问题，尤其是当用风格指南替代了设计研究时。设计指南通常代表了过去发生的问题的解决方案，而不是当前正面临的。随着时间的推移，设计规范只会变得越来越过时。

 

例如，人机交互指南（HIG https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/）为开发苹果ios系统的web和移动应用提供了风格指南。HIG非常全面，还提供了苹果生态系统的用户可以理解的类比。但是它并没有包含对任何一个特定受众的研究。最终结果就是，很多一代、二代的ios应用是可用的，但用起来感觉真的很一般。为了避免这个困境，我们可以把风格指南作为起点而不是解决方案。

 

我曾经做过一个非常复杂的响应式网站的项目。视觉设计是由一个机构做的，大部分开发工作都在海外完成。风格指南极其详细地描述了1200px、1024px、768px、320px几个断点的设计规范。第一次迭代从海外的开发团队发过来时，我们发现在指定的断点上网站看起来很完美，但在其他屏幕尺寸上根本无法运行。这个问题造成了项目早期的大量返工。这个机构和开发人员都完成了他们的工作，但是事实说明如果设备的屏幕尺寸并不是风格指南中描述的尺寸，这个网站就没法用。我们与那个机构还有开发团队一起工作，让焦点回到设计意图上，然后根据设计意图建立了一个可用的、流畅的响应式网站。

 

判断是不是应该遵循风格指南的一个简单方法是看视觉品牌有没有和交互设计模式相冲突。拿美国航空公司的应用程序来举例，大部分风格指南会规定公司的logo应该出现在次级屏幕的左上角或右上角。然而美国航空公司的logo包含一个国旗，它缩小了放在角落特别像一个汉堡图标。这是一个显而易见的可用性问题。美国航空公司的ios应用尝试着解决了这个问题，他们把logo从次级屏幕中去掉了。虽然这有悖于大多数风格指南，却符合他们的需要。

在美国航空公司的移动网站上，这个logo特别像一个汉堡菜单按钮

 

视觉设计趋势

 

视觉设计趋势，诸如扁平化设计、全出血大图（full-bleed hero images）（译注：含义可参见维基百科http://en.wikipedia.org/wiki/Hero_image）、卡片、版式设计，都可以影响我们的视觉设计选择。但是趋势就像模式和流程一样，不是硬性规定，而且也不能替代我们需要去理解用户的需求。

 

我们以扁平化设计来进一步探讨这个话题。微软发布win8系统让这个趋势众人皆知。他们在用户界面设计中提倡极简主义，不加额外的效果，用色讲究，注重版式和干净的布局。这种思想从体验和可用性的角度讲是非常伟大的，以至于扁平化设计几乎成了web 3.0的代名词。

 

但即便如此，扁平化设计并不是适用于每一种情况的。比如，扁平化的链接和按钮也许看起来很干净，但是Jakob Nielsen 做了一个关于win8的研究，发现用户通常不会意识到扁平的链接是可以点击的。

 

“你能点击哪里呢？一切看起来都是扁平的，事实上“更改电脑设置”看上去更像图标组合的标签而不是一个可点击的命令。结果就是在测试中许多用户在试图访问设置中隐藏的特性时根本没有点击这个命令。

——Nielsen

 

唐纳德·诺曼解释说这和视觉的功能可见性有关，或者说和对象的大小、形状、肌理如何影响用户的感知和理解有关。考虑到这个，如果公认的设计趋势不利于用户体验，那我们打破它就是非常好的甚至是很有必要的。在这个例子中，设计师本可以选择给按钮加上一个轻微的渐变或投影来让人更有可能点击它，尽管这样意味着会背离扁平化设计的规范。

设计趋势应该给用户体验提供参考而不是控制它。

 

视觉设计模板

 

可变主题的内容管理系统（CMS）和全球整个行业的视觉设计师使我们可以便捷的访问诸如ThemeForrest 和TemplateMonster之类的站点来下载免费或付费的设计模板。模板通常体现了常用的交互设计模式，并紧跟行业趋势。虽然模板是一个节省时间和金钱的好办法，但它也不能替代我们进行适当的用户体验活动并做定制化的设计。更重要的是，为了省短期的钱可能会让我们长期来说花费更多，因为有可能这个设计不适合用户。

 

考虑使用预设的视觉设计模板的话，部分常用模板，可能会有其他公司也用了同一个，而且局限了设计的定制化，还有可能碰上设计拙劣的模板对SEO很不友好。所有这些问题里面最严重的就是，模板没有顾及特定受众的特殊需求。

 

我们已经看到考虑用户需求的必要性。我们假设一种极端的情况，一个网站的潜在受众在非洲。可能一个模板会使用优美的意向，满足移动需求，但它未必会能适应低带宽的手机，而这不过是对一个定制网站非常简单的调整。长期的可用性更重要，而不是贪图模板的便利性。

 

负责任地运用最佳实践

 

最佳实践、模式、模板提供了一种快速、灵活且可重复的流程方法。公司将用户需求纳入项目后，会去寻找更好、更快、更廉价的方法达到好的用户体验。然而提供快捷、便宜且积极的体验不仅需要明白该如何运用用户体验的最佳实践，也要知道何时去打破规则。

 

以下是关于用户体验专家们该如何负责任的运用最佳实践的一些建议。

 

l  阅读并学习当前的视觉设计趋势。AIGA, DigitalArts,Smashing Magazine 和Dribbble都是非常好的学习起点。注意一下是什么推进了这些趋势——它们只是新生事物，还是说透过这些 趋势可以提炼一些用户体验的经验？理解设计趋势可以让我们在创意过程中更快的做评估，避免做出的产品泯然众人。

 

l  花点时间去了解一下特定平台的交互指南。我建议从人机界面指南开始。它提供了ios开发的基本知识。深入地了解HIG会让你在觉得有必要打破规范的时候更好的和开发人员沟通。

 

l  不断权衡最佳实践、模式、模板与更高感度的（higher-touch）解决方案各自具有的优势。当你考虑节省时间或成本的时候，也权衡一下如果不做定制化的解决方案会给用户带来的影响或长期来说对商业价值的影响吧。

 

l  最后，思考一下engagement（译注：目前无公认译法，译者参考网上其他文章，有“参与、互动、交互”之意）理念吧。我们可以通过流（flow）的概念来思考。用户体验研究员Dana Chisnell把流解释为一种能力——具备响应性、功能可见性和反馈，信息架构清晰，技术过硬，干扰最小，因而增强了engagement，加深了用户体验。她有一篇很好的文章《不仅仅是完成任务：设计中的流》（Beyond Task Completion: Flow in Design），要学习更多关于这个理念的话，这篇文章值得一读。

 

最后的最后，创造好的体验并不等同于照搬最佳实践，关键是要让这些实践为我所用。