UI 设计和 UX 设计的区别是什么？

我经常会做的一个比喻，就是盖房子。

（文章结尾有覆盖几百个知识点的能力地图）

就像这样一栋小木屋，盖起来的整个过程，需要多种角色的配合才能完成。

首先，需要一个人提出需求， Ta 需要一栋什么样的房子。需要房子能够提供哪些细节。

然后，由一名设计师，规划房子的整体使用情况，包括房间的布局等等。

其次，由另一名设计师，提供房子的整体外观的设计。

再次，由一名工程师给出房子的整体架构、材料等等建议，以及规划盖房子的流程。

最后，工人施工，前者依次验收。

这样的一个过程，在现实生活中，可能这样的一栋小木屋都是一个人完成的。但是如果把这栋房子，看成一款互联网产品的话，那么就能够找到对应的角色了。

提出需求的人，在一个流程中，往往是产品经理，而他则是从多个层面获取到的相关的需求。

规划房子的整体使用情况和布局的那个人，我们一般都叫作交互设计师。

决定房子的外观，给房子刷什么柒的那个人，我们一般叫作视觉设计师（ UI 设计师或 GUI 设计师）。

而建立房子的工程师和工人，一般都是我们整体产品团队中的研发工程师。

等等，这里肯定会有人产生疑问，已经看到了 UI 设计师，那么 UX 设计师在哪里呢？

其实，在这个盖房子的例子中，UX 更多的是一种理念，比如说，我们建立这栋房子的目标，是要秉承着冬暖夏凉，通风好，采光棒，房间布局合理，住起来舒服又放松，睡一晚就能够充分放松身心。

那么，所有盖房子的人，都要秉承着这样的思想，那么就时刻考虑着 UX 是什么。

这个例子是比较贴近于 UX 和 UI 的概念的。

什么是UX

首先要明确的，UX 并不是具体的一个职位或者工作技能，而是一种思路或者一个流程。

UX ，在百度百科中，解释如下：

UX是User Experience的缩写，即用户体验，其核心是用户，体验指用户在使用产品以及与产品发生交互时出现的**主观感受和需求满足**。用户体验发生在用户接触产品的时候，随着用户使用产品的深入，用户体验也从内部感受逐渐转变成某种用户需求的满足。UX设计师研究和评估一个系统的用户体验，关注于该系统的易用性，价值体现，实用性，高效性等。

用户体验的工作内容，我们可以从广义和狭义两个角度来说明：

广义的角度

从广义的角度来看，用户体验的工作内容涉及到的是一款产品的使用周期，我们可以定义为，这款产品从用户开始使用到使用完毕的感受体会。

这种产品，并不是单纯指软件类产品，还包括硬件类的产品。

对于软件产品，结合用户的使用任务，是一个有开头和结尾的故事。

用户具有一个明确的目标，打开软件，然后结合对应的操作，最终达成目标。

而对于硬件产品来说，往往从开箱，一直到使用以及使用完毕，整体的过程都可以使用「用户体验」来解释和设计。

我个人非常喜欢苹果的原因，很大程度上来源于第一次购买苹果产品，从开箱到开机的整个过程舒服的体验。

最近一次觉得苹果的用户体验无以伦比，还是第一次拿到 Air Pods 从打开包装，到自动连接手机一瞬间的那种触动感，为我的使用过程制造了非常完美的用户体验。

对于产品设计的整体过程，用户体验应该应该是融入其中的，因此就需要产品设计的每个阶段，产品经理、产品设计师、产品研发人员、产品生产人员以及产品测试人员、质检人员都要带有用户体验的概念来完成工作内容。

一般在实体行业中，并不会有专门的用户体验设计师的岗位，而是需要把用户体验的概念深入到每一个角色中去。

狭义的角度

一般我们从狭义的角度来解释用户体验设计师的工作内容，以及谈论这个角色，更多的是在软件或互联网行业中。

完成用户体验工作的人，基本上都是用户研究员，设计师，包括交互设计师和视觉设计师。

用户体验的工作内容，包括的整体流程会有以下几个方面：

1.需求挖掘

通过研究用户和数据分析，挖掘用户需求，收集用户反馈，然后定义产品的初始形态或者产品的迭代。

在这个过程中，用户研究员、设计师和产品经理需要协同工作，共同努力，通过反复的讨论以及考察验证，才能找到最接近真实情况的需求。

此时的产品形态，往往是从0-1，或者是处于快速迭代的阶段。

2.产品设计

产品设计，貌似是产品经理的主要工作内容。实际上，用户体验设计师同样也要参与进去，把用户体验的概念融入到产品设计中。

产品经理往往要结合多个角度去考虑具体的设计，包括产品的实现架构，用户需求，市场目标等，此时就需要用户体验设计师把用户需求进行拆解，然后融入到产品经理的整体设计中。

在这个阶段，产品经理和用户体验设计师之间的沟通会非常多，并且基本上处于一种假设阶段，后面在产出具体的原型以后，可以再进行验证。

3.界面设计

产品的用户界面设计，是用户体验设计师充分把自己的专业性落实的阵地，从交互设计到视觉设计，基本上每一个细节都要以用户体验为目标指导设计的执行。

