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 用纸绘制草稿

07 Create paper wireframes - design, chosen - Go Solo!独立进行UX设计的11个步骤

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

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

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

08 对线框图进行设计

08 Build a basic prototype - design, chosen - Go Solo!独立进行UX设计的11个步骤

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

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

09 进行原型设计

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

10 完善UI视觉设计

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

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

11 完善自己的设计系统

11 steps to perfect solo UX design - design, chosen - Go Solo!独立进行UX设计的11个步骤

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

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

微信打赏支付宝打赏

感谢您的支持!

文章来源:卡米雷特的小站www.kamilet.cn)转载请注明出处。

卡米雷特

视觉控&技术控,不断学习中!

您可能还喜欢...

发表评论

电子邮件地址不会被公开。 必填项已用*标注