▲点击 "TCC翻译情报局" 关注，回复 "社群" 加入我们

本文共 3855 字，预计阅读 10 分钟

TCC 情报局的 第 69 篇 干货分享

2021 年的 第 57 篇

TCC 推荐：大家好，这里是TCC 翻译情报局，我是李泽慧。本文是一篇非常适还未入行体验设计的小白们观看的文章，文中较为详细的介绍了用户体验和用户界面设计的区别，并向大家介绍了用户体验设计的基本流程，以及告诉各位在校的学生们，如果未来想要从事体验设计的行业，有哪些就业机会在等着你，快来了解一下吧。

用户体验/用户界面的区别图示

大家好，我是 Akintunde Caulcrick，欢迎阅读我的第一篇文章，我将简单的介绍用户体验 / 用户界面设计。希望这篇文章可以引起你的兴趣并激发你开启设计旅程。

首先，公司和像我这样的新手设计师常常会把角色搞混，因为他们并没有完全理解每个角色代表什么，以及它们是如何运作的。让我们从起源来说起～

1. 用户体验和用户界面设计简史

1. A brief history of User Experience and User Interface Design

用户体验设计是一门概念设计学科，来自于 人因工程学与工效学，自 20 世纪 40 年代末以来，该领域一直专注于 研究用户、机器和情境环境之间的交互，以设计满足用户体验的系统。唐纳德·诺曼教授作为可用性设计和认知科学领域的专家，提出了“用户体验”一词，并对其进行广泛传播。

我提出这个词是因为我认为（这个系统的）人机界面和可用性都是非常值得研究的。我想通过一个词来涵盖人们对该系统各方面的体验，包括工业设计图形、界面、物理交互和手册指南。此后，这个术语得以广泛传播，以至于它开始有了自己的含义。

 — 唐纳德·诺曼（Donald Norman）

1979 年，Xerox Palo Alto 研究中心开发了第一个 GUI（图形用户界面）原型，这个原型被认为是第一个被创建出的用户界面。一位名叫史蒂夫·乔布斯（Steve Jobs）的年轻人，为了寻找苹果电脑（Apple Computer）未来迭代的新创意，将价值 100 万美元的股票期权卖给了施乐公司（Xerox），以获得一次详细参观他们设施和目前项目的机会。

2. 什么是用户体验和用户界面设计？

2. What is User Experience and User Interface Design?

让我们回到当下，来看一下目前这些术语的定义。我在查阅大量资料时发现它们有很多定义，因此我将结合我的理解给出定义。

       

ABC 在 Internshala 博客中建立的用户界面 / 用户体验职业插图

用户体验设计：这是一个创建产品的过程，规模可以是长期也可以是短期的，目的是使产品易于使用、互动和访问，且优先考虑用户的体验感受。

用户体验设计不仅仅是为屏幕而设计。

 — Boagworks 的用户体验顾问 《用户体验革命》作者：保罗·伯格

用户界面设计：是硬件与软件（如计算机、家用电器、移动设备和其他电子设备）的用户界面设计，该设计的重点是最大程度地提高可用性和用户体验。用户界面设计是产品的外观感受、表现形式和产品交互性的补充。

3. 他们是一样的吗？

3. Are they the same?

在大多数情况下，尽管它们并不相同，但两者共同为用户打造了可用的产品，因此这两种角色通常会被误解。那么（它们）有什么区别？让我们找出答案。

我们用一个典型的例子来解释这个差异 —— 人体，我们将骨架与血肉分开，"骨架" 相当于用于体验设计，它表示产品的架构蓝图，"血肉" 指的是用户界面设计，它意味着 用户从外部视角获取的产品外观与感受。

        

用户体验设计师会考虑用户解决某个问题的整个过程：他们会采取什么步骤？他们需要完成哪些任务？体验有多明确？他们的大部分工作集中在 找出用户面临的各种问题和痛点，并且这个产品要如何解决这些问题和痛点。

用户界面设计师 专注于用户旅程实现时的所有细节。这并不是说用户界面设计就是指外观，用户界面设计对产品是否具有可访问性和包容性有着巨大的影响。

4. 用户体验设计流程

4. The UX Design Process

用户体验设计过程可以分为 共情、定义、概念生成、测试、原型 五个阶段。这些阶段通常是按照上述顺序进行，但我们也必须清楚 用户体验是一个迭代的过程。牢记这些过程，就能为用户构建更好的产品，而不是将设计仅仅建立在假设能为用户做什么或不能做什么之上。 

切勿基于假设来构建产品，因为你不是用户。

5. 用户体验设计流程框架

5. UX Design Process Framework

共情：这是用户体验设计过程的第一阶段，在此过程中，必须 找出用户在执行各种任务时面临的问题。通过这种方式，就可以从用户的角度去理解他们的感受，以及是什么引起了他们对产品的情感。

