《交互设计》课件-3. 交互设计工作流程

交互设计项目一

交互设计概述·交互设计工作流程同学们，上一次课程理解了交互设计工作岗位及需要的设计工具，本次课程内容一起学习交互设计工作流程需求分析原型设计视觉设计开发/测试用户反馈输出内容用户研究文档、产品功能列表交互原型、交互文档完善交互文档全局通用说明完善交互文档解决开发问题用户反馈记录分析文档参与人员产品经理、产品设计师、交互设计师、客户/需求方交互设计师、客户/需求方产品经理、交互设计师、视觉设计师、客户/需求方产品经理、交互设计师、开发人员、客户/需求方产品经理、交互设计师1.交互设计流程介绍

交互设计流程包括需求分析、原型设计、视觉设计、开发与测试、用户反馈，每一个环节分别由产品经理、交互设计师、用户需求体验师、产品开发设计师等人员相互配合完成，由此体验团队协作的能力。需求分析、原型设计、视觉设计、开发与测试、搜集用户反馈1.交互设计流程介绍

需求分析原型设计通过视觉设计开发测试用户反馈设计规范设计评审设计评审通过NOYESNOYES具体流程如下，环节之间都需要团队进行设计评审，通过后才可以进入下一环节，不通过则需要返回上一个工作流程修改直至通过。下面我们一起来具体看看每个环节需要注意什么。01需求分析阶段需求分析阶段1.需求分析阶段需求分析是交互设计流程计划阶段的重要环节

分析App在功能上需要「实现什么」，而不是考虑如何去「实现」。需求分析的目标是把用户对待开发App提出的「要求」或「需要」进行分析与整理，确认后形成描述完整、清晰与规范的文档，确定软件需要实现哪些功能，完成哪些工作。需求分析是交互设计流程计划阶段的重要环节，目标是根据用户的要求、需要进行分析整理。1、用户研究报告文档

目的：通过用户调研，理性了解用户，根据他们的目的、行为和态度差异，将他们区分不同类型，分析出不同人群对产品的偏好和潜在需求，从而指导市场推广和产品设计。用户研究文档调研背景调研目的调研时间调研方法调研群体调研场景调研数据评估报告1.需求分析阶段在用户需求分析阶段我们可以通过分析与生成一个用户有研究报告来分析出不同人群对产品的偏好和潜在需求，从而指导市场推广和产品设计。用户文档设计内容包调研背景、目的、方法等。1.需求分析阶段2、产品功能列表

功能需求列表的价值：首先是帮助产品经理理清思路，其次帮助项目团队的其它成员了解产品功能需求。还需要理清产品功能，帮助产品经理理清思路，帮助项目团队的其它成员了解产品功能需求。3、场景故事板

目的：是让产品设计师在特定产品使用情境下，全面理解用户和产品之间的交互关系。1.需求分析阶段当然也可以利用草图绘制一些场景故事办，帮助产品设计师在特定产品使用情境下，全面理解用户和产品之间的交互关系。02原型设计阶段原型设计阶段2.原型设计阶段原型设计阶段

这个阶段交互设计师需要编写交互文档。也就是交互设计说明文档。英文「DesignRequirementDocument」，缩写「DRD」。这个阶段交互设计师需要编写交互文档，也就是交互设计说明，要掌握的内容涵盖全面，这里需要同学们有个初步的认识，在后面具体实践环节中会展开给大家做指导讲解与示范。2.原型设计阶段1、流程图的构成和符号2、业务流程图（泳道图）3、功能结构图4、信息架构图5、任务流程图6、产品结构图7、线框图在原型设计阶段大家要掌握的知识点包括了流程图、结构图、架构图、线框图的绘制。03视觉设计阶段视觉设计阶段3.视觉设计阶段视觉设计阶段交互设计师需要向视觉设计师介绍交互原型

视觉设计师可以通过全局通用说明，整理视觉规范，防止高保真制作时遗漏界面。视觉设计阶段则需要视觉设计师和交互设计师合作，根据原型图制作高保真页面。3.视觉设计阶段指整个产品可通用或者复用的元素。全局通用说明常用控件将具有高度复用价值的控制整理在一起，方便及时调用。复用界面全局可复用的一些内页。视觉设计师根据原型设计做一些视觉上的优化，包括产品元素色彩情绪、常用控件的整理和使用、以及界面设计的视觉规范等04开发与测试阶段最后开发与测试阶段4.开发与测试阶段…………

开发与测试验收阶段1、开发实现过程中，若遇到交互上的疑问，需要实时跟进、讨论、确定最终实现方案。2、测试用例编写时，测试人员可能会提出一些尚未考虑到的特殊操作场景。交互设计师需要补充相应的交互设计说明。3、测试用例评审阶段，需要确认所有的用例是否与交互文档一致。4、测试验收阶段，需要验收最终的效果，看与交互原型是否一致。这个阶段由程序开发设计师作为主，团队成员协作，在开发过程中遇到的设计说明、效果等是否与原型一致05用户反馈阶段当所有流程完成后就到了用户反馈与修改总结阶段5.用户反馈阶段

收集用户反馈

可用性测试方式1.在界面上放置一个「用户反馈」入口，让用户在遇到问题时，直接填写反馈信息。方式2.对于新产品以及改版，可以通过电子邮件、首页链接等方式主动发放调查问卷，收集用户意见。方式3.在线客服或是产品论坛等功能，也可以让客服把每天咨询最多的问题收集汇总给交互设计师让用户使用产品的设计原型或成品。通过观察，来直观的记录用户的感受和体验，从而改善及提升产品可用性的方法。可用性测试适用于产品发展的各个阶段，包括前期设计开发阶段到后期优化改进阶段。做可用性测试价值在于能够在不同的阶段更加高效的发现问题，从而提高问题解决效率。这个阶段投放产品使用阶段，可设置一个「用户反馈」入口，让用户在遇到问题时，直接填写反馈信息等方式，测试产品的可实用性。并根据反馈进行修改，这个反馈与修改的过程持续到到产品上线或停止时。重点掌握：1、交互设计流程介绍；2、各个阶段不同的内容（需求分析阶段、原型设计阶段、视觉设计阶段、开发与测试阶段、用户反馈阶段）；问题：结合专业