第二章2-网页交互设计规划-思维导图工具XMind-教案.doc

序号：04 课程 数字媒体交互设计 系部 数字艺术系 任课教师 张靖瑶 课题名称：web产品交互设计开发前期： 学习任务二 网页交互设计规划-思维导图工具XMind 内容提要与时间分配： 一、课程说明与要求 1.课程说明 （ 3分钟） 2.工具材料准备说明 （ 2分钟） 二、学情分析与课程导入 （ 2分钟） 三、理论知识讲解 1.思维导图软件XMind的介绍 （ 5分钟） 2.XMind思维导图的作用和特性 （ 5分钟） 3.XMind软件的操作 （10分钟） ……重点 4.如何绘制信息架构图 （5分钟） ……难点 四、实践技能训练 1.xmind软件的基本工具使用 （15分钟） 2.使用xmind绘制产品信息架构图【思政融入】（25分钟） ……难点 五、课堂总结 （ 3分钟） 六、课后思考 （ 5分钟） 注：共计2学时 教学方法：讲授法+案例法+实训指导 说明：教案按每个授课单元或根据授课特点按章节进行设计。 教学目的与要求 1. 了解思维导图在设计工作中所起到的作用与特性 2.掌握思维导图具体制作方法 3.使学生掌握在web交互设计前期绘制信息架构图的重要性 授课班级 授课日期 节次 与难点 教学重点 教学重点：xmind软件的基本操作、扩展功能如：插入图片及超链接等；包括在项目管理中的应用。 教学难点：运用思维导图软件绘制信息架构图，首先要掌握绘制的要点，考虑对产品信息的内容在交互上的丰富度，并进行梳理和优化，使架构图看起来调理清晰。 授课地点 授课方式与 授课方式：理论讲授、实训指导 授课地点： 参考资料 使用教材及 教材：《交互设计：设计思维与实践》由芳，王建民编著，电子工业出版社 资料：教学课件、案例 及作业题 复习思考 1. 从现实生活中的各类网页中分析信息架构的构成 2. 尝试使用xmind思维导图工具将看到的网页的信息架构绘制出框架 习要点 下次课预 预习和思考网页交互设计中原型设计阶段的流程图的介绍 学效果分析 实施情况及教 【此处内容须为课后手写，内容参考如下】 本次课按计划实施教学，教学内容充实，结合设计案例讲授理论知识，学生理解较好。通过作品分析训练，学生能很好地理解思维导图的作用和特性；通过引导学生对网页交互设计中的信息架构进行图形化表达，强化学生参与性和感受力。在实践环节，通过有针对性地指导，学生能够熟练的使用xmind工具并应用到网页交互设计上。综上，通过本次课的教学，学生针对思维导图有了初步的认识，能从满足需求设计的角度去认识网页交互设计前期信息架构的工作，并能将所学的知识完整表达、灵活运用到实践中，达到了本课的教学目标。 教研室主任审核： 年 月 日 说明：教师备课笔记附后。