文档介绍：用户体验的要素
以用户为中心的Web设计
北京中讯爱乐科技有限公司 柳骅凌
内训课件
1
编辑课件
总目录
用户体验为何如此重要
认识这些要素
战略层：网站目标和用户需求
范围层：网站目标和用户需求
结构层：交互设计与信息构架
框架层：界面的设计、导航设计和信息设计
表现层：视觉设计
要素的应用
2
编辑课件
一、用户体验为何如此重要？
日常生活中的遭遇
什么是用户体验
用户体验和网站
竞争优势和投资回报率
记住你的用户
用户体验（user experience）
产品如何与外界发生联系并发挥作用
早晨起来，发现闹钟没有按照原先设定的响起来。
一边煲水，一边穿衣服，临走前去取水却发现水没有煲好！
到了地铁站，羊城通没有钱了。
却发现机器充值无法识别你的羊城通，必须到7-11排队。
终于成功坐上地铁，却不得不在地铁门前排队。
排了3趟地铁，终于到了公司，你却迟到了。
结果：尽管你已经非常努力，但你还是迟到了。
那么，让我们看看这一连串的倒霉事，
是什么让我们如此倒霉？
X职员悲惨の一天
3
编辑课件
面对大量的选择，用户只能自己想办法，去决定哪一个网站功能会符合她的需求。
企业开始意识到，提供优质的用户体验式一个重要的、可持续的竞争优势。用户体验形成了客户对企业的整体印象，界定了企业和竞争对手的差异，并且决定了客户时候还会再次光顾。
用户体验和网站
4
编辑课件
竞争优势和投资回报率
投资所得到的回报（return on investment）或投资回报率（ROI）
转化率（conversion rate）
花出去的每一元钱，能收回多少元的等值收益。
花出去的每一元钱，转化成多少“企业价值”。
转化率是一种常用的方式，来衡量用户体验的效果。
通过跟踪有百分之多少的用户被“转化”到下一个步骤，就能衡量你的网站在达到“商业目
的”方面的效率有多高。
3个注册并订阅邮件的用户 ÷ 36个访问者 = %的转化率
“偶然浏览者” → → “实际购买者”
优质的用户体验
差劲的购买过程的用户体验
科技产品没有按照人们期望的那样工作，这样他们觉得自己很笨——即使他们最终完成了自己想做的事情。那么人们会被你糟糕的用户体验赶跑。
5
编辑课件
任何在用户体验上所作的努力，目的都是为了提高效率：基本上以两种方式体现出来：
① 帮助人们工作的更快；
② 减少他们犯错的几率。
你用工具，还是工具用你？
6
编辑课件
记住你的用户
以用户为中心的设计（user-centered design）
——在开发产品的每一个步骤中，都要把用户列入考虑范围内。
考虑用户体验
把它分为各个组成要素
从不同的角度来了解它
——通过这些才能确保你控制了决策所造成的全部结果。
用户体验很重要，最大的理由是：它对你的用户很重要。
协调一致、直观明了、甚至让人愉快的体验
——“一次”每件事都按照正确的方式在工作”的体验。
7
编辑课件
总目录
用户体验为何如此重要
认识这些要素
战略层：网站目标和用户需求
范围层：网站目标和用户需求
结构层：交互设计与信息构架
框架层：界面的设计、导航设计和信息设计
表现层：视觉设计
要素的应用
8
编辑课件
考虑用户有可能采取的每一个行动的每一种可能性，并且去理解这个过程的每一个步骤中用户的期望值。可以把设计用户体验的工作分解为各个组成要素，以帮助我们更好地了解整个问题。
几大决策：网站看起来怎么样、它如何运转、它能让你做什么。
表现层（surface）
一系列的网页，由文字和图片组成。
框架层（skeleton）
按钮、表格、照片和文本区域的位置。
结构层（structure）
确定网站各种特性和功能的最适合的组合方式。
范围层（scope）
功能和特性是否要纳入网站，即范围。
战略层（strategy）
经营者和用户分别想从网站得到什么。
五个层面
9
编辑课件
在每一个层面的决定都会影响到它之上层面的可用选择。
这种依赖性意味着在战略层上的决定将具有某种向上的“连锁效应”。 反过来讲，也就意味着每个层面中我们可用的选择，都受到其下层面中所确定的议题的约束。
这种连锁效应意味着在“ 较高层面” 中选择一个界限之外的选项将需要重新考虑“较低层面”中所做出的决策。
10
编辑课件