UED/UXD的设计链路

用户头像
深圳/设计爱好者/2年前/4411浏览
UED/UXD的设计链路
用户头像
7V_Kevin

如文中右理解诟病或错误,欢迎交流指正~^_^~。

以下文章是设计部门在公司早会的分享,主要聊的是关于对“UED设计团队设计链路分享”,简单地说就是设计流程

目的希望通过此分享让公司其他部门能对设计部门工作内容有初步的了解。以便向“非设计师”介绍设计并非简单的“图片美化”或“界面绘制”,背后的所运用的知识以及方法是科学有据有效的。一个专业的设计团队能通过设计的赋能,为公司的产品以及业务发展起正向的推动作用。

关于设计到底是什么,这是非常难定义的,如果需要向业界外的小伙伴们解释起来更加困难。

所以我没有引用维基百科或者某些学术定义,因为这样子会把人绕晕,我尽量尝试用通俗的话来聊。

当我“年少无知”的时候,确切的说可以追溯到读大学前,对设计并没有任何概念,仅仅把设计理解为搞艺术。所以提及设计,其实很多人简单的认为艺术就是设计,并把将两者混为一谈。

比如:某画家画了某幅画,在世时他的画作没有被世人意识到其应有的价值,但是画家去世后大家开始欣赏他的画,不禁发出感叹“~喔~这简直就是艺术啊!”。

——所以艺术创作者创作作品时,更多的是在表达自我,并非从用户需要的角度出发进行“设计”

设计简单来说就是在洞察了用户需求之后,以用户为中心,用创意与表现形式建立用户体验关系的过程。

——好的设计绝不是靠素材的堆砌与组装,或是不明所以的留白拼凑起的“高级感”。它必须体现设计师对于内容或是自身创意如何表达的思考,这种思考可以基于用户、基于性格、基于经验。但无论表达的落脚是什么,把某件产品清晰展示、某个概念清晰传递的设计目的是不会改变的。



设计链路拆解

通常设计团队的设计链路大致可以分成四个步骤:需求分析->用研交互->UI视觉->验收迭代。在不同的阶段,需要团队中的交互/UI/视觉...设计师各司其职,每位设计师要解决的核心问题不同:

这里引入一个结构化的设计方法——💎“双钻”模型💎

“双钻设计模型”已经被很多设计师或设计机构做过概念变体和衍生,所以可能经常会看到各种各样类似的“设计模型”,有的是“三钻”的,有的是三角形的或是正方形的。不过,不要太在意这些模型是叫做“双钻模型”、“三钻模型”还是“两个四边形模型”,其核心都是在讲 一套使用设计思维来解决问题的思路和方法,这套思路和方法适用于 从产品需求定义到设计成果产出的整个过程。

在这个过程中,“设计模型”能够分别帮助设计师达到三个目的

1. 洞察和挖掘产品真正的问题

也就是模型中第一个“钻”的核心目的:为正确的事情做设计(Designing the right thing),即“做正确的事”

2. 通过恰当方法找到设计最优解

也就是模型中第二个“钻”的核心目的:用正确的方法做设计(Designing things right),即“将设计做正确”。

3. 复盘并验证问题设计的结果

也就是模型中第三个“钻”的核心目的:验证做的设计是否正确(Verify Desig Effectiveness),即“验证设计的效果”。

01. 链路1-需求分析

🤔可能有人会说:“分析需求不是产品经理的事情吗?”

确实,在产品需求阶段产品经理会起主导角色,产品经理的需求分析:侧重于从商业维度考虑产品目标,考虑用户的需求是什么,以及用什么样的功能去满足用户需求。

但同时,设计师会协助产品参与需求挖掘工作,可以更直观了解产品的背景和设计目标,同时会协助产品经理分析用户的使用场景和各个接触点,使得产品在需求阶段可以更好的与后续交互设计衔接。

