一款App产品的核心的价值,主要有2个:1是实现企业自身的商业价值,2是实现用户价值。

现在的很多老板重技术,轻设计,殊不知与用户发生连接的一定是产品界面,这也是用户对产品的第一印象,在用户心中形成的最初心智,而后就是界面交互、技术实现等,形式整体的产品体验印象。

漂亮的、统一的、规范的UI设计是留住用户的手段,而UI设计的真正价值,则是为了实现商业价值的“最大化”。

相比App产品的核心价值之一的表述,这里多了一个关键词最大化。杨澜说:没人有义务透过你邋遢的外表,去发现你优秀的内在。套用在互联网的App产品开发上就是:没有人有义务透过你糟糕的UI设计,去发现你App产品的优秀内在。

视觉不统一、布局不规范、色彩不协调的UI设计,给人的印象就是不可靠的,用户离去是必然,氪金是偶然。

企业推出一款App,想要第一次与用户见面时就产生好感,设计师必然得通过对需求的分析,对软件功能的交互路径进行整体规划,然后赋予优美科学的界面,用户沉淀下来了,便有了氪金的可能。

UI怎么理解?

百度百科解释是“user interface”,即用户界面,可以人机交互的界面。

也有人从计算机的角度这么理解:

U,You,就是用户,是个计算力只有5的渣。

I,就是我这个计算机,心算大神,每秒亿计次计算。

UI,就是你我之间的互动。

所以UI设计得越好,

你越容易使用我。

UI设计工作流程步骤

我们可以先看看 UI 设计师的工作流程是什么样的。基本的流程如下图,接下来要详细说一下每一个流程包含的工作都有哪些。

可见,UI 设计在视觉层面的工作只是所有工作内容中的一部分,并不是全部,其他的一些理解需求、明确设计目标、制定计划以及后期的开发支持和收集反馈上层层体现了一个 UI 设计师工作的价值。

1.理解需求

在拿到需求后,首先要做的工作就是要去理解这份需求。

这时候,我们拿到的需求有可能非常详细,是交互设计师加工过的具体的需求文档,其中包括完整的交互设计原型。

这个时候,我们重点去理解交互设计的输出,查看产品使用的每一个流程以及每一个界面的具体细节,其中包括功能、操作、反馈以及信息呈现逻辑等。

而大多数团队中,可能就没有交互设计师这样的角色,而是产品经理或者老板直接下达的需求,需求的精细程度也会存在非常大的区别,这个时候其实就会比较复杂。

设计师此时需要站在用户的角度,化身为以用户为中心的远点,去理解需求以及将需求进行拆分。

针对于需求的每一个细节,需要设计师深入进行思考,对于缺失的部分,或者存在不合理的部分,需要回过头来和提出需求的人详细沟通,共同讨论以及解决问题。

在这里推荐一个针对于需求梳理的思考工具——「用户旅程」。通过「用户旅程」这一方法,可以梳理出用户使用产品的情景、操作以及具体的心理状态,便于设计师站在用户的视角去理解和分析需求。

2.明确设计目标

设计目标,直接会联系到产品目标、运营目标以及用户目标等,

在了解到具体的需求细节以后,要明确本次设计在整个项目中的定位是什么,通过设计需要带来的收益以及用户对于设计的诉求有多大。

另外在设计过程中,还要明确的是设计目标最核心的点在哪里,这样的话就可以针对设计内容的输出重点方向有所了解。

也利于我们做一些权衡:有时好看的设计是需要牺牲一些信息密度、信息传达性等;设计页面类型是什么,是偏展示性的,还是偏功能性的,展示性的设计空间会大些,功能性的要考虑开发实现要做的组件化一些;

另外,针对于设计的页面具体有哪些,优先级何如,以及任务的拆解,设计目标都会有所影响。

3.制定计划

包括时间计划和执行计划。

设计师最重要的一个能力就是针对于任务的评估,将一个完整链条的任务拆解成为小段,然后再比较每一段人物的优先级,高优先级的先完成,低优先级的后完成,因此也直接衍生出时间计划的编排。

另外,还要在每一个时间节点和里程碑,确认对接沟通的角色,以及要输出的物料有哪些。这项工作就要有经验的设计师进行决策,或者团队中有经验的设计师带领大家一起来完成。

时间节点和里程碑是工作进度的外在表现,具体可以使用的工具其实蛮多,但是最基本的是整体团队对于设计进度要达成共识,确定在那个时间点上,大家能够有什么样的预期——看到的内容和听到的结论等。

4.进入分析阶段

此时对于需求已经了解过,明确自己工作地意义所在以及制定了相应的计划,那么就要进入到详细的分析阶段。

分析阶段会包含三个主要的部分:市场分析、竞品分析和用户需求分析。

市场分析会决定了你的设计要在哪方面与对手进行抗衡,配合产品在市场中的重要定位,设计需要做哪些内容。

而竞品分析是一种取长补短的思路,通过学习对手产品的优点,规避它的缺点,让自己的设计变得更完美。

用户需求分析,这个不得不说,是以用户为中心的设计,那就还是要深入发掘用户需求背后的东西。比如说,经典段子「用户想要一批更快的马」,实际上背后的诉求是用户想要的是「速度」。

5.定义视觉风格

此时,做完了分析,那么就可以来定义视觉风格,包括设计元素的大方向。

色彩范围、质感、细节、突出信息、图标设计方案、插画设计思路以及动效等,这些都可以在定义视觉风格的阶段进行思考,并有所结论。

整体性是非常必要的,以及和其他产品的差异化,也同样是视觉分格会涵盖其中的。一般情况下,我们在做具体的视觉风格定义时,是通过一些关键界面或者关键操作来决定的。

有的团队或者项目的某些阶段是可以不用定义风格,因为有规范可以继承或者延续,这个要就具体的项目情况而定。

定义视觉风格是通过开会、汇报最终敲定下来的,基本上是整体团队群策群力的事情,而不应该由设计师自己完成。

6.批量输出界面

在确定了设计方向以后,那么就可以批量输出具体的界面。

以及补充设计规范或这 UI KIT,针对于一些设计公司,还要补充设计说明等。

7.开发支持

接下来就要进入开发支持的阶段,输出切图和 Layout ,并且此时要跟开发同事保持非常频繁的沟通,在他们完成设计方案后,要给出对应的走查,找到开发成果对于设计的还原程度达不到100%的位置。

此时沟通真的很重要,我们团队之前合作的很多开发,都是那种输出了切图和 Layout 根本不看的角色,然后实现出来的样子和我们的设计千差万别,基本上让我们的设计师就地石化。

设计师与开发人员的沟通也是需要长期磨合才能越来越好的。总之设计师勤于沟通,对于自己的好处会非常多。

8.收集反馈

产品进入测试阶段,以及到后面的上线,设计师就要抽出一部分精力关注一下自己的设计在市场上或者用户那里的反馈。

如果设计的问题很大,那么就要随时准备好,有可能要修改设计。

如果反馈不错,那么要想到自己接下来的提高在哪里,以及产品下一个版本的迭代应该做到哪些设计来弥补本次的不足,。

以上就是设计师在拿到需求后要思考以及接下来要做的事情。

UI设计是一项科学严谨的工作,需要熟悉产品、目标用户以及用户使用习惯和界面设计规律,通过界面引导让用户轻松完成任务,实现产品对于用户的价值,同时企业也得到用户的积极回馈。