Skip to content
2010年10月6日 / island205

【译】UX是什么?概述,工具和资源

随着行业技术和方法论的发展,Web站点或者Web应用越来越复杂。原来单一的静态网页,现在变得如此的丰富,大大提升了交互体验。

但是无论技术或者方法如何的改变,一个Web站点的成功的关键仍然没变:用户是怎么看的。“我从这个站点获得了什么?很容易使用吗?甚至有很愉悦的用户体验?”,用户在使用我的产品的同时心中如此的问,这是产生用户黏性的基础。

User experience design(UX)的任务是让用户说出“Yes”。这篇文章旨在帮助你熟悉专业UX设计的规则,背景将基于Web系统,比如Web站点或者应用。

什么是UX?


人与系统交互时的感就是用户体验(简写为UX)。网站,Web应用,桌面程序都是所谓的系统,在现在概念里通称为人机交互(HCI)。

01 User Experience Graphic in What Is User Experience Design? Overview, Tools And Resources

UX设计师研究和评估一个系统的用户体验,关注与该系统的易用性,价值体现,实用性,高效性等。

设计师也有可能关注与一个系统的子系统或者流程。例如,他们有可能研究一个电子商务站点的结账(checkout)流程,看看流程是否对用户友好易用。他们可以更加深入的研究子系统的组件,比如研究用户在填写Web表单的时候如何更加高效和舒服。

尤其在基于Web的系统,UX是一个相对较新的概念。Donald Norman博士提出了“用户体验”一词,他是一个认知科学的研究人员,首次提出了以用户为中心设计的重要性(用户的需求应该决定产品如何设计)。

02 Userexperience Donald Norman in What Is User Experience Design? Overview, Tools And Resources

为什么UX如此重要?


如今,随着以用户为中心的设计理念不断加强,也产生了一些对于设计和增强用户体验的重要性的质疑和讨论。简单的说:“它是重要的,因为它直接和用户需求打交道——这已经足够”。

以用户为中心,以可用性为中心将使得我们的网站与众不同,但在客户我我们理解以用户为中心的设计之前,只有两件事情决定了我们如何做设计:我们的想法和用户希望看到的。

我们以自己认为的方式建立交互——我们为我们设计。完全以美学和品脾啊为中心,没有人会考虑用户体验。

没有现成的科学理论来支撑我们的设计,我们设计应为我们觉得结果是好的,因为它们是被创造的(以我们的想法)并且因为这是我们的客户想要的。

03 Decision Process in What Is User Experience Design? Overview, Tools And Resources

但是这十年见证了Web的变化。普及显而易见——Web在2008年至少有1.5亿用户——但是Web已经变得如此的复杂,拥有丰富的功能,此时Web想要变得高效,它们必需有良好的用户体验设计。

再者,用户浏览站点的方式变得多种多样:移动设备,各种浏览器,各种连入互联网的方式。

我们也意识到可用性的重要——对于我们基于Web的产品来说——满足屏幕阅读器和非传统的输入设备是不够的,还需要满足那些没有宽带连接的或者使用较老移动用户等等。04 Things To Worry About in What Is User Experience Design? Overview, Tools And Resources

 

随着这些巨大的变化,那些易用的取悦用户的网站已经脱颖而出。如何创建一个Web站点呢?给予使用者高用户体验成了驱动开发的主要因数。

谁将从UX设计中受益?


所有的系统将受益于以用户为中心的设计,受益于一个非常可靠的评价标准,当然,说话很容易,但是,反驳者说:完全以用户为中心设计是一件很难的事情。我们不是生活在一个完美的世界之中,没有无限的资源,因此,我们必须鉴别出一个范围,可以从UX设计中获得效益。

复杂系统(Complex Systems)

系统越复杂,就越需要更多的计划和架构设计。简单的静态网页完整的多用户UX没有必要,而多方位网站,高交互体验的Web应用以及电子商务站点都将从UX设计中受益。

05 Complex System Amazon in What Is User Experience Design? Overview, Tools And Resources

用户规模很大的系统,必须有价值,愉悦用户而且高效。忽略用户体验将会有很大的损失。

初创公司(Start-Ups)

