从零开始梳理梳理出UI工作流程

作者&投稿:尹菁 (若有异议请与网页底部的电邮联系)
~ UI设计工作,包括 APP 设计、网页设计、小程序设计等方面。而一个产品完整的 UI 设计流程,是指拿到一个新的项目需求后,从设计思考开始,产品前期分析,设计产品,设计评审,用户测试,直至产品上线。

以上的流程都是与设计师密切相关的内容,我们的关注点不能只有视觉效果,孤立的设计容易脱离产品,反复修改,因此前期分析与后期支持都值得我们重视。

产品立项后的第一阶段是需求分析阶段,当我们拿到一个新的需求时,首先要了解的就是产品的需求是什么,了解市场背景、产品定位、概念,客户的需求是什么。

一般来说,我们接到的需求分为三类:全新产品、现有产品新增功能、产品改版。

需求文档类型

前期分析阶段中,需求方主要是与产品经理进行沟通,产出文档有三种:

BRD文档(Business Requirement Document):商业需求文档,基于商业目标或价值所描述的产品需求内容文档(报告)。

MRD文档(Market Requirement Document):市场需求文档,该文档在产品项目过程中属于「过程性」文档,由产品经理或者市场经理编写的一个产品说明需求的文档。

PRD文档(Product Requirement Document):产品需求文档是将商业需求文档(BRD)和市场需求文档(MRD)用更加专业的语言进行描述。

互联网数据资讯中心: http://www.199it.com/

艾瑞网-互联网数据资讯聚合平台: http://www.iresearch.cn/

数据分析网: https://www.afenxi.com/

36氪: https://36kr.com/

有了数据参考来源后,我们就能从五个纬度分析产品。

1. 产品分析

市场背景、产品业务、现有产品各项数据。

2. 用户画像

显性画像:即用户群体的可视化的特征描述。如目标用户的年龄、性别、职业、地域、兴趣爱好等特征。

隐性画像:用户内在的深层次的特征描述。包含了用户的产品使用目的、用户偏好、用户需求、产品的使用场景、产品的使用频次等。

3. 需求确认

产品需求主要是为了满足用户或企业价值,所以一定要确认重要且紧要的需求内容是什么,什么功能和内容暂时不需要做,什么功能和内容放在后期做,因此设计时也要考虑产品未来的扩展性。

4. 逻辑流程

逻辑流程,整个产品的逻辑、内部流程;

用户路径,描述用户在产品内部的路径。

5. 竞品分析

和国内外同类产品进行比较分析,知己知彼。

竞品选择,从两个方向出发:

从产品类型出发:比如我们需要设计的产品是财务类,选择的方向也是同类财务类产品;

从产品功能出发:比如说财务产品中有着支付购买的功能板块,选择的竞品也包括了购物、生活类产品。

相关教程: 《视觉设计师如何做竞品分析?来看这份超全面的指南!》

最后,比起产品经理来说,设计师在这个阶段能获三个信息:

自己需要完成什么;

要做到什么程度;

扩展性的考虑,可以在设计时预留位置。

语雀: https://www.yuque.com

原型设计的主要作用,是用户体验设计师与 PM、网站开发工程师沟通最初的产品设想的重要工具,展示产品内容和结构及粗略的布局,说明用户将如何与产品进行交互,而不是视觉设计。

在大厂中,职位分工更为细致明确,大多原型都是由产品经理制作的,而中小企业里,更多的是设计师也要具备制作原型的能力。原型图阶段中设计师需要和产品经理沟通需求,并不是产品经理向设计师下发需求,而是需要相互就自己擅长的方面进行沟通。

设计时原型的类别也需要关注,每个项目启动时对原型的需求不一定都相同,交流的对象也有可能会对原型的类别产生混淆,以为线框图(Wireframe)、原型(Prototype)和视觉稿(Mockup)是一个东西,设计开始前最好先与产品经理/甲方确认要绘制什么类型的原型。

三种类别虽然产出效果不同,但在本质上都是一样的,为设计开发服务,所以在产品研发时,并没有硬性规定一定先产出哪一个类别的原型图,一切以实际研发过程中的要求为准。

交互设计作为原型设计里的重要环节,了解交互设计原则,给交互设计提供更多设计支持。

1. Fitts’ Law / 菲茨定律(费茨法则)

目标离的越远,到达就越是费劲。目标越小,就越难点中。如果我们要想鼠标比较快速地命中目标可以采取两个措施,要么减少鼠标与目标之间的距离,要么使目标足够大。

2. Hick’s Law / 席克定律(希克法则)

一个人面临的选择越多,所需要作出决定的时间就越长。在人机交互中界面中选项越多,意味着用户做出决定的时间越长。

3. 神奇数字7±2法则

人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了 5-9 项信息后就开始出错。与席克定律类似,神奇数字 7±2 法则也经常被应用在移动应用交互设计上,如应用的选项卡不会超过 5 个。

4. The Law Of Proximity 接近法则

