数字媒体交互设计（慕课版） 课件 02第一章2App交互设计工作流程.pptx

App交互设计工作流程天津电子信息职业技术学院认识交互设计 知识要点1、App交互设计流程2、需求分析阶段3、原型设计阶段4、视觉设计阶段5、开发/测试/验收阶段6、搜集用户反馈阶段 App交互设计流程重点掌握： √第一部分次要掌握： App交互设计流程需求分析、原型设计、视觉设计、开发与测试、搜集用户反馈需求分析原型设计通过？视觉设计设计规范设计评审开发/测试用户反馈通过？YES设计评审YESNONO App交互设计流程需求分析、原型设计、视觉设计、开发与测试、搜集用户反馈需求分析原型设计视觉设计开发/测试用户反馈输出内容用户研究文档、产品功能列表交互原型、交互文档完善交互文档全局通用说明完善交互文档解决开发问题用户反馈记录分析文档参与人员产品经理、产品设计师、交互设计师、客户/需求方交互设计师、客户/需求方产品经理、交互设计师、视觉设计师、客户/需求方产品经理、交互设计师、开发人员、客户/需求方产品经理、交互设计师 需求分析阶段重点掌握： √第二部分次要掌握： App交互设计流程-需求分析阶段需求分析是交互设计流程计划阶段的重要环节 分析App在功能上需要「实现什么」，而不是考虑如何去「实现」。 需求分析的目标是把用户对待开发App提出的「要求」或「需要」进行分析与整理，确认后形成描述完整、清晰与规范的文档，确定软件需要实现哪些功能，完成哪些工作。 App交互设计流程-需求分析阶段1、用户研究报告文档 目的：通过用户调研，理性了解用户，根据他们的目的、行为和态度差异，将他们区分不同类型，分析出不同人群对产品的偏好和潜在需求，从而指导市场推广和产品设计。用户研究文档调研背景调研目的调研时间调研方法调研群体调研场景调研数据评估报告 App交互设计流程-需求分析阶段2、产品功能列表 功能需求列表的价值：首先是帮助产品经理理清思路，其次帮助项目团队的其它成员了解产品功能需求。 App交互设计流程-需求分析阶段3、场景故事板目的：是让产品设计师在特定产品使用情境下，全面理解用户和产品之间的交互关系。 原型设计阶段重点掌握： √第三部分次要掌握： App交互设计流程-原型设计阶段原型设计阶段 这个阶段交互设计师需要编写交互文档。也就是交互设计说明文档。英文「Design Requirement Document」，缩写「DRD」。 App交互设计流程-原型设计阶段1、流程图的构成和符号符号名称意义开始（Start）/终止（End）处理程序/进程/步骤（Process）条件/判定（Decision）路径（Path）文档（Document）流程图开始/流程图终止处理程序不同方案选择指向路径方向输入或输出文档 App交互设计流程-原型设计阶段2、业务流程图（泳道图） 它是产品的整体业务流程，直接和业务挂钩，可以说是产品的核心流程。 App交互设计流程-原型设计阶段3、功能结构图 是按照功能的从属关系画成的图表，在该图表中的每一个框都称为一个功能模块。 App交互设计流程-原型设计阶段4、信息架构图 信息架构属于用户体验的结构层，是产品的骨架。 App交互设计流程-原型设计阶段5、任务流程图 通过图形化的表达形式，阐述产品在功能层面的逻辑和信息。 App交互设计流程-原型设计阶段6、产品结构图 是综合展示产品信息和功能逻辑的图表，是产品原型的简化表达。 App交互设计流程-原型设计阶段7、线框图 页面线框图，是通过图形化的表达形式，阐述产品在页面层面的信息。 视觉设计阶段重点掌握： √第四部分次要掌握： App交互设计流程-视觉设计阶段视觉设计阶段交互设计师需要向视觉设计师介绍交互原型 视觉设计师可以通过全局通用说明，整理视觉规范，防止高保真制作时遗漏界面。 App交互设计流程-视觉设计阶段全局通用说明指整个产品可通用或者复用的元素。 App交互设计流程-视觉设计阶段常用控件将具有高度复用价值的控制整理在一起，方便及时调用。复用界面全局可复用的一些内页。 App交互设计流程-视觉设计阶段时间规范约定一个时间规范。平台不同格式会不同，我们会发现iOS是斜杠，Android是横杠，WEB是圆点的。 App交互设计流程-视觉设计阶段缺省页汇总一般包括加载失败、加载中、网络中断和无数据的空页面。 开发/测试/验收阶段重点掌握： √第五部分次要掌握： … …… …App交互设计流程-开发测试验收阶段 开发与测试验收阶段1、开发实现过程中，若遇到交互上的疑问，需要实时跟进、讨论、确定最终实现方案。2、测试用例编写时，测试人员可能会提出一些尚未考虑到的特殊操作场景。交互设计师需要补充相应的交互设计说明。