UX 和 UI：它们是什么，又如何配合。

什么是 UX/UI 设计？

UX/UI 涵盖两份相互关联的工作。用户体验（UX）设计关注使用产品的完整体验，屏幕内外都算。用户界面（UI）设计关注界面的外观和行为。

你常常会看到两者写在一起，因为一个产品两者都需要。但它们各有各的技能，所以不同的职位和团队会用不同的方式来划分。弄清两者的区别，能帮你决定从哪里入手，也能让你读懂招聘要求。

用户体验设计（UX）

UX 设计是先理解用户需要什么，再塑造一个让他们能轻松达成目标的产品。它关注人们如何在应用、网站或服务中一步步前进，以及这个过程有多顺畅。

Jesse James Garrett 在《用户体验要素》（The Elements of User Experience）一书中，把 UX 描述为层层叠起的五个层面，就像一座冰山。大部分工作都在水面以下，用户永远看不到。

• 战略层：研究用户和业务。我们要解决什么问题，为谁解决？
• 范围层：把这些需求转化为具体的功能和内容。
• 结构层：站点地图和流程。页面如何组织、如何相互连接。
• 框架层：线框图。在加入视觉细节之前，决定每个界面上的东西放在哪里。
• 表现层：人们真正看到和触碰到的视觉设计。

用户界面设计（UI）

UI 设计聚焦于屏幕，也就是冰山最上面的两层。它涵盖视觉设计（布局、颜色、字体，以及元素之间的留白），以及在用户故事和线框图的指引下挑选合适的组件。

UI 设计师通常需要具备做图标和排字的平面设计功底，也要大致了解前端代码的工作方式，才能和开发者顺畅沟通。

界面不只是屏幕。图形界面是我们点按和点击的视觉界面。语音界面通过说话来操作，比如向智能音箱提问。手势界面则对你的身体动作做出反应。无论哪一种，UI 设计师的目标都一样：帮人们以最少的力气达成目标。

UX 和 UI 如何协同工作

UX 和 UI 很容易混淆，很多招聘广告也把两者混为一谈。缺少 UX 思考的漂亮界面，可能光鲜却令人困惑，错过用户真正的需要。没有 UI 的 UX，也许解决了对的问题，却显得笨拙，让人难以信任。

在项目中，UX 设计师通常负责规划路径：研究问题、测试想法，并借助用户画像，让用户在每一步都被考虑到，从最初的草图到站点地图、线框图和原型。UI 设计师则让这条路径变得鲜活：摆放元素、平衡空间、挑选对比度足够的配色，并确保产品无障碍、具有包容性。

糟糕的 UI 会毁掉好的 UX

想象有一款应用，用全新的方式解决了一个真实、普遍的问题。研究扎实，功能对路，用户旅程也已经规划好。上线当天，有几百人下载了它。

然后他们打开了应用。黑底红字很难看清。没有搜索功能，想找什么都得把每个菜单翻一遍。人们放弃了。所有出色的 UX 工作都付诸东流，只因为界面没做好。

好的 UI 也救不了糟糕的 UX

2013 年面向开发者推出的 Google Glass 就是一个知名的例子。它的界面大体上是好用的：你可以发消息、拍照、瞥一眼信息。但这个产品始终没有回应人们的某个明确需求，而且把摄像头戴在脸上，引发了实实在在的社交和隐私担忧。

给设计师的启示：从人和问题出发。再精致的表面，也拯救不了一个没人需要的产品。

T 型设计师

大多数设计师最终都会成为 T 型人才：在研究、交互、内容和视觉设计上都有广泛的了解，并在其中一两项上有深厚的功力。你不必在第一天就选定专长。课程先帮你打下宽广的横向基础，再让你在一个方向上深入钻研。

试试看：研究出色的体验

打开两个你常用的产品，比如 Airbnb 和 Uber。为每个产品写下三件让它好用的事。然后找出一个让你感到沮丧的时刻，写下你会怎么改进。建立一个文件夹，收集那些等你技能提升后想要重做的案例。