初创公司或者小公司没有额外的资源来雇佣专业的UX设计师来进行UX设计,例如,37Signals,一个精悍的初创公司,开发了Basecamp和Highrise等强壮的非常成功的软件,依靠几个多面手(可以“戴上不同帽子”的人)。

06 37signals in What Is User Experience Design? Overview, Tools And Resources

这中情况下,比起招聘一个全职的UX设计师,训练现有雇员(尤其是Web设计师)学习UX设计的原则和方法,或则是直接外包必须的UX工作可能更加的合适。在软件或服务的最初版本提供一个强壮的用户体验可以在同类产品中跳出来获得用户的青睐。但是作为初创公司,有时候并没有足够的资源来雇佣一个技术娴熟的UX设计师。

预算限制的项目(Project With “OK” Budgets)

为中小企业工作的小代理考虑到用户群和优先交付的成果必须保持低开销来保证预算。在这种情况下,开发者更加关注开发进程而非研究分析和计划。小预算的产品更多由其推出的最终产品来驱动开发。当然这并不意味着这类项目不会因为良好的UX受益——当然可以——但是实际看来,中小型的公司常常认为推出一个网站而外的资源开销没有必要。

较长时限的项目(Project With Longer Timeframes)

简单逻辑来看,给传统的网站增加一个齿轮将增加其开发的时间。时间必须分配给UX设计一部分。UX设计师理论上可以承担一些传统上分配给Web设计师和工程师的任务来缩短时间,有可能节约在必要解决用户问题而修正时花费的时间。

UX设计必知(Things To Know About Ux Design)


UX设计是一个了不起的规则,但是它不能或者不会去完成某些事情。

UX设计不是一刀切(UX Design Is Not One Size Fits All)

UX设计不是一刀切,不能解决所有的问题,因为每个人都是不一样的。在某个人身上完全可行可能在其他人身上就是死穴。我们能做到最好的是为实际的经验和提升具体的行为来设计,但是我们不能伪造、假设或者预测用户的实际体验。

我们不能创造用户体验,同样,也不能直接把用户体验从一个网站直接复制到另一个网站,不同网站的用户体验是不一样的。设计必须适合网站的目标、价值、生产过程一个它的其他产品。

传统量度无法直接测量(Can’t Be Directly Assessed With Traditonal Metrcs)

无法根据基本单独的统计,例如浏览量、跳出率、转化率来评价一个网站的用户体验设计。我们可以假设,可以进行用户调查,但是我们不能(至少现在没有)安装一个程序直接自动的统计用户的体验。

和可用性不是一回事(Not the Same Thing as Usability)

用户体验和可用性变得好像是一回事了,但是他们截然不同。UX重点放在用户使用系统的感觉,而交互界面的友好性和高效性则是可用性关心的事情。

可用性作为用户体验的一个主要部分充当了重要的角色,它体现在系统高效和亲切的体验,但是人类工程学,心理学,信息架构和以用户为中心的设计原则同样充当重要的角色。

把UX作为职业引起的批判(Criticisms Of UX As A Prifession)


并不是所有人都承认在团队里有个UX设计师的价值,围绕着一个增加一个UX设计师带来的额外花销,技术上额外的学习和整合以及对改变的害怕,引起了争论。

还有一个担心的问题

在传统的Web站点开发过程中,尤其是对于小部门或者初创公司来说,没有充足的资源,一般由一个Web设计师和一个Web开发工程师组成。设计师在进行草图设计和功能原型设计等工作的同时也充当的用户体验设计师的角色,同时开发人员按照设计师的设计来创建站点。专业的UX设计师在这种情况下只会增加进程的复杂性。

空中楼阁

从事Web开发的一部分人认为UX设计师里真正的开发实在太远了。举个例子,Ryan Carson,Carsonified的创始人,在Web设计领域有很高的声誉,曾批评了那些不实干的UX专家,应该投身到每个Web项目的各个环节,设计、开发、测试、销售甚至售后升级。

这行业有个基本的观点,没有实际开发背景的UX设计师是无法像那些拥有实际开发经验的设计开发人员熟练的给出解决方案。

然而,很多UX专家都有实际的开发背景;很多web设计师或者是开发人员选择了产品过程中的这个特殊区域。

费用增加

