设计师眼中的用户体验

画外音

作为用户体验设计师，常常被被人问起，你是做什么设计的？

简单回答：“UI，做UI设计。”

这时候别人就一头雾水了，他们听说过平面设计、室内设计，可“UI设计”到底是个啥

不光是公司以外的人，即便是自己公司也有很多人不知到UI是啥，更别提那些“UE”“用户体验”之类的词了

那UI、UE、UX、UED......这些概念名词，到底是什么意思呢？

其实这些名词跟用户体验息息相关

用户体验

首先，我们先来了解什么是用户体验

从字面上来说，用户体验就是用户在使用产品过程中对产品的直观感受以及评价

这种感受非常的主观，但又很容易影响别人对产品的判断。这就是为什么某宝商家一直求好评，而某团骑手会为了好评跟用户“大动干戈”的原因了

名词解释

• UI——User Interface，本意是“⽤户界面”，但现在这个词已经被拟人化了，即把那些做用户界面的设计师们叫做UI

• UE——User Experience，本意是“⽤户体验”，现在也变成了一个职业名词，是指那些做用户调研的研究员，比如用户画像、产品分析、竞品分析等。有些公司把“交互设计师”也叫做UE，严格来说UE和交互是两个职位，不过现在很多UE除了做用户调研也会画交互原型，所以混在一起也不奇怪了

• IxD——InteractionDesigner，本意为“交互设计”，也就是交互设计师，现在也常常用UX（User Experience）来表示交互设计，用来跟UI进行区分。简单来说就是帮产品画原型的，实际上这个职位非常的关键，产品希望表达的逻辑，各个界面的跳转与关联关系，以及产品的可用性与易用性，都体现在交互上

• UED——User Experience Design，本意为“⽤户体验设计”，现在常常表示用户体验设计团队，基本上大一点的互联网公司都有自己的UED团队，甚至大的部门都有自己的UED团队

UED工作领域

UED团队要做的事情可多了，通常来来说主要坐下面的事情：

• 用户研究

• 产品分析

• 交互设计

• 产品设计

• 视觉设计

• 品牌设计

• 插画设计

简而言之，UED是以用户需求为目标而进行的设计的团队，通过团队的经验与设计能力给出设计方案，是帮助公司进行产品策划的主力之一

用户体验五要素

说到用户体验，就不得不提用户体验五要素了

现在我们所谈论的用户体验的概念，其实最早出自一本叫《用户体验要素》的一本书

《用户体验要素》--作者Jesse James Garrett，是美国用户体验咨询公司Adaptive Path的创始人之一

这本书出的其实比较早，英文版在2001年就出了，国内常见的是2010年出版的中文版第2版，书里的概念在互联网设计界广为流传，非常值得阅读

当设计师在设计或重构产品，却不知从何开始时，这时我们可以参考用户体验五要素

用户体验五要素是一种产品分析与设计的方法论，他向教科书一样指导我们从0到1设计一款产品。同时它涵盖了一个产品从想法到落地的整个流程，这正是我们学习它的重要原因

用户体验五要素由战略层、范围层、结构层、交互层、表现层等5个层级构成，由下而上像个金字塔的结构一样，战略层则是底部最坚定的根基，产品的起源也源自该层

1.战略层

这是五要素的最底层，一般是公司负责人与产品总监、市场总监等高层之间的讨论范围层。这一层主要是确定产品目标以及用户需求。比如：

• 公司要做什么

• 面向什么样的用户

• 什么样的解决方案

• 公司的产品特色是什么

• 竞争对手有什么

• 将来的收益怎么样

 

值得一提的是用户画像需要在这一层定义出来。我们可以招募一些用户进行访谈，然后为用户分组，并结合用户的需求确定我们的产品目标

2.范围层

战略决定范围，这一层主要针对战略层的需求进行更细致的分析，定义需求是什么，提出解决方案，同时要定要好需求的优先级

3.结构层

根据前两层思考产品的信息架构，规划任务流程，简单来说这一层主要是产品PRD的输出

4.框架层

页面的具体功能摆放，信息布局，这一层主要是交互设计，输出低保真原型

5.表现层

页面最终给用户呈现的视觉效果，这一层主要是视觉设计，输出高保真视觉稿

模拟案例

作为设计师的你，接到了一个饼干公司的设计需求，公司希望你能帮他完成从产品到包装一系列的设计，你该怎么去做呢？

我们用用户体验五要素来整理设计思路：

-战略层

• 先了解这家公司的产品需求和用户需求

• 产品需求：公司是个小型食品加工厂，主营是面包和饼干，有实体店也有网店，今年准备在圣诞节推出一款圣诞饼干

• 用户需求：用户画像是20-35岁的女性，喜欢看剧，喜欢网购，对可爱的东西没有抵抗力。今年上映的一部电影叫《饼干侠》（虚拟）票房火爆，用户都想买到剧中同款的饼干

• 公司目标：希望圣诞前后一个月内盈利50w

-范围层

• 分析需求：公司是做一款圣诞饼干，了解到《饼干侠》的原型是出自美国卡芙食品的一款饼干，并把它确定为竞品并展开分析

• 设计方案：列出一系列设计清单，包括品牌logo重新设计，食品包装、网店圣诞装饰、广告宣传图等，给这些设计需求确定好优先级

-结构层

• 信息架构：进一步细化已列出的设计方案，输出文档或者设计规范，比如《品牌手册》《食品包装标准》等

• 交互流程：进一步的用户画像与分析，收集市场同类型品牌调性，通过试用的方式整理出饼干的分类属性，如口味、分量、包装材质等

-框架层

• 从这里可以开始整体的、低保真的设计了，可以出一些比较具体的设计方案，目的是快速跟需求方进行评审，为后续的视觉设计作准备

-表现层

• 经过前面反复的沟通与评审，开始高保真的视觉设计，从产品包装到广告图到物料，这里就是设计师们展示商品颜值，提升其商业价值的时刻到了

• 最终产品上市