什么是用户体验
我们在谈“用户体验设计”之前，首先要弄懂“什么是用户体验”，官方对它的定义是：用户在使用产品过程中建立起来的一种纯主观感受。
“用户体验”这一概念第一次是在Donald Norman 2010年在Uxdesign.com发表的《UX Design Dedined》一文中被提起的。
那“什么是用户体验设计”呢？官方定义是：以用户为中心的一种设计手段，以用户需求为目标而进行的设计。翻译成大白话就是：好的用户体验设计就是围绕着用户目标，设计出让他们觉得真香、还想要的使用感受。
用户体验设计 & 交互设计 & UI设计的区别
- UE/UX用户体验设计
UX即User Experience, UX设计是以用户为中心，将用户的需求与体验作为设计的目标与评价标准的设计理念和手段。体验设计是从消费者的体验来理解和表达设计。
- 交互设计
交互设计是定义、设计人造系统的行为的设计领域，它定义了两个或多 个互动的个体之间交流的内容和结构， 使之互相配合，共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系。交互设计是从人的交互行为本质来理解和表达设计。
- UI设计
UI即User Interface,是人与信息交互的媒介。UI设计包含对软件的人机交互、操作逻辑、界面美观的整体设计。但与交互设计师的分工后，当前互联网U|设计师主要负责界面视觉表现、组件规范、设计系统等。UI设计是从界面交互媒介表达来理解和表达设计。
影响用户体验的五要素
《用户体验要素》这本书，把影响用户体验的因素分为5个层次：a.战略存在层;b.能力范围层;c.资源结构层:d.框架层;e.感知层。
（图源来源网络）
Tips：大家都听过上面这个框架，但有多少人会在日常工作时代入式的去思考呢？其实核心是大家平常在做设计时，一定要有产品框架思维的意识去做设计，不要仅停留在好不好看层面，捡了芝麻丢了西瓜，抓不住问题本质。
- 战略层
战略层是一切产品体验的根本，在这一层要考虑的两个问题：1.产品想得到什么，怎样引导用户实现？2.用户想得到什么，怎样实现？
用户需求可通过：问卷调查、用户访谈、焦点小组、市场调查、现场调研等方法来提取核心点
随着公司的不断壮大，它的战略也会发生改变，战略可能是一个大战略会细分到不同的小战略，他们的目标都是在这个大战略的基础上
（图源来源网络）
我们拿美团举例，美团经历过一次“变黄”，我们尝试着拿“用户体验五要素”来看这件事。
- 那么美团的战略是什么呢？
可以看出，近几年美团已经从以前的“团购产品”，把战略聚焦为Food+Platform，正以“吃”为核心，建设生活服务业从需求侧到供给侧的多层次科技服务平台。
（图源来源网络）
它的这个战略，跟用户最基础的“食”、“住”、“行”需求完美匹配。因此，找到“产品定位”和“用户需求”之间的平衡点，是保证用户体验的第一步。这也就解释了为什么有很多产品明明交互视觉体验很烂，还是会有很多人使用，是因为它们在战略层做对了。
- 范围层
当把用户需求和产品目标转变成产品应该提供给用户什么样的内容和功能时，战略就变成了范围层。
范围层指的是：1.我们要做哪些事；2.我们不做哪些事。有了清晰的战略，“范围层”就可以朝着战略的方向变化、拓展。
比如，美团明确了自己的战略后，就一直围绕着“战略层”拓展自己的功能和服务。
（图源来源网络）
“吃”前你要出行，因此有了打车和骑行服务
“吃”后你要可以唱歌，看电影，因此有了娱乐相关服务
“吃”太多胖了怎么办？游泳健身服务了解一下
（图源来源美团app）
再比如，支付宝战略是：链接和“钱”有关系的一切服务。因此，在范围层就不在对“社交”抱有太大的执念，而是也不断扩充相关功能服务，例如：转账、余额宝、记账本、彩票、生活缴费、发票管家，等等…
（图源来源支付宝app）
可以看出，有了清晰的战略，“范围层”不仅不会被竞争对手牵着鼻子走，且使产品带来正向收益，同时还给用户提供了更聚焦的服务体验。
- 结构层
结构层是根据“范围层”确定下来的功能和信息，通过分析这些信息之间的关系，进行结构化的归纳组合，使其符合用户心理心智。
这时候我们要在结构层里梳理出产品功能的信息框架，按照战略强相关的功能优先展示，比如哪个页面该展示哪些功能，以及展示的顺序和大体的流程.交互设计师把控信息架构的合理性，以及前后关系操作起来是否高效.
- 下面是美团目前涉及到的大概的功能信息结构：
（图源来源网络）
右图中可以看到几款app信息架构的不同：“订单”其实是属于“我的”范畴内，在大众点评和淘宝里，它们只是“我的”里面的一个入口，而在美团确单独拎出来一个tab来承载它。
所以在结构上，不仅要分清楚功能信息之间的从属关系，同时也要考虑自己产品的特性，进行处理。合理的结构层，能够使产品功能得到合理的曝光，同时也能让用户快速找到他们想要的内容。
- 框架层
框架层是基于我们上一趴“结构层”梳理出来的功能信息，进行可视化的框架设计，这部分一般是由交互设计师来完成的。
交互设计师在设计交互流程图的时候会考虑很多的设计点，比如如何将功能信息有效的组织起来，信息之间的关系如何排布，在当前的场景下应该使用什么样的交互控件，功能样式统一性，用户使用起来是否方便，前后之间的逻辑等问题，交互流程图是需要反复思考和验证的.
有趣的、创新的交互形式固然重要，但是解决产品真正问题，才是最核心的。
- 比如，拿美团首页的框架举例，来看看应该如何从交互角度思考。
（图源来源网络）
- 整个首页分为了：基础功能区、生活服务区、广告区、内容推荐区、导航区。
首先我们看下“基础功能区”，由于它在不太易操作顶部，所以把位置留给操作频率较低的功能，比如：“位置切换”、“+”功能；或者给更加全局性的功能：“搜索”。
然后，左上角的个人头像，点击进去里面是产品的“积分体系”，这是给运营同学，让他们通过一些积分任务手段提升产品的留存和活跃，因此在首页露出。
“生活服务区”是整个产品战略的核心，也是用户来这个产品的首要目标，因此要放在金刚位。
“广告区”，是担负着产品收入目标的，放在生活服务区下面，能够确保在小屏手机也能漏出，不然广告方会不同意，这毕竟是商务好不容易谈来的合作（但如果广告质量不好的话，会很影响用户体验）。
“内容推荐区”，不仅为用户推荐了优质的内容，同时也给优质的商家更多曝光机会。这样同时鼓励其他的商家，告诉他们如果你好好干、好好服务，用户口碑好了，你也能上推荐位，上来后就会有大波流量过去，你就能赚更多的钱。这样商家开心、用户开心、平台也开心，良性循环。
“导航区”这块就是全局的导航。
因此你可以看出，框架层要考虑的因素包含着：产品战略、商务合作、运营玩法、商家流量、操作体验等。优秀的交互设计师，在框架层不仅要权衡好功能之间的主次关系，同时还要平衡好产品目标和用户体验的之间的关系。
- 表现层
最后是“表现层”，也是用户最直观能感受到的地方了。
虽然这层经常被称为“视觉效果”，但是，它绝对不是说好看就完事的，而是你有没有清晰的传递产品定位和业务目标。
到了表现层，UI设计师会根据产品的战略，功能，以及内容，根据市场的调研分析，使用人群等来判断这块产品从视觉上要传达给用户什么样的设计感觉出来，比如专业的，亲民接地气的，高大上的，二次元的等视觉表现形式。在设计当中利用颜色及空间划分视觉层级，通过不同平台思考设计表现形式，梳理控件样式形成规范性及统一性。整体视觉样式尽量做减法，让用户轻松看到核心内容以及核心操作。
比如，像开头所说的“美团变黄了”，不仅在线上的APP整体升级。线下的周边产品也全黄了。
- 他们为什么要变黄呢？
1.它为什么要变？
从战略角度上来看，他们定位是生活服务平台，那么也就意味这是线上和线下相结合的。
目前美团的产品线在品牌认知上比较散，没有统一的认识，如何做到线下品牌和流量和线上品牌和流量的认知形象达到一个点上，才是核心问题。他们应该是想形成自己的视觉锤，让用户有统一的认知，所以才要变。
2.为什么是黄色？
美团的四大支柱业务分别是：外卖、到店、酒店/旅游、出行，其中外卖是流量最大的，而且大街上无处不在的穿着黄色衣服的外卖小哥，一看就知道是美团外卖，已经无形中扎根于用户心智中，在很多人心中美团外卖=美团，所以选择黄色，看起来是最合适的，教育成本最低的选择。
所以，视觉设计师在日常工作中要学会抓住问题的本质，要抱着解决业务问题的心态，去做设计，才能给用户传递更优的体验。
参考文章