简单的逻辑认为雇佣一个UX设计师将花费更多的钱(除非他们免费服务,但是这不可能)。

相反观点,我们应当把UX设计当作一种投资。尽管UX的益处并没有明显显现,并不像网站或者程序其他部分一样。它姗姗来迟,在以后的日子里,给出更高的回报。例如,在结账过程中用户体验一个简单的提高,可能会带来数百万美元的收益

结果不能直接测量

采用定量的方法来评价UX设计的效力和投资回报率是很难做到的,这是因为这一块东西本身就是很主观的。UX处理是用户的情感,不能像访问量,加载速度和转化率一样给个数据来定义。

反而,我们需要分析流量水平,页面访问量,或前或后的用户调查(类似的)来梳理出结果,指出正面的效果来自于好的用户体验或者美学或者其他因数,例如提高营销或者前端性能优化,都是非决定性因数。

困难在于试图去量化非常主观的效果。我们需要一些定性的证据。

UX设计工具和技术


UX设计师在不同设计阶段使用各种各样的工具。下面提供给大家一些工具。

系统评价

假若已经存在一个系统,则UX专家将全面评估系统现状,根据分析研究得出的数据,他们会报告发现的问题并提出一些解决方案。

A/B测试

UX专家可以拟定一个方案来比较不同用户接口的质量和效率。

07 Ab Test Graphic in What Is User Experience Design? Overview, Tools And Resources

首先提出假设(绿色按钮比红色按钮更具吸引力),然后设做出不同的设计,界定什么是“比较好的用户体验”(例如:绿按钮比较好,因为很多人都点击了他),最后进行测试。

用户调查

UX设计师可对该系统现存的或者潜在的用户进行面谈,洞察什么是好的设计。用户体验是主观,获得信息最直接也是最好的方法就是和用户交流。

草图设计和原型设计

基于A/B测试或者用户调查中的发现,UX设计师可能会创建不同布局的草图,甚至高度逼真的原型。

08 Wireframe in What Is User Experience Design? Overview, Tools And Resources

使用流程(UserFlows)

另一种流行的方法是设计系统的用户使用流程。

09 Userflow in What Is User Experience Design? Overview, Tools And Resources

讲故事

依靠生动的用户情感和熟悉的元素图纸,UX设计师讲故事,输出信息。可查看这两篇文章“Better User Experience With Storytelling.”了解关于讲故事的更多信息。

设计模式

模式提供了解决问题的一致的已知最高效的工具。而对于界面模式则是,对于特定的不同工作选择正确的UI元素(例如:模块标签面包屑幻灯片),从而获得更好的用户体验。UX设计师是并不是提出那些曾经用于其他网站的设计模式,更多的需要开发出适合当前项目的设计模式。

20 Add Patterns Module Tab in What Is User Experience Design? Overview, Tools And Resources

用户兴趣模型和用户扮演

UX设计的第一步就是了解你的用户,确保你的设计能正确反应用户的需求。关于用户扮演更多developed using website data

内容清单

作为最简单术语,内容清单为一个网站结构列表。构建一个内容清单目录是工作转换到信息架构的第一步,提供给用户更好的体验(例如:用户操作流,可见索性和效率)。

21 Add Content Inventory Sitemap in What Is User Experience Design? Overview, Tools And Resources

样式指南

设计的一致性至关重要的,可让用户获得一个关于你的品牌的难忘的体验。内容风格指南可以个作者和设计师一个整体框架,在这个框架下创造内容和设计,并且确保了品牌和元素体验 一致性。

22 Add Style Guide Ilovenewyork in What Is User Experience Design? Overview, Tools And Resources

I Love New York’s branding guidelines

还有很多用户体验的设计成果,请参考更多

工具


一下是一些容易获得的流行的UX专业设计工具,但并不是只适合UX设计专业人士,开发人员,设计师和交互设计师,包括其他更多的人都可以使用。

草图设计和原型设计

简单的使用纸和笔就可进行草图或者原型设计。尤其是纸质原型有很多优点,快速,简单,廉价,利于原型分组设计。

10 Paper Prototype in What Is User Experience Design? Overview, Tools And Resources

草图或原型设计的常用软件:

A/B测试软件

A/B测试(又叫分离测试或多变量测试)对比不同版本的页面,并且支持多方案测试。

