百世物流ue-ui设计流程【物流精选】.ppt

2018/4/22
UE/UI设计流程

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