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

【认识交互设计部分】

项目一：交互设计概述

一、课程说明与要求

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

教师首先自我介绍。然后说明本课为考查课，平时成绩和期末成绩各占总成绩的50%，平时成绩主要

通过平时作业（作品）的形式评定，还要兼顾考核出勤、学习态度、课堂表现等因素；期末考试是在课程

的最后两次课采取限时命题创作的形式，全面考核课程知识的综合运用。

2.课程说明

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

本课程是以理论为基础的实践导向型课程,所传达的课程内容围绕“以人为本”的设计原则，重点讲述人

机交互的基本概念和重要意义以及发展历程、软件系统的人机交互设计原则和方法、网络系统的人机交互

设计原则和方法、移动端应用人机交互技术、人机交互开发工具与环境等理论内容；简要介绍人机交互的

认知心理学、计算机硬件的人机交互设计、人机交互技术的发展趋势,并培养学生利用交互设计工具制作做

实际交互作品原型的能力。

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

组织学生使用学习通进行签到。然后使用微信面对面建群，说明本群作为课程的相关通知发布、知识

答疑和作品交流使用，同时欢迎同学们及时在群里反馈对课程教学方面的意见和学习感想，提醒老师及时

调整适合同学们的授课方式。

4.工具材料准备说明

本课的实践技能训练阶段，需要同学在手机或者是计算机中下载好行业需求分析文档，教师将所需

准备资料发到微信群中。

资料类型与名称备注

行业需求分析报告文档每个小组一份

二、学情分析与课程导入

1.学情分析

本课程授课对象为艺术专业学生，是在艺术专业中设立的一门逻辑思维较强的设计类课程，需要学生

在学习过程中，对美术设计与逻辑设计内容进行一定程度上的融通。作为一门实践性较强的课程，针对学

生对当前市场应用需求普遍认知不强，或有较多偏差的情况，强调进行引导教学，融入市场多元化理念。

另一方面，学生对未来的市场应用有信心，对所选择的专业感兴趣，获取知识的主动性较强。

2.课程导入

在日常生活中，大家会频繁的面对各种网页操作或App操作，而这些应用中所体现出来的操作逻辑，

动态效果，内容编排方式，则是影响用户对这些程序应用体验的全部因素；如何让用户感觉到一部应用程

序的流畅、方便、清晰、高效、记忆深刻，则是我们这门交互设计课程的根本任务，本节课则是介绍网页

交互设计中的基本流程，并了解一部网页是如何通过交互设计来满足大众的操作需求的。

三、理论知识讲解

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

1.基本概念

交互设计可以用简单的术语来理解：它是用户和产品之间交互的设计。大多数情况下，当人们谈论交

互设计时，他们讨论的产品往往是应用程序或网站等产品。交互设计的目的是提供给用户具有可用性的产

品，来帮助用户实现其目标。

这个定义听起来很广泛，那是因为交互设计囊括了相当多的内容。交互设计通常涉及美学设计，动态

设计，声音设计，空间设计等内容。当然，这些领域会交叠融合，因此我们可以说交互设计是一个跨学科

领域的融合。

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

用户与产品之间的交互需要在当前更加趋向于多线程，多维度，多情境，实时化这样的“三多一实”要

素。在2020年我国的疫情攻坚战中，各大综合信息网站对疫情的防控情况进行了实时的数据发布，方便了

广大群众的“了解”需要，同时也用多维度的交互设计呈现方式，清晰明了的向大家展现了我们在各个方面

的战疫成果。这种实时性的动态资讯网站，在美术设计，交互心理设计，信息呈现设计等多方面都做了细

致的考量。

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

（二）交互设计的流程

1.设计流程环节

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

我们的工作流程如图中所示：项目立项后，需要进行产品分析包括需求和架构分析、根据分析做原型

设计，通过评审后进行视觉设计；确认后，进入前端与后台开发，完成后进行测试阶段，直至产品最终