最佳UX体验的创建与超越

时间: 2015-02-27 16:18:04 | 来源: 视觉中国 设汇主义

首页> 资讯> 设计> 观点

想象一下这样一个网站:背景片美丽,优雅,迷人,内容充实,结构合理。导航对跨平台操作的支持近乎完美,可以迅速地在移动设备上转为横屏模式。但不幸的是,它的大部分潜在用户生活在非洲,没有足够的带宽来正常使用该网站。我们是否可以说,我们尽了全力,但结果仍归于失败呢?不是---这个例子告诉我们,完整的用户体验大于各个设计要素之和。 优越的用户体验并非产生于偶然之中。它是缜密计划,细致分析,必要的投资及持续改进的结果。

—Jeff Horvath

良好的用户体验能为设计工作提供可一个可重复的模型,保证设计师在合理的时间内发挥出用户体验应有的价值,且能让设计师避免前人犯过的错误。

尽管某些策略和技巧确实能创造较为优越的用户体验, 但我们必须注意,这些策略和技巧绝不是工作的全部。比工具,技术和策略更重要的是UX设计师真正呈现在台面上的东西:对用户的深刻理解,以及意识到所有的手段,策略和样板都只具备指导性的作用而非刻板规定。

举个例子来说,让客户理解扁平化设计的优点并不困难。但如果对项目的目的和潜在用户没有足够的了解,就决定采用扁平化设计风格,无疑是不够明智的决定。

因此,我们有必要探讨一下 互动设计,风格指南,视觉设计策略及设计模型是如何影响用户体验的,我们也会看到,尽管通过运用这些手段可以在许多方面实现良好的用户体验,但依然可能无法满足用户的需求。

互动设计模式

可以把互动设计模式看成是被过去的实践证明有效的设计经验。。举例而言,使用汉堡包式大图标(hamburger icon)就是一个被广泛使用的设计模式。它最初是Norm Cox 为Xerox Star设计的,其后很长一段时间,汉堡式大图标都默默无闻,但随着智能手机的兴起逐渐流行开来。现在,它被应用于许多响应式页面和应用程序中。

尊重既有的设计模式无疑是有好处的。模式代表着过去的经验和智慧,也易于被团队所有成员接受。设计模式还能节约设计团队的时间成本,带来更为统一的用户体验。

但是,在利用已有的模式时我们依然必须小心谨慎。用企业家和设计师Jeffrey Zeldman的话来说, “在设计中, 因地制宜胜过条条框框。你需要测试之后再决定,而不应把汉堡式打图标照搬到自己的设计中。”也就是说,在采用某种设计模式之前,花一些时间和心思来研究一下它是否真的可行是值得的。

再拿前面的 汉堡式图标为例, ExisWeb的设计师James Foster曾做过一个调查。在240000受调查者中,只有百分之六的iOS用户和25%的安卓用户会真的点击图标---这表明在特定的情况下,它并不容易被用户接受。因此我们绝不能理所当然地以为某种设计模式一定适用于自己的设计。

风格指南

视觉风格指南,或项目中的综合标准,在保证风格一致性上能发挥一定的作用。但在一篇名为 《标准的原则》(Principles Over Standards)的文章中,网页设计师Peter Hornsoby也指出了风格指南或统一标准可能给用户体验造成的负面影响,特别是当设计师试图用风格指南代替前期设计研究的时候。设计标准代表的常常是对过去存在的问题的解决方案,而不是一个项目现在所面对的问题,而在设计中,一个标准很快就会过时。

举例来说,苹果的《人机互动界面指南》(The Human Interface Guidelines) (HIG)为 iOS系统下的网页和移动应用开发提供了必要的风格指引。它非常全面,对熟悉苹果生态系统的用户而言也不是很难理解。但这个《人机互动界面指南》并非针对任何特定的项目。它导致的一个结果就是,许多针对iOS开发的第一代和第二代App虽然可用,但定位不够精准。为了避免这样的缺憾,我们应该把风格指南仅仅当做一个起点,而不是一个最终解决方案。

我曾参与过一个非常复杂的响应式网站项目。视觉设计方案是由一家机构拿出的,但大部分开发工作是外包给别的团队完成的。在风格指南中非常详细地规定了若干断点的设计标准1200px,1024px, 768px和320px。当外包团队把完成的项目发回的时候,设计团队发现整个网站在只有在规定的断点才能完美显示,在其他尺寸的屏幕中则完全不可用。这样一来,便不得不花费很大力气来重做项目。在这个项目中,设计团队和开发团队都按风格指南的要求完成了自己的工作,但对于在风格指南中没有提及其设备的用户而言,却根本无法使用两个团队共同完成的网站。而当我们与设计团队和开发团队合作的时候,我们更为关注的是这个项目的意图 ,以及如何把这个意图落实为一个可用的响应式网站。

