项目1 交互设计概述-备课笔记.docVIP

【认识交互设计部分】

项目一：交互设计概述

一、课程说明与要求

1.课程性质与考核方式说明

教师首先自我介绍。然后说明本课为考查课，平时成绩和期末成绩各占总成绩的50%，平时成绩主要通过平时作业（作品）的形式评定，还要兼顾考核出勤、学习态度、课堂表现等因素；期末考试是在课程的最后两次课采取限时命题创作的形式，全面考核课程知识的综合运用。

2.课程说明

《数字媒体交互设计》共分为网页交互设计、App交互设计、VR交互设计三方面的内容。

本课程是以理论为基础的实践导向型课程,所传达的课程内容围绕“以人为本”的设计原则，重点讲述人机交互的基本概念和重要意义以及发展历程、软件系统的人机交互设计原则和方法、网络系统的人机交互设计原则和方法、移动端应用人机交互技术、人机交互开发工具与环境等理论内容；简要介绍人机交互的认知心理学、计算机硬件的人机交互设计、人机交互技术的发展趋势,并培养学生利用交互设计工具制作做实际交互作品原型的能力。

3.组织签到及建立班级课程微信群

组织学生使用学习通进行签到。然后使用微信面对面建群，说明本群作为课程的相关通知发布、知识答疑和作品交流使用，同时欢迎同学们及时在群里反馈对课程教学方面的意见和学习感想，提醒老师及时调整适合同学们的授课方式。

4.工具材料准备说明

本课的实践技能训练阶段，需要同学在手机或者是计算机中下载好行业需求分析文档，教师将所需准备资料发到微信群中。

资料类型与名称

备注

行业需求分析报告文档

每个小组一份

二、学情分析与课程导入

1.学情分析

本课程授课对象为艺术专业学生，是在艺术专业中设立的一门逻辑思维较强的设计类课程，需要学生在学习过程中，对美术设计与逻辑设计内容进行一定程度上的融通。作为一门实践性较强的课程，针对学生对当前市场应用需求普遍认知不强，或有较多偏差的情况，强调进行引导教学，融入市场多元化理念。另一方面，学生对未来的市场应用有信心，对所选择的专业感兴趣，获取知识的主动性较强。

2.课程导入

在日常生活中，大家会频繁的面对各种网页操作或App操作，而这些应用中所体现出来的操作逻辑，动态效果，内容编排方式，则是影响用户对这些程序应用体验的全部因素；如何让用户感觉到一部应用程序的流畅、方便、清晰、高效、记忆深刻，则是我们这门交互设计课程的根本任务，本节课则是介绍网页交互设计中的基本流程，并了解一部网页是如何通过交互设计来满足大众的操作需求的。

三、理论知识讲解

（一）交互设计的基本概念

1.基本概念

交互设计可以用简单的术语来理解：它是用户和产品之间交互的设计。大多数情况下，当人们谈论交互设计时，他们讨论的产品往往是应用程序或网站等产品。交互设计的目的是提供给用户具有可用性的产品，来帮助用户实现其目标。

这个定义听起来很广泛，那是因为交互设计囊括了相当多的内容。交互设计通常涉及美学设计，动态设计，声音设计，空间设计等内容。当然，这些领域会交叠融合，因此我们可以说交互设计是一个跨学科领域的融合。

2.生活中的交互能量…………………【思政融入（从疫情防控，感受中国制度优势）】

用户与产品之间的交互需要在当前更加趋向于多线程，多维度，多情境，实时化这样的“三多一实”要素。在2020年我国的疫情攻坚战中，各大综合信息网站对疫情的防控情况进行了实时的数据发布，方便了广大群众的“了解”需要，同时也用多维度的交互设计呈现方式，清晰明了的向大家展现了我们在各个方面的战疫成果。这种实时性的动态资讯网站，在美术设计，交互心理设计，信息呈现设计等多方面都做了细致的考量。

【课后思考：第一，生活中的交互设计中，“便捷”与“全面”的关系；第二，广义的交互设计的含义。】

（二）交互设计的流程

1.设计流程环节

网页交互设计的工作，需要参与前期的需求分析、后期开发、测试验收等产品设计与实现的多个环节。

我们的工作流程如图中所示：项目立项后，需要进行产品分析包括需求和架构分析、根据分析做原型设计，通过评审后进行视觉设计；确认后，进入前端与后台开发，完成后进行测试阶段，直至产品最终上线；这是网页交互设计的一个流程；

产品最终是用户使用，那么用户的体验尤为重要，下面我们从用户体验的五个层面来进行重点讲解。

（三）开发人员配置.................................................................................【思政融入：团队协作的本质是共同奉献】

当我们开发一款产品时，通常都是由一个团队的成员共同完成，而团队的特点是以目标为导向，以协作为基础，需要共同的规范和方法，在技术或技能上形成互补。

团队协作的本质是共同奉献，这种共同奉献需要一个切实可行、具有挑战意义且让成员能够为之信服的目标。只有这样，才能激发团