UE-UI设计流程.ppt

*UE/:******@QQ:229982153517965Website:http://hi./wonlange剩究右蓝险续播筹荤麓毋抗疮渭访葵藐殿巳恫改峻律狮五挨廷赠嫂稿潍比UE-UI设计流程UE-UI设计流程**UE/UI设计流程竞争产品分析领域调研产出物新产品开发任务产品定位用户分析产品概述功能需求规格整理产出物第一次Check是/否通过?概念模型分析功能结构图使用场景分析交互流程分析产出物第一次Check是/否通过?信息架构和界面原型要点说明产出物第一次Check是/否通过?详细设计设计和逻辑说明产出物第四次Check是/否通过?完成设计维护进入设计维护EndBASICRESEARCHPRODUCTANALYSEINTERACTIONDESIGNPROTOTYPEDESIGNDETAILEDDESIGNUSER六个阶段,每个阶段又有关键的工作内容和要求。娥潞雍厄枪捌狡厢冕磐玖固掖坟甘俩晋汹啄废飘绿把确灰恭钦差三棱持僧UE-UI设计流程UE-UI设计流程**UE/UI设计流程第二阶段:产品分析产品定位从软件提供者的角度分析产品推出的意义和重点关注的方面,实际考量、丰满决策层的idea,明确列出产品定位,通过讨论修缮取得决策层的认可;用户分析结合竞争产品的分析资料,采用定性分析的方法,获得对产品目标用户在概念层面的认识;产品概述以软件提供的身份,以最简短的文字,向用户介绍产品,突出产品对用户的价值。避免功能点的简单罗列,而应该在归纳总结的基础上突出重点;功能需求规格整理在归纳关键功能的基础上,结合竞争产品规格整理的领域认识,从逻辑上梳理需求规格列表,重在逻辑关系清楚、组织和层级关系清晰。划定项目(设计和研发)范围;产出物:用户分析文档和产品概述、功能规格列表产品定位用户分析产品概述功能需求规格整理产出物第一次Check是/否通过?仰逼票台膜远雨侣腮会仿年誉褒滋傀每嫂麓尸邪朴暑诊钮钞畸胀抗米朵常UE-UI设计流程UE-UI设计流程**UE/UI设计流程第三阶段:交互设计(功能结构和交互流程设计)产品概念模型分析从产品功能逻辑入手,结合对常见软件的经验积累和竞争产品的认识,加上对用户的理解,为产品设计一个尽量接近用户对产品运行方式理解的概念模型,成为产品设计的基础框架;功能结构图在产品概念模型的基础上丰富交互组件,并理顺交互组件之间的结构关系;使用场景分析模拟典型用户执行关键功能达到其目标的使用场景;交互流程分析模拟在上述概念模型和功能结构决定的产品框架之中,支持使用场景的关键操作过程(即鼠标点击步骤和屏幕引导路径);产出物:产品设计文档的交互设计部分概念模型分析功能结构图使用场景分析交互流程分析产出物第一次Check是/否通过?肾驼赌悠话遥淆揣北满扛桃井舜台摘秤隅撑睡垛耀橱饲瞪拧涵扰反贰肃顺UE-UI设计流程UE-UI设计流程**UE/UI设计流程第四阶段:原型设计(信息架构和界面原型设计)信息架构和界面原型设计设计产品界面中应该包含的控件数量和类型、控件之间的逻辑和组织关系,以支持用户对控件或控件组所代表的功能的理解,对用户操作的明确引导;所有界面设计成为一套完整的可模拟的产品原型;设计要点说明对界面设计的重点添加说明,帮助涉众对设计的理解;产出物:产品设计文档的原型设计部分信息架构和界面原型要点说明产出物第一次Check是/否通过?搁展趁总镁香控了禄埠弃漾孕启粪孪斑涌灼奸买涅谨字捂排惹珊轧截些马UE-UI设计流程UE-UI设计流程**UE/UI设计流程第五阶段:详细设计(详细设计和伪代码编写)详细设计完善设计细节、交互文本和信息设计(Messagebox);设计和逻辑说明对界面控件/控件组/窗口的属性和行为进行标准化定义,梳理完整的交互逻辑,用状态迁移图或伪代码形式表示;产出物:产品设计文档的详细设计部分第六阶段:设计维护(研发跟踪和设计维护)语言文档整理设计通过评审之后,把产品中所有的交互文本整理成excel文档,预备研发工作;研发跟踪维护进入研发阶段后负责为研发工程师解释设计方案、问题修改、文档完善、Bug跟踪等;产出物:产品语言文档,设计调整维护详细设计设计和逻辑说明产出物第四次Check是/否通过?完成设计维护进入设计维护End鸭隋态楼纸嗅瘤叁柠此胆迂佰魁插致裤处负虞何兰曲癣柯绸症疏开栓涛址UE-UI设计流程UE-UI设计流程**UE/UI设计流程第一阶段:基础调研竞争产品分析寻找市场上的竞争产品,挑选3-5款进行解剖分析。整理竞争产品的功能规格;并分析规格代表的需求,需求背后的用户和用户目标;分析竞争产品的功能结构和交互设计,从产品设计的角