根据格式塔(Gestalt)心理学:当对象离得太近的时候,意识会认为它们是相关的。在交互设计中表现为一个提交按钮会紧挨着一个文本框,因此当相互靠近的功能块是不相关的话,就说明交互设计可能是有问题的。

5. Tesler’s Law 泰思勒定律(复杂性守恒定律)

该定律认为每一个过程都有其固有的复杂性,存在一个临界点,超过了这个点过程就不能再简化了,你只能将固有的复杂性从一个地方移动到另外一个地方。如对于邮箱的设计,收件人地址是不能再简化的,而对于发件人却可以通过客户端的集成来转移它的复杂性。

6. 新乡重夫:防错原则

防错原则认为大部分的意外都是由设计的疏忽,而不是人为操作疏忽。通过改变设计可以把过失降到最低。该原则最初是用于工业管理的,如在硬件设计上的 USB 插槽。而在界面交互设计中也是可以经常看到,如当使用条件没有满足时,常常通过使功能失效来表示(一般按钮会变为灰色无法点击),以避免误按。

7. Occam’s Razor 奥卡姆剃刀原理(简单有效原理)

这个原理被称为「如无必要,勿增实体」,即如有两个功能相等的设计,那么选择最简单的。

8. Steering Law 转向定律

触控技术(Touch)应用:

0° 方向是最利于操作者移动的方向,具有较好的视觉反馈,成功率相对最高;

120° 方向用户在操作时最为困难,在用户界面交互设计中应尽少使用;

用户手指在各个方向的运动中,宽度低于 14 像素的 Touch 是用户体验最差的。

9. 帕累托定律(80/20原则)

任何大系统中,大部分的效果仅有少数几项变量决定。用户 80% 的时间花在了 20% 的功能上。

其实交互定律看起来有点枯燥,生搬硬套其实并不一定能套上去,列举以上的设计原则更多的是为设计做参考,结合设计原则,是提升设计说服力的有效方法。


白手起家拼音从零开始学习拼音技巧
1.声母 汉语中的声母有21个,分别是b、p、m、f、d、t、n、l、g、k、h、j、q、x、zh、ch、sh、r、z、c、s。这些声母可以单独使用,也可以和韵母组合使用。2.韵母 汉语中的韵母有16个,分别是a、o、e、i、u、ü、ai、ei、ui、ao、ou、iu、ie、üe、er、an、en、in、un、ün。韵母...

从零开始学粤语3.3韵母ai,an,ang,au
4、au 发音时先发前音a,然后滑向后音u。它不是普通话中的a,而是一个张口较小、发音较短的a音,后音是u,这个u张口比ao中的u要小,比较接近纯粹的u音。它听起来像是介于ao与ou的音。三、基本用语 你好 nei5 hou5 【谐音:雷猴】早上好 zou2 san4 【谐音:走伞】或者  zou2 soe...

请问学英语从零开始那方面入手学习、发音怎样发?
一,单元音: [i:]、[i]、[ɔ:]、[ɔ]、[u:]、[u]、[ə:]、[ə]、[ɑ:]、[ʌ]、[e]、[æ][i:]——谐音为:易(yi);像数字1,记忆真容易。[ɔ:]——谐音为:噢(0);噢,这个音标就像个o。[u:]——谐音为:雾(wu);杯子上有很多雾。

零之轨迹中的U物质如何使用?
到旧街市的一个工房里面的大叔可以给你改造兵器(如武器拥有烧伤、冻结等效果等)

不会打字怎么开始从零开始学
不会打字怎么开始从零开始学如下:1、认识键盘 首先大家要了解键盘,一般来说,键盘上可分为四个区域,分别为:功能键区、主键盘区、控制键区、数字键区,以及状态指示区。2、打字指法 练习打字,开始一定要养成良好的指法习惯,否则后患无穷,拿出你的双手,再找到主键盘区的字母第二行。“ASDF”分别...

...现在拼音打字都不会,我想学拼音从零开始学,大家有没有学拼音的资料...
《小学阶段语文、英语、数字、音乐、美术、体育、自然、科学等》百度网盘资源大全 链接:https:\/\/pan.baidu.com\/s\/1znmI8mJTas01m1m03zCRfQ ?pwd=1234 提取码:1234 对于小学阶段所涉及到的各科各类资料,我们都收集、归类并定期更新。欢迎有需求的家长、老师收藏。

从零开始学欧姆定律
欧姆定律:在电路中电阻与电压成正比与电流成反比,其表达公式是——R= U\/I,式中,R——电阻;U——电压;I——电流。这一公式是有条件的,并不是在既定电路中当电压U为一定时,电流可以任意给出而得到电阻;也不是电阻可以任意给出而得到电流,而是在既定电路中,电路长度、导线材质电阻率与截面...

零之轨迹U物质(材料)什么时候用?
u物质可以去旧街市交换屋下面的工房里用来强化武器。

