文档介绍：2018/5/9
UE/UI设计流程
版权属于王兰杰
浙江百世物流科技有限公司
Wang lanjie
Email:wonlange@
QQ:22998215 3517965
Website:http://hi./wonlange
2018/5/9
2
UE/UI设计流程
竞争产品分析
领域调研
产出物
新产品开发任务
产品定位
用户分析
产品概述
功能需求规格整理
产出物
第一次Check
是/否通过?
概念模型分析
功能结构图
使用场景分析
交互流程分析
产出物
第一次Check
是/否通过?
信息架构和界面原型
要点说明
产出物
第一次Check
是/否通过?
详细设计
设计和逻辑说明
产出物
第四次Check
是/否通过?
完成设计维护
进入设计维护
End
BASIC RESEARCH
PRODUCT ANALYSE
INTERACTION DESIGN
PROTOTYPE DESIGN
DETAILED DESIGN
USER
六个阶段,每个阶段又有关键的工作内容和要求。
2018/5/9
3
UE/UI设计流程
第二阶段:产品分析
产品定位 从软件提供者的角度分析产品推出的意义和重点关注的方面,实际考量、丰满决策层的idea,明确列出产品定位,通过讨论修缮取得决策层的认可;
用户分析 结合竞争产品的分析资料,采用定性分析的方法,获得对产品目标用户在概念层面的认识;
产品概述 以软件提供的身份,以最简短的文字,向用户介绍产品,突出产品对用户的价值。避免功能点的简单罗列,而应该在归纳总结的基础上突出重点;
功能需求规格整理 在归纳关键功能的基础上,结合竞争产品规格整理的领域认识,从逻辑上梳理需求规格列表,重在逻辑关系清楚、组织和层级关系清晰。划定项目(设计和研发)范围;
产出物: 用户分析文档和产品概述、功能规格列表
产品定位
用户分析
产品概述
功能需求规格整理
产出物
第一次Check
是/否通过?
2018/5/9
4
UE/UI设计流程
第三阶段:交互设计(功能结构和交互流程设计)
产品概念模型分析
从产品功能逻辑入手,结合对常见软件的经验积累和竞争产品的认识,加上对用户的理解,为产品设计一个尽量接近用户对产品运行方式理解的概念模型,成为产品设计的基础框架;
功能结构图
在产品概念模型的基础上丰富交互组件,并理顺交互组件之间的结构关系;
使用场景分析
模拟典型用户执行关键功能达到其目标的使用场景;
交互流程分析
模拟在上述概念模型和功能结构决定的产品框架之中,支持使用场景的关键操作过程(即鼠标点击步骤和屏幕引导路径);
产出物: 产品设计文档的交互设计部分
概念模型分析
功能结构图
使用场景分析
交互流程分析
产出物
第一次Check
是/否通过?
2018/5/9
5
UE/UI设计流程
第四阶段:原型设计(信息架构和界面原型设计)
信息架构和界面原型设计 设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系,以支持用户对控件或控件组所代表的功能的理解,对用户操作的明确引导;所有界面设计成为一套完整的可模拟的产品原型;
设计要点说明 对界面设计的重点添加说明,帮助涉众对设计的理解;
产出物: 产品设计文档的原型设计部分
信息架构和界面原型
要点说明
产出物
第一次Check
是/否通过?
2018/5/9
6
UE/UI设计流程
第五阶段:详细设计(详细设计和伪代码编写)
详细设计 完善设计细节、交互文本和信息设计(Message box);
设计和逻辑说明 对界面控件/控件组/窗口的属性和行为进行标准化定义,梳理完整的交互逻辑,用状态迁移图或伪代码形式表示;
产出物:产品设计文档的详细设计部分
第六阶段:设计维护(研发跟踪和设计维护)
语言文档整理 设计通过评审之后,把产品中所有的交互文本整理成excel文档,预备研发工作;
研发跟踪维护 进入研发阶段后负责为研发工程师解释设计方案、问题修改、文档完善、Bug跟踪等;
产出物: 产品语言文档,设计调整维护
详细设计
设计和逻辑说明
产出物
第四次Check
是/否通过?
完成设计维护
进入设计维护
End
2018/5/9
7
UE/UI设计流程
第一阶段:基础调研
竞争产品分析 寻找市场上的竞争产品,挑选3-5款进行解剖分析。整理竞争产品的功能规格;并分析规格代表的需求,需求背后的用户和用户目标;分析竞争产品的功能结构和交互设计,从产品设计的角度解释其优