Go Solo！独立进行UX设计的11个步骤

UX设计的过程本身是很灵活的，而且会根据情况有明显的变化，不同的设计团队也有自己喜欢的UX设计流程和方式。

尽管如此，但如果UX设计流程没有大致的方向，设计团队就无法很好地完成这一工作。从另一方面说，明确清晰的、合理的UX设计流程，不仅可以让设计成品更加优秀，还能让设计团队和用户更少遭遇麻烦。

但我们今天要说的是另一个话题，如果你是独立设计师，或者尽管隶属于公司或工作室但大多数情况下需要独立工作，那么你应如何实现UX设计流程呢？在这篇教程中，我们会将UX设计过程分为简单的11个步骤，在你独立进行设计的时候，可以以此作为参考。

01 明确需求：要解决的问题

任何项目开始之前，都必须明确需求。你必须要理解一件事：你需要解决什么问题。要弄清楚这个问题，你就必须询问你的客户、中介或代理公司，如果你是在机构内工作，就去问产品经理。UX设计是最终目的是解决问题，帮助用户容易地实现特定的目的。因此如果你连具体的需求都没搞清楚，就会出现一步错步步错的情况。

02 从真实用户那里收集信息

进行用户调查，可以帮助你了解真实用户的实际需要。你可以用问卷的形式进行调查，在设计问卷时有目的地了解用户是什么样的人，用户在什么位置以及用户的需求和目标等。问卷可以是在线形式的，有很多工具可供选择。

03 分析竞争对手

通过分析你的竞争对手，你可以认识到怎么做可以做到更好。注意，分析竞争对手不能花费太长的时间，因为你要做的不是复制市场上已经有的东西，而是结合自家产品的特点设计出独特的东西。

04 建立用户样本

在你进行过用户调查并分析过竞争对手之后，就可以着手创建用户样本了。所谓的用户样本，指的不是你所想象的用户，而是实际会存在的、或者将要存在用户，具体来说是项目的潜在客户。尽管你的用户样本也是虚构的，但它应该能够反映真实用户的行为、动机、目的和需求。对于建立用户样本的具体方式，有各种不同的观点，你可以根据自己的需求进行选择。

05 明确操作流程

在我们建立用户样本之后，就可以模拟用户的操作流程（flow）了。所谓的操作流程，至少 应该包括用户在网站或APP上完成自己需求的过程。具体来说，操作流程应该包括用户的进入（从哪里进入网站或从哪里下载APP）、操作、获取输出（实现需求）和离开。在大多数情况下，操作流程应该体现在用户界面上。比如以流程图的形式告知用户目前正在进行第几部操作，后续还有多少操作要完成。这样的流程图不仅对用户有帮助，还可以让设计师和开发人员快速了解网站或APP的典型应用场景。

06 头脑风暴

所谓头脑风暴，就是尽可能地罗列可以解决问题的相关信息，在全部罗列完成后再进一步思考。最简单的头脑风暴形式，就是坐下来用纸笔快速地写下各种关键词。但对于独立设计师来说，头脑风暴或许是最难的步骤，因为在团队协作的情况下头脑风暴通常由多人一起完成，自己进行有可能创意枯竭或者走入死胡同。

但也有一些办法可以帮助独立设计师进行头脑风暴。首先，请离开独立空间，出门走走看看世界，也许突然就会有新的主意。如果你实际是在公司工作，可以去问问开发者、项目经理、前台甚至大老板，不同的角度可能激发出意想不到的创意火花。在这之后，拿出一张纸，在15到30分钟内写下你的所有想法，不要在这个阶段进行评判，先全部写下来，筛选等工作之后再说。

07 用纸绘制草稿

现在你应该有了或多或少的想法，甚至可能白板上贴满了便利贴。现在，就是发挥创意，将这些想法在纸上实现的时候了。我们可以叫它们草稿，也可以UX设计师常用的说法：线框图（Wireframe）。

画线框图可以用很高的效率来测试多个想法，方便你在选出最佳结果之前进行对比。最开始可以用铅笔，画出最基础的线条，然后分析线条和角度上的问题，尝试不同的解决方案。一旦你选中了其中一种，就可以使用钢笔再次描绘它。

在绘制的时候，你可以在线框图上做一些笔记和注释，这样会让设计思路更清晰。在完成了几张线框图之后，不要急着筛选，做点其他事情然后回来再看一次。刷新过的思维，能让你更客观地进行检验。

08 对线框图进行设计

现在你要将线框图设计成最基本的粗稿。它应包含最基本的内容和视觉信息，大多情况下静态的就足够（不加入交互）。粗稿可以让你对UI的基础外观，屏幕上个元素的比例尺寸等有所了解。

至于工具有很多选择，你要使用Sketch、Illustrator甚至Photoshop也可以。在这一步你甚至可以不考虑后续的进一步设计，选择Powerpoint这样的工具。

09 进行原型设计

在感觉粗稿可以使用的情况下，接下来就是进行原型（Prototype）设计了。原型设计有很多专业工具，包括Figma、Sketch和InVision Studio等，都可以简单地创建低保真度原型。原型可以真正意义上解释页面如何承载内容并实现功能，可以将设计的创意立体化地呈现出来，在进入正式开发之前展示和分析用户的需求，让你提前打磨产品。

10 完善UI视觉设计

在客户、董事会或项目组选定了原型之后，就可以进入UI设计的环节了。当然，对于独立设计师来说，你要做的不是把原型递交给UI设计师，而是要由原型设计转为视觉设计。

尽管UI设计有很多工具，但能称为“行业标准”的却不多。一般来说，UI设计师应该使用Sketch、Figma或Adobe XD。

11 完善自己的设计系统

这是项目之外的事情。所谓设计系统，指的是一系列的模块化的内容和标准，比如说可重复使用的UI图标、线框图等。创意公司几乎都会有这样一套东西，甚至整合了设计团队的各种创意原稿。

对于独立设计师来说，创建和管理自己的或者属于公司的设计系统固然是比较困难的，但长期来看绝对值得尝试。比如，你使用原型设计软件时，经常用来测试和应用效果的代码，就是很值得收集积累的工具，这会让你今后更少地需要从其他开发者那里获取（或者从网上搜索）代码，从而提高效率。