🦁️设计师的需求分析侧重点:基于对产品需求的正确理解,通过运营与用户层面考虑,平衡业务与用户之间的诉求,让设计在达到用户体验的情况下更大化的发挥商业价值。

02. 链路2-用研交互

在提出需求目标后,需要精准定位目标用户,将假设与用户诉求进行验证。

交互设计师会采用用户画像/体验地图/用户移情图等方法构建用户使用情景,将抽象的业务目标在用户层面进行价值试验后的故事转译。通过前期调研和用户故事还原体验情景,最终分析验证前期方案的假设,并为方案原型交互设计提供客观数据支撑

通过用研及数据结果分析验证后,就到了原型设计阶段,最终修正的需求文档会交由交互设计师转化交互原型文档。

交互文档主要是用来承载设计思路、设计方案、信息架构、原型线框、交互说明等内容,大致会包含:基础信息(项目简介、需求分析),交互说明(信息架构思维导图、任务流程图),页面交互流程原型图(包含交互设计的方案阐述界面布局、操作手势、反馈效果、元素的规则定义、以及异常页面和异常情况的说明)。

03. 链路3-UI视觉

建立设计规范

UI即User Interface(用户界面),而UI设计规范通俗来说,是围绕在某种风格或者大型设计项目下形成可视化、数据化的标准,针对相对独立的体系建立的统一遵守条款。 UI组件库则是是基于用户界面产品而制定的一套可复用设计库,也是为了方便设计师、开发和测试人员共同协作,而遵循的规律和法则。


其中色彩范围、图标设计方案、插画配图以及动效等,这些都可以在定义视觉风格的阶段进行思考,并有所结论。而字体的选择且通常情况下会使用iOS和Android系统的模型字体作为规范字体,因为系统字体更为匀称,显示效果更为舒适,醒目利于阅读,更利于视觉信息的传达。

搭建设计组件库

搭建组件库,其实是利用组件库型思维,产品需求场景化、视觉表达模块化并最终将解决方案进行封装。

通过标准的规范组合方式来构建整个设计方案,从而提升设计效能。一方面使团队的每位设计师和开发都能通过组件库直观了解产品设计规范,通过组件的复用性原理提升设计与开发的协同效率。另一方面通过清晰有规律样式布局,保证产品界面视觉及体验性的一致性。

04. 链路4-验收迭代

设计走查验收

设计界面交付后就算完成设计任务了吗?

设计交付不等于设计任务的结束,在产品正式版发布之前,交互设计师和视觉设计师需要对线上测试版本进行走查。有些团队内部协作习惯于直接口头或是简单文字沟通,面对简单且量少的问题时可能会相对比较快速。但是一定会存在信息遗漏、沟通误差等问题。

产品设计迭代

虽然有些公司的产品真的过硬,可能会具备较长的生命周期,但它们始终会被更加优秀、好用、新颖的竞品所取代。

因此产品设计的持续优化迭代,是能保持发挥产品优势,不断找到用户痛点的关键,而做好产品迭代不仅是产品经理的职能, 也是设计师的职能所在。

写在最后,我们来梳理一下整个设计链路的结构

码字不易,点个赞吧~

53
举报
|
111
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
【新年UI图标】美食icon
Security Camera UI kit
柠檬黄主题UI作品集模版
高级感金属拟物 UI设计组件库
高级表盘系列UI源文件
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
拟物风质感写实UI卡片合集源文件
【新年UI图标】酒店icon
【新年UI图标】珠宝icon
新拟态风格 UI设计组件库
UI_3D图标火箭炮<新春促销>
【新年UI图标】影音icon
UI通用设计素材1
钱包ui模板
矢量立体简约UI蓝白图标
【新年UI图标】30个图标
科技医疗透明柜UI界面设计
UI应用平面图标
UI 登录界面设计模板包
盲盒APP UI设计
【新年UI图标】家具icon
【新年UI图标】游戏/娱乐icon
我的钱包-UI界面设计-app
你可能喜欢
相关收藏夹
大家都在看
登录注册