如何细分UI设计团队工作流程?

本文详细介绍了UI设计团队的工作流程,从用户角色定义到最终的UI设计,涉及产品经理、交互设计师和UI设计师的角色和任务。流程包括Storyboard、Key Wireframe、Key Visual Design、All Wireframe、Prototype和UI Design等阶段,旨在提升产品团队对用户体验的理解和协作效率。

 最近很多学员在其他公司做了管理之后,不是很明确手下员工的人员分配,以我们的了解,我可以很明确的告诉大家,团队在交互设计阶段一般有产品经理、交互设计师和UI设计师主要参与。很多公司不设专门的交互设计师,而由产品经理完成相关工作。

  以下是整理工作流程。这个流程希望整个产品团队都能参与其中并共同加强对产品的理解。或者借一个时髦的概念。

  用户角色 Persona,实际工作中写文字描述就好,不用做的如下图一般高大上。如果你要给客户或Boss提案,可以做一个提升逼格。

image/20200817/5d448eae9888f8a443eb6bca633ae4de.jpeg

  1. Storyboard 故事版:

  主要负责人:产品经理或交互设计师

  最早大家开始讨论用户体验流程,在白板上边画流程边添加粗略的UI元素。会后交互设计师会在在纸上做手绘版线框图。这阶段产品经理、交互设计师、UI设计师、包括技术工程师会一同作大量的讨论,而且主要讨论的是流程和主要功能,因此手画故事版最快最方便并易于修改的。

  此环节要敲定userflow,用户流程及其中的关键步骤,每一步骤都是一个主要界面。白板上一般都是这样,交互设计同学会在纸上重绘。移动产品设计这样做也行,不买专用的模板本和工具尺,自己打印也行。

  2. Key wireframe 关键界面线框图

  主要负责人:交互设计师

  在确定的用户流程中,选出几个关键的,有代表性的步骤,做细化的wireframe线框图。线框图里要确保每一个UI元素的设计,包括其大小和位置。我们做的线框图是1:1的,也就是线框图与实际界面尺寸一致。1:1的线框图能在前期避免考虑不周和执行困难等很多问题的出现。

  此环节要确定关键界面里的UI元素和布局,以及全局的布局排版风格。线框图做成1:1最好。输出到文档里要添加说明。在后面的工作里,这份文档可以让UI设计同学和工程师同学

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值