百世物流UE-UI设计流程.ppt

UE/:******@QQ:229982153517965Website:http://hi./wonlange瞳寥序侨愉姿宝突觅厚鹰殖丁以肠绿厅欢讥喜戚号再咕锌玻萌搞斗诡挨碱百世物流UE-UI设计流程百世物流UE-UI设计流程*UE/UI设计流程竞争产品分析领域调研产出物新产品开发任务产品定位用户分析产品概述功能需求规格整理产出物第一次Check是/否通过?概念模型分析功能结构图使用场景分析交互流程分析产出物第一次Check是/否通过?信息架构和界面原型要点说明产出物第一次Check是/否通过?详细设计设计和逻辑说明产出物第四次Check是/否通过?完成设计维护进入设计维护EndBASICRESEARCHPRODUCTANALYSEINTERACTIONDESIGNPROTOTYPEDESIGNDETAILEDDESIGNUSER六个阶段,每个阶段又有关键的工作内容和要求。宜摘舷葱侨义臼薄咏综宛脖酋戴焦烫记腰炭篱殿宫罚射序济静祝块聂坎房百世物流UE-UI设计流程百世物流UE-UI设计流程Date2UE/UI设计流程第二阶段:产品分析产品定位从软件提供者的角度分析产品推出的意义和重点关注的方面,实际考量、丰满决策层的idea,明确列出产品定位,通过讨论修缮取得决策层的认可;用户分析结合竞争产品的分析资料,采用定性分析的方法,获得对产品目标用户在概念层面的认识;产品概述以软件提供的身份,以最简短的文字,向用户介绍产品,突出产品对用户的价值。避免功能点的简单罗列,而应该在归纳总结的基础上突出重点;功能需求规格整理在归纳关键功能的基础上,结合竞争产品规格整理的领域认识,从逻辑上梳理需求规格列表,重在逻辑关系清楚、组织和层级关系清晰。划定项目(设计和研发)范围;产出物:用户分析文档和产品概述、功能规格列表产品定位用户分析产品概述功能需求规格整理产出物第一次Check是/否通过?抑诲懦罩号硬淫铝楷凋用峪蘑驴稻沟癌华厢再哀歪谐呐谐滥阁梦肆敢哇利百世物流UE-UI设计流程百世物流UE-UI设计流程Date3UE/UI设计流程第三阶段:交互设计(功能结构和交互流程设计)产品概念模型分析从产品功能逻辑入手,结合对常见软件的经验积累和竞争产品的认识,加上对用户的理解,为产品设计一个尽量接近用户对产品运行方式理解的概念模型,成为产品设计的基础框架;功能结构图在产品概念模型的基础上丰富交互组件,并理顺交互组件之间的结构关系;使用场景分析模拟典型用户执行关键功能达到其目标的使用场景;交互流程分析模拟在上述概念模型和功能结构决定的产品框架之中,支持使用场景的关键操作过程(即鼠标点击步骤和屏幕引导路径);产出物:产品设计文档的交互设计部分概念模型分析功能结构图使用场景分析交互流程分析产出物第一次Check是/否通过?哆冯擅陪冈翼刹淳摩您择碍琼朗屡遗砷暖颁嗡梳哆班倚刽搬赐步圣奉知诡百世物流UE-UI设计流程百世物流UE-UI设计流程Date4UE/UI设计流程第四阶段:原型设计(信息架构和界面原型设计)信息架构和界面原型设计设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系,以支持用户对控件或控件组所代表的功能的理解,对用户操作的明确引导;所有界面设计成为一套完整的可模拟的产品原型;设计要点说明对界面设计的重点添加说明,帮助涉众对设计的理解;产出物:产品设计文档的原型设计部分信息架构和界面原型要点说明产出物第一次Check是/否通过?宋恶墅缄鸡坏寺傣瞩缸颈槐潭名坯迷吕仔宁一欠骏讹冉栈应赞卵羹等铝号百世物流UE-UI设计流程百世物流UE-UI设计流程Date5UE/UI设计流程第五阶段:详细设计(详细设计和伪代码编写)详细设计完善设计细节、交互文本和信息设计(Messagebox);设计和逻辑说明对界面控件/控件组/窗口的属性和行为进行标准化定义,梳理完整的交互逻辑,用状态迁移图或伪代码形式表示;产出物:产品设计文档的详细设计部分第六阶段:设计维护(研发跟踪和设计维护)语言文档整理设计通过评审之后,把产品中所有的交互文本整理成excel文档,预备研发工作;研发跟踪维护进入研发阶段后负责为研发工程师解释设计方案、问题修改、文档完善、Bug跟踪等;产出物:产品语言文档,设计调整维护详细设计设计和逻辑说明产出物第四次Check是/否通过?完成设计维护进入设计维护End歧温孔历兵赚隙棒瘸狈鄙呻姨叫疑蟹座萌哺粤吟包世听追泄饥江袋闽乎弛百世物流UE-UI设计流程百世物流UE-UI设计流程Date6UE/UI设计流程第一阶段:基础调研竞争产品分析寻找市场上的竞争产品,挑选3-5款进行解剖分析