交互设计和视觉设计的范畴，实际上就包含在用户体验的概念中。用户体验需要用户研究员、交互设计师、视觉设计师把一款互联网产品从一份文档或功能列表，转化为交互流程图、界面交互原型、带有视觉效果和动效的高保真原型。

因此，在行业里，我们会把用户研究员、交互设计师和视觉设计师都称作为「用户体验设计师」，而他们所完成的工作内容，都是用户体验的一部分。

4.原型验证

针对于原型验证的方法，有很多。我们日常接触比较多的，基本上是可用性测试或 A/B 测试这样的方法论。

在行业中，众多的用户体验设计师，通过可用性测试来收集用户的反馈，在建立一定的用户体验标准（依据不同的产品实际情况，用户体验指标会不一样），来考察所设计的原型，是否能够满足用户真实的需求，实现用户的目标，以及完成任务。

可用性测试可能有些大费周章，因为要邀请用户在模拟的环境中使用，而互联网产品的原型验证，可以考虑MVP 或通过一部分用户的甄别，让他们参与使用测试，收集实际使用的数据情况，然后来分析之前的设计能否达成目标。

无论是传统的方式，还是更灵活的方法，对于用户的甄别，是非常重要的环节。

这部分内容也是用户体验设计师需要参与以及主导完成的工作内容。

5.数据收集和分析

在这里，用户体验设计师要配合运营的同事，做好数据收集和分析的工作，尤其是针对于产品的界面操作等，关键界面或元素，一定要做好数据埋点。

通过数据分析，能够反映出主流用户群体的产品使用情况，以及针对于接下来的产品改版和迭代，都会有所帮助。

6.整体的流程

多年前我们在官网上曾经有这样一张图。

这张图在当时能够充分反馈出用户体验设计师的整体工作流程。

现在行业中会有一些变化，针对于工作地环节接入和输出的阶段会有所不同，但是大致的概念上还是不变的。

另外近些年衍生出的「服务设计」的概念，同样也可以归纳入用户体验的一部分。毕竟在用户体验行业产生之初，实际上随处可见的是「服务设计」的影子。

UI 设计师，是 UX 设计师中的一部分。最早在行业中，UI 设计师指的是交互设计师( User Interaction Designer)，而视觉设计师主要是 GUI (Graphical User Interface Designer )。

随着行业的发展，UI 设计师，逐渐发展成为视觉设计师的专门指代，而交互设计师则专门缩略为 UX 设计师或者其他（叫法其实蛮多）。但是严格来说，UX 并不等同于交互设计师。

UI 设计主要负责的工作内容包括：

1. 图形界面设计

2. 动效设计

3. 图标设计

4. 视觉设计规范

5. 输出物料（部分公司不需要，有专门的前端角色）

UI 设计可以说是 UX 设计的一部分，其中重要的图形化或者可视化部分，都是由 UI 设计来完成的。

对于互联网行业来说，UX 的团队往往叫作 UED 或者 UXD 团队，而这个团队的重要组成部分，就是用户研究同事，交互设计师，视觉设计师。

事实证明，还是中文能够描述清楚每一个职位的本职工作是什么。

在整体的产品研发流程中，UX 的概念，最核心的应该是 UCD 方法论，那么就要保证团队中的每一个成员，不仅仅是设计师，还包括产品经理，研发等等角色，都要具备以用户为中心的思想，把用户体验作为重要的一个指标来评估产品设计或者验证产品实际情况。

如果你在准备转行或求职一份设计师的工作，或者在纠结于自己要不要转行，不清楚如何切入到 UI/UX 设计，怎么做出一份作品集，这些内容或许可能帮到你：

我是马力，国内最早的一批互联网产品和设计从业者，有十几年的互联网产品、设计、运营工作经验，曾经在 IBM 工作工作，并作为最早期的成员，和李开复老师在创新工场工作。

在知乎里，我有130多万关注者。李开复老师，还有很多行业大咖，都推荐过我主讲的课程。我写过几百万字的文章，很多人看着我写的东西进入职场。现在知群和北京邮电大学一起开设了面向研究生的课程，我也在大学里讲课。

知群现在已经在行业内有非常大的影响力，超过200位总监、副总裁和CEO给知群的学生讲课分享，阿里、腾讯、滴滴等公司等和知群有合作。我们要做中国最好的职业教育平台。

如果你打算往产品经理、UI 设计、UX 设计等领域发展，我建议你可以先参加我们的体验课训练营，目前可以免费申请。做这个训练营的目的，就是让大家知道这个领域到底都有什么，产品思维和设计思维是什么，大家应该学习什么。

你可以在这里申请：

应该是你能接触到的最有干货的免费课程，机会有限。

另外我们还有设计师和产品经理的能力地图，在训练营里好好学习，你有机会获得印刷纸质版的：

这里是职场核心能力的能力地图：

这是产品经理的能力地图：

这是交互设计的能力地图：

这是 UI 设计的能力地图：

训练营里，有高清版能力地图，还可以抽取印刷出来的纸质版能力地图。

免费报名：