定义：虽然在共情阶段，我们会从用户那里得到很多反馈，但并不是所有的问题都可以用相同的解决方案一次性解决，而这就是“定义”在用户体验设计过程中发挥作用的地方，在这一过程中，必须 根据它们的重要程度过滤问题，然后进行研究，观察并理解为什么这些问题很重要。

概念生成：在这个阶段，必须开始提出一些想法，这些想法是 用于解决先前研究中所定义的问题。这个阶段产生尽可能多的想法（即使它们十分荒谬），以便设计师可以从中筛选并归纳出看起来最合适的想法。

原型：原型的过程用于 了解和查看产品或应用程序是如何工作的，它的功能是什么以及用户应如何与之交互。原型用于模拟最终成品是如何工作的，而且，草图、线框图和模型在设计和原型制作过程中还有其他用途。

测试：与用户研究一样，测试是用户体验设计师工作的基本部分，也是整个用户体验设计过程的核心部分。用户体验设计师进行测试，是因为测试能够使设计师改进最初的产品或设计，并查看他们在“设计”阶段所做的更改能否经得起测试。

我希望刚刚对用户体验设计过程的简要说明，能让你对这个过程有一个初步的认识。接下来让我们谈谈成为用户体验设计师的职业机会。

6. 用户体验设计师的就业机会

6. Career Opportunities as a UX Designer

1) 用户研究员

用户研究员的主要职责是通过 观察技术、任务分析和其他反馈 方法来了解用户的行为、需求和动机。

作为一名用户研究人员，你将进行用户及任务分析，以 确定整体用户体验中需要改进的地方，并将你的发现汇总，向设计/开发团队提出有意义且可行的建议。

2) 可用性分析师

可用性分析师主要关注客户在于 软件、应用程序、网站或其他产品 / 服务交互时的体验。目前，可用性分析师的职位通常只在网页设计领域，但它作为保证客户满意度和增加销售的一种方法，其他行业也开始出现对于这种角色的需求了。

作为一名可用性分析师，你需要与网站或其他产品进行交互并评估其正常运行的原因，以及如何改进终端用户的体验。你的发现通常会与整个用户体验团队共享，并用于支持设计决策。

3) 信息架构师

信息架构师的工作是在网站（或应用程序）中组织和创建结构，以便用户可以立即拥有一个舒适的导航系统并找到所需的内容。

作为一名信息架构师，您不仅要 关注网站或应用程序的目标受众，而且还要 关注所提供的产品或服务的类型，并生成线框和站点地图，以确保良好的用户体验。从那里，用户体验设计师将使用你绘制的架构图来构建和规划一个导航系统，直至完成最终的网站或应用程序平台。

4) 交互设计师

交互设计师的职责是 专注于设计具有吸引力的界面，界面包含了对于用户行为深思熟虑的考虑。了解用户和技术的交互方式是此工作的基础。

在交互设计中，您将会预测用户如何与系统进行交互，并尽早解决问题，提出新的操作方式。你是网站或应用程序操作组件的主要设计者。

5) 视觉设计师

视觉设计师这一角色 关注网站或应用程序的美学，并基于 用户研究员和可用性分析师提供的所有数据，有策略地构建图像、颜色、字体和其他视觉元素。

作为一名视觉设计师，你将负责网站或应用程序的用户界面，要记住，成功的视觉设计不会影响页面上的内容或页面的功能。相反，它通过 吸引用户并帮助建立对品牌的信任和兴趣来增强它。

6) 用户体验设计师

在以用户为中心的设计过程中，用户体验设计师通常是多面手。作为一名用户体验设计师，你将是 推动项目设计过程中开发和交流的人。你将参与设计过程的研究、分析、开发和测试阶段。

7. 附加内容

7. Extras

作为用户体验设计师这样独特的角色，不仅需要思考相关的技术问题，也要思考计算机领域之外的问题，从计算机科学到心理学之类，反之亦然。

原文：https://bootcamp.uxdesign.cc/basic-introduction-to-user-experience-and-user-interface-design-f0aae08a2b44

作者：Caulcrick Akintunde

译者：关茹默

审核：蔡林燕、李泽慧、张聿彤

编辑：孙淑雅

本文翻译已获得作者的正式授权（授权截图如下）

---

往期精选文章：

十个技巧帮助你设计一款在线学习 APP

这些色彩心理学知识教你如何传递信息

案例研究｜康奈尔大学副业社区网站设计

Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标

网页设计师能从日式美学中学到什么？

案例研究｜一款为你带来难忘体验的美食 APP

如何制作打动面试官的作品集，这里有一份完整的指导手册

如何做好用户体验项目？从一个好计划开始

如何建立设计系统

如何把握不同层级用户的需求：回归本质，打磨信息架构

TCC 视野｜2021 年用户体验设计趋势分析

---

- 设计师自习社区 -

TCC 设计情报局欢迎小伙伴加入，一起交流设计知识，了解全球设计资讯，锻炼英文能力，发掘更多可能性～

添加小助手微信，备注「社群」，即可加入读者群。