零基础如果我要学英语,那我要从哪开始?
\/u\/ 舌身后缩,舌后部尽量向软腭抬起,舌尖离开下齿,双唇收圆,用力向前突出。中元音\/ʌ ɝ ə\/\/ʌ\/ 舌尖轻触下齿,舌中部稍抬起,牙床介于开与半开之间。\/ɝ\/ 舌身平放,舌尖尽量向上齿龈卷起来,舌中部抬起,双唇向两边拉开,呈微笑状。\/ə\/ 舌端离开下齿,舌中部抬高,舌位中低,牙床半开,双唇略...

零之轨迹改u物质怎么刷
零之轨迹改u物质刷的方法:1、在回廊买1000块的鞋子然后分解。2、进最终迷宫前的西克洛斯贝尔街道,刷门口的两组小怪。

宣武区19177798947: UI 设计的整个工作流程是怎样的 -
生阳金汕: 正式开始 我倾向于说“交互设计的整个流程”.在我这里,UI是指“界面”,在视觉设计开始之前,界面的的交互策划与设计是很重要的前置步骤,对最终的用户体验有很大的影响.我团队在交互设计阶段一般有产品经理、交互设计师和UI设计...

宣武区19177798947: 超赞干货,一个完整的UI设计流程是怎样的 -
生阳金汕: 需要的基础就是一些简单的美术基础和平面设计基础,要求也不算高,一般流程是这样的,大致5个阶段,PS ,Illustrator , DW,InDesign都会用到.第一阶段 UI用户设计基础(UI行业发展及UI设计师职业规划,美术基础,平面设计基础...

宣武区19177798947: 何为UI,UI设计的工作流程 -
生阳金汕: UI就是user interface 用户界面,其实我们常说的是用户界面设计,主要是对用户接触到的界面进行设计完善,优化等等.一方面使产品更加的美观易用,另一方面就是利用外观的界面来诱导用户实现转化.UI设计的工作流程,就本上就是有需求——设计稿——UI设计——上线.基本上就是这么一个套路.

宣武区19177798947: 『UI教程』今天给大家讲解下UI到底做啥 -
生阳金汕: UI到底做什么,要从UI接到的工作流程来说——产品/交互/设计.也就是说一般我们接到的是交互稿. 这时候UI看到一个交互设计,需要考虑的是: 1、这样的排布是否合理(比如960的屏和1136的屏幕是否都可以容下足够的设计关键信息) 2、...

宣武区19177798947: UI软件设计有什么流程吗? -
生阳金汕: UI设计流程是:一、确认目标用户 在UI设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求.用户交互要考虑到目标用户的不同引起的交互设计重点的不同.二、采集目标用户的习惯交互方式 不同类型的目标用...

宣武区19177798947: 零基础小白怎么学习UI设计,不走弯路 -
生阳金汕: UI设计是个专业,要学习的内容还是比较多的,所以给小白同学一些学习建议,一般学习UI设计可以分为以下4个阶段.第一阶段:素描手绘也就是素描手绘这块,这个对于后期的UI设计有一个帮助.但并不是最重要的.(这个可以平时自己手...

宣武区19177798947: 想做一名UI设计师,要从什么开始做啊?详细点 谢谢 -
生阳金汕: UI设计师不单纯从事美术绘画,而需要定位软件使用者、使用环境、使用方式并且最终为软件用户服务,他们进行的是集科学性与艺术性于一身的设计,他们需要完成的,简单说来,正是一个不断为用户设计视觉效果使之满意的过程. UI设计从工作内容上来说分为3大类别,即研究工具,研究人与界面的关系,研究人. 与之相应, UI设计师的职能大体包括三方面:一是图形设计,即传统意义上的“美工”.二是交互设计,主要在于设计软件的操作流程、树状结构、操作规范等.三是用户测试/研究 UI设计师主要是界面设计,还有一部分是参与软件的研发,需要懂一些网页代码制作,和编程语言.

宣武区19177798947: 如何开始学UI -
生阳金汕: 学UI的基础准备或者基本需要掌握的修养 总体认知 学习UI,先对整个设计专业有总体认知,再去学技法层面的内容、规则,慢慢把知识库填充完整,如果有条件,可以尝试了解一个新的互联网产品出炉的工作流程.这样,在局部学习前,就能...

宣武区19177798947: 谁能详细说一下UI如何学习?
生阳金汕: 学习UI设计可以分以下四个阶段学习 第一阶段就是美术基础,也就是素描手绘这块,这个对于后期的UI设计有一个很大帮助. 第二阶段就是软件层次了,现在的UI设计师一般要掌握以下几个软件,比如PS AI AE AXURE 蓝湖. 第三阶段就是理...

宣武区19177798947: UI设计的工作内容都有啥?
生阳金汕: 首先你要知道一个项目或产品的制作流程是什么.首先制定市场需求文档,然后制定产品需求文档,接着就是用户分析报告,根据分析报告设计产品架构、设计产品原型、设计UI界面、输出界面,最后分析使用报告,做出相关调整及优化.UI设...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网