简单说来, 当视觉设计方案与与互动设计方案像冲突的时候,,就不能再遵照风格指南的要求操作了。以美国航空(US Airways)的App为例。许多风格指南都规定,公司logo应该出现在次级屏幕的左上或者右上角。但是美国航空的logo包含一个旗帜,如果将它缩小后放置于屏幕一角的话,看起来就像一个汉堡包图标,这无疑会给用户造成错觉。美国航空iOS版本的App对这个问题的解决办法是:将logo从二级屏幕上移除,这违反了风格指南的规定,但在实际项目中却很妥当。

如何是“好”:最佳UX体验的创建与超越【设汇主义】


在美国航空移动版官网上,美航的logo看起来非常接近汉堡包图标

视觉设计潮流

视觉设计潮流,如扁平化设计,全屏幕大图等都会对我们的设计策略造成一定的影响。设计潮流,正如设计模式或设计过程一样,并非硬性规定,而且也永远不能取代对客户需求的研究。

让我们来以扁平化设计为例来详细探讨一下。随着Windows8的发布,扁平化的潮流被越来越多的设计师所认可。扁平化设计的要点包括UI设计的极简化,不使用特效,精心的配色和排版,简洁的布局等等。.

虽然有这些优点,但扁平化设计并非适用于所有的环境。举例来说,扁平化的链接和按钮虽然简洁优美,但根据Jakob Nielsen所做的针对Windows 8的一项调查,用户常常无法确定扁平化的链接是否可以点击。

因此,如果既有的设计潮流给用户体验造成的影响是负面的,那么打破这种潮流是可以的,甚至是必须的。

如何是“好”:最佳UX体验的创建与超越【设汇主义】


设计潮流应该改善而不是偏离用户体验

视觉设计模板

主题固定的 内容管理系统 (CMS)及全球范围内的视觉设计师都催生了诸如ThemeForrest 和 TemplateMonster 这样的免费或收费设计模板下载网站。这些模板虽然可以为你节省时间和精力,但并不能替代你对特定用户体验的理解,也不能替代个性化的设计。另外,如果不能提供良好的用户体验的话,短期内的节省带来的可能是更大的浪费。

使用预先设定好的模板带来的一些常见问题包括与其他公司使用的模板雷同,个性化设计受到严重限制,低劣的模板导致糟糕的SEO质量等等。更为严重的是,模板不可能会考虑用户的独特要求

我们已经强调过考虑用户需求的重要性。还记得文章一开始我们假设的那个潜在用户多数是在非洲的网站吗?一个模板可能拥有漂亮的图片和众多针对移动设备的选项,但是很难适用于带宽极低的智能手机,但在可个性化定制的网站上,这一点就能轻松实现。从长远来看,可用性不佳足以抵消一时的“便捷”。

审慎使用最佳UX策略

提供快速,低廉而优越的用户体验意味着不仅要知道如何运用将最佳设计的策略用到改善用户体验上,更要懂得何时打破规则。

下面就是一些指导设计师审慎地运用最佳设计策略的专业建议:

阅读和学习当前存在的视觉设计潮流。AIGA, DigitalArts,Smashing Magazine 和 Dribbble 等网站都是获取新知的好地方。注意每种潮流的走向--它会成为下一个主流吗?是否从这个潮流中已经产生了一些经验和教训?对潮流的深刻理解有利于设计师更快速地评估一个项目,避免设计师的项目沦为平庸的跟风作品。

花些时间研究一下针对特定平台的人机互动指南。我建议从苹果公司的人机互动界面指南开始。它为iOS系统下的开发任务提供了基本指引,如果能深入理解它的话,设计师与开发者沟通起来也会更加顺利。

力图在最佳设计策略,模式或模板与对用户体验的高感性(high touch)之间找到平衡。在寻求节约时间或成本的解决方案时,也要考虑其到对用户体验和长远利益的影响。

最后,要理解吸引度(engagement)的概念。你可以通过 流动(flow)这一意象来更好地理解粘合度。UX 研究专家 Dana Chisnell 这样解释流动 的含义:通过更佳的响应,更好的可存留度(affordance )和反馈,不断增加项目对客户的吸引度,也不断地客户提供更佳深刻的用户体验。

最重要的一点:创造优越的用户体验不是指最佳设计策略本身,而是指如何最正确地应用这些策略。

【设汇主义】

设计,不仅需要非同一般的创意,更需要默默的积累与学习。设汇主义,汇聚与设计有关的一切,从行业精英的经验心得,到最实用最解渴的设计技巧,从国际前沿的设计新动向,到设计的历史与趣事,“设汇主义”专栏内容将为你提供源源不绝的灵感,助你早日钻破束缚的茧,化为五彩斑斓的蝶!

翻译:刘海静

凡注明 “艺术中国” 字样的视频、图片或文字内容均属于本网站专稿,如需转载图片请保留
“艺术中国” 水印,转载文字内容请注明来源艺术中国,否则本网站将依据《信息网络传播权保护条例》
维护网络知识产权。

相关文章