UI设计:UI怎么理解?UI设计的工作流程步骤是什么?

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

杨澜说:没人有义务透过你邋遢的外表,去发现你优秀的内在。套用在互联网的App产品开发上就是:没有人有义务透过你糟糕的UI设计,去发现你App产品的优秀内在。

UI设计:UI怎么理解?UI设计的工作流程步骤是什么?
UI设计

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

 

本文来自投稿,不代表新里信息科技有限公司立场,如若转载,请注明出处:https://www.infocoding.cn/app/7334.html

(0)
上一篇 2022-09-09 下午10:16
下一篇 2022-09-10 下午10:09

相关新闻

  • 旅游民宿类APP开发解决方案

    时下快节奏的生活,很多年轻人都选择自驾游、穷游等形式放松自己,大家在旅游的同时都喜欢吃农家饭,住民宿等,那么民宿类APP开发功能有哪些? 今天就给大家讲解下民宿类APP开发的解决方…

    2022-07-05
    020
  • 代驾APP软件开发的优势,应具备哪些功能?

    互联网不断发展,诸多APP软件出现在人们生活中,由于人们生活节奏不断加快,很多人的工作难免需要应酬,这对于有车一族而言十分不便,为了给人们生活提供方便,代驾APP软件开发出现在人们…

    2022-07-18
    09
  • 移动阅读APP开发有哪些功能?

    现在智能手机的普及,很多时候人们对资讯内容的阅览都是经过手机APP软件在线获取,所以现在的一些资讯内容APP软件也是较常见。移动阅读成为了当下人们阅读的主要方式,移动阅读APP开发…

    2022-07-08
    015
  • 上海APP开发公司-一个APP从想法开始,怎么开发变成APP并上线

    从脑海里的一个想法,到应用商店里一个可供大家下载的APP,是怎么样的过程? APP有复杂的、有简单的,复杂的APP有成百上千的人一起开发完成,简单的APP一个人也可以完成。 下面我…

    2022-08-27
    02
  • 智能家居app开发前景市场解析!

    智能家居app开发前景市场解析! 随着现代技术和互联网的发展,智能家居已成为家庭生活的主流。 例如,扫地机器人、智能电子秤、智能蓝牙音频的出现,通过手机APP的连接,可以实现远程控…

    2022-06-22
    08
  • 充电桩APP开发解决了哪些问题?有哪些功能?

    近几年人们生活水平提高,自然也有能力购买私家车,但对于大多数家庭而言,电动车仍是出行的主要代步工具,但在出行过程中遇到没电情况,多少会有些郁闷,为了帮助用户解决电动车充电问题,充电…

    2022-07-16
    018