11 Ab Test in What Is User Experience Design? Overview, Tools And Resources

一般,A/B测试软件将站点流量均等的分成两部分,分别对应两个不同的版本,分别统计两者的转化率和跳出率。分割测试基于统计结果来判断哪个设计版本更好。Google的Website Optimizer是最流行的A/B测试软件之一。

内容清单软件

有大量的方法管理内容清单。用一个现场服务器程序(为此你需要访问Web服务器)是最好的制作网站的方法。和第三方软件相比,这些应用程序显得更加高效和自然。你可以使用类似于Excel一样简单的工具来创建和管理内容清单。(参考GetUXIndex()template)。

23 Add Content Inventory Getindex in What Is User Experience Design? Overview, Tools And Resources

WordPress和Drupal等类似的网站都内建了内容管理系统,可以显示站点地图。

用户测试和反馈软件

用户访谈另外一种流行的UX设计方法。最高效最节约成本的方法是使用一个调查反馈程序和远程用户测试

用户反馈工具非常多。如PoolDaddy普查工具,还可以用于其他工作的灵活的解决方案。还有特殊用处的反馈工具Usabilla以及可提供远程测试服务以及管理评估者的可用性测试的Feedback Army

等类似软件。

分析软件

UX设计师可以从流量分析中猜测怎样做可以提高网站使用者的用户体验。

12 Analytics in What Is User Experience Design? Overview, Tools And Resources

比方说数据显示Google Chrome是最流行的浏览器。Google Chrome是一个功能非常强大的浏览器(比起IE,Chrome更加主流)。从这个假设开始,UX设计师为吸引有能力的技术娴熟的用户设计出更适合他们的用户体验。

Google Analytics是一个功能强大免费的分析软件。

UX专业网站


有很多网站讨论UX,列举一小部分如下。

UX Magzine

UX Magzine,有大量的关于如何提高用户体验的高质量的讨论。

13 Uxmagazine in What Is User Experience Design? Overview, Tools And Resources

UX Booth

一个用户多作者聚合,UX设计交流社区。也包含可用性和交互设计方面的东14 Uxbooth in What Is User Experience Design? Overview, Tools And Resources西。

 

User Interface:Stack Exchange

beta阶段,UI Stack Exchange(Stack Overflow子集)是一个给UI研究者和专家问答的网站。

43 Add Site Ui Stackexchange in What Is User Experience Design? Overview, Tools And Resources

Stack Overflow

一个流行的编程Q&A网站,有很多精彩的关于UX可用性的讨论。

44 Add Site Stackoverflow in What Is User Experience Design? Overview, Tools And Resources

UX Exchagne

一个社区网站,成员可问一些关于可用性,可访问性以及交互性等和用户体验相关的问题。

15 Uxexchange in What Is User Experience Design? Overview, Tools And Resources

User Interface Engineering

UIE是世界上最大的可用性研究组织。其网站经常发布一些文章这研究成果。

16 Uie in What Is User Experience Design? Overview, Tools And Resources

UXmatters

UXmatters上是一个网络电子杂志。文章涉及用户体验策略,UX规则信息等等。

17 Uxmatters in What Is User Experience Design? Overview, Tools And Resources

52 Weeks of UX

Joshua Porter and Joshua Brewer创建了该站点,相关主题为“真正的用户体验设计(the process of designing for real people)”。

18 52weeks Ux in What Is User Experience Design? Overview, Tools And Resources

Boxes and Arrows

Boxes and Arrows口号是:致力于实践,创新和设计的讨论。因此站点上常常登出一些比较拔尖关于UX的文章。

19 Boxes Arrows in What Is User Experience Design? Overview, Tools And Resources

 

Semantics

Semantic Studios的创始人,Peter Morville,其公司在信息架构,用户体验以及可检索性查询处于领先地位,他在该blog中写一些用户体验相关的文章。

24 Add Site Semantics in What Is User Experience Design? Overview, Tools And Resources

UsabilityPost

Dmitry Fadeyev的blog记录一些功能设计方面的文章。

25 Add Site Usability Post in What Is User Experience Design? Overview, Tools And Resources

101 Things I Learned in Interaction Design School

交互设计和UX设计密切相关,该blog提供一些相关的简短的但容易理解的文章。

26 Add Site 101 Interaction Design School in What Is User Experience Design? Overview, Tools And Resources

UX Quotes

一些关于UX话题的引用片段

Ux-1 in What Is User Experience Design? Overview, Tools And Resources

Outes From the User

用户体验关系一切用户(为什么角色很重要)。Tumblr博客讲述了一些UX相关的故事,来自不同的特点或者不同系统的用户。

28 Add Site Quotes From User in What Is User Experience Design? Overview, Tools And Resources

everydayUX

FourSquare产品总监的blog,Alex Rainert,经常和大家交流一些信息和交互设计的想法。

29 Add Site Everyday Ux in What Is User Experience Design? Overview, Tools And Resources

Konigi

为UX设计是提供新闻,资源和工具Ux-2 in What Is User Experience Design? Overview, Tools And Resources

90 percent of everything

以用户体验为主导的网站,Brignull 分享一些关于信息架构用户体验以及良好设计相关的文章。

31 Add Site 90percenteverything in What Is User Experience Design? Overview, Tools And Resources

DarkPatterns.org

讨论一些基本用户体验设计模式,帮助UX设计师找到合适的设计模式,以制作良好的用户体验产品。

32 Add Site Dark Patterns in What Is User Experience Design? Overview, Tools And Resources

Johnny Halland Magazine

关于UX设计和交互设计的Web杂志33 Add Site Johnny Holland Magazine in What Is User Experience Design? Overview, Tools And Resources

 

UX Pand

致力于提供UX相关的搜索服务34 Add Site Ux Pond in What Is User Experience Design? Overview, Tools And Resources

 

Adaptive Path Blog

Adaptive Path,一个领先的UI设计UX设计的公司,开设的个blog,一些有用的UI和UX的文章。

35 Add Site Adaptive Path Blog in What Is User Experience Design? Overview, Tools And Resources

Putting People First

提供一些关于UX和“用户为中心”链接,文章,资源和新闻,由意大利设计公司Experientia创建。

Ux-3 in What Is User Experience Design? Overview, Tools And Resources

nFrom Blog

nForm的blog发表一些给UX设计师看的优秀的文章。

37 Add Site Nform Blog in What Is User Experience Design? Overview, Tools And Resources

Viget Advance

一个web产品公司的网站,UX相关。

38 Add Site Vigetadvance Blog in What Is User Experience Design? Overview, Tools And Resources

useit.com

Jakob Nielsen,备受关注的可用性研究者,和突破性作家,一可用性和UX为主题写一个叫Alertbox的专栏。

Ux-4 in What Is User Experience Design? Overview, Tools And Resources

UX Array

Sara Summers,微软用户体验传播者。

40 Add Site Ux Array in What Is User Experience Design? Overview, Tools And Resources

UI and Us

UI and Us 是“关于用户界面设计,用户体验设计以及设计背后的认知心理”。

41 Add Site Uiandus in What Is User Experience Design? Overview, Tools And Resources

UX Storytellers

用专业方法中的一种(讲故事)来给UX,UI和IA专业人士讲故事

42 Add Site Ux Storytellers in What Is User Experience Design? Overview, Tools And Resources

源地址:What Is User Experience Design? Overview, Tools And Resources

Advertisements

4条评论

发表评论
  1. 草根网 / 10月 17 2010 10:13 下午

    好文,收藏至20ju.com

  2. Heidixie / 10月 23 2010 5:57 下午

    太谢谢你了,这篇文章上周看到原文,因为语言问题读了个一只半解,感谢你的辛苦翻译帮了我的大忙!

    • island205 / 10月 23 2010 6:02 下午

      我的翻译尚有很多不当不通之处,望指正。我还会翻译一些或者是写一些相关的话题,谢谢支持。

  3. tonic / 10月 27 2010 7:20 下午

    好文!值得一读啊!资源最棒了,谢谢翻译!

发表评论

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / 更改 )

Twitter picture

You are commenting using your Twitter account. Log Out / 更改 )

Facebook photo

You are commenting using your Facebook account. Log Out / 更改 )

Google+ photo

You are commenting using your Google+ account. Log Out / 更改 )

Connecting to %s

%d 博主赞过: