学院要闻

当前位置: 首页>>学院要闻>>正文

河北美术学院在线教学设计与实践案例-第十五周

2020年06月01日 16:57  点击:[]

课程名称:交互界面设计                                                                     开课院部:工业设计学院

授课教师:贾卫                                                                                     授课班级:18601班、18602班

授课日期:11-13周                                                                                授课方式:QQ群+云班课

 

一、线上教学思路

由于新冠状病毒疫情影响,交互界面设计课程开展线上无障碍沟通的教学模式势在必行。课前:在开课前一周就先测试学堂在线、中国大学MOOC慕课等多个网课平台以及直播授课平台,再选择QQ群和云班课同步授课。在开课前三天组织学生加入课程群组并通知大家安装相关的学习软件,做好课前学习的准备。课中:结合交互界面设计课程教学大纲、教学计划、教案、教学课件等内容,授课方式主要以QQ群分享屏幕直播讲授。分享中国大学MOOC慕课、我要自学网等网络平台中与本课程相关的学习资源辅助教学,授课中随机点名要求学生回答相关问题以此来掌握学生的学习情况;要求学生在云班课打卡签到、签退,同时在云班课上传与课程相关的文字资料,布置课堂作业。课后:运用QQ、云班课、微信等查看学生作业、为学生答疑解惑。

根据原有教学大纲要求,在保证教学质量的基础上做出教学思路的调整:

交互界面设计

界面设计基础

挖掘用户需求

交互与视觉设计

  界面设计概述

  界面设计目标

  用户需求

  研究数据分析

  确定产品定位

  设计信息架构

  交互界面设计

  确定视觉设计风格

  图标设计

  色彩设计

 

二、教学内容

 

交互界面设计课程是产品设计专业的基础课程之一,目的是研究“以人为本”的人机交互,有效地解决由于界面所带来的用户使用问题。任务是通过学习动机心理学和认知心理学,建立正确的认识论和方法论,通过设计调查建立用户模型,设计具体的技术方案并加以实施等具体实践环节,使学生更好地掌握在人机交互界面设计中的各个方面的知识与技能,并灵活运用,更好地培养实践能力,为今后的学习与研究打下坚实的基础。

课程从理解人的行为和文化情境出发,通过对人与人、人与产品及环境之间沟通与交流方式的设计,创造出新的生活、工作、学习与娱乐体验。课程的内容包括用户需求、研究数据分析、确定产品定位、交互设计等,讲授的设计方法包括用户体验地图、利益相关者分析、同理心地图、情景化叙事、服务设计蓝图、服务过程研究、设计原型制作与展示等。同时,通过移动APP产品设计项目实践内容的讲解,使学生加深界面设计的一般流程以及界面设计中需要注意的相关事项,从而更好地完成自己的课题设计。

 

(一)理论课程

教学进度、内容要求与课时安排:

课次

授课内容

具体要求

学时

1

界面设计基础

了解界面设计定义、界面设计流程;界面设计可用性目标、可用性设计原则

1

2

挖掘用户需求

了解用户需求;研究数据分析;确定产品定位

3

3

交互与视觉设计

了解设计信息架构、交互界面设计;

确定视觉设计风格;图标设计、色彩设计

9

4

移动APP产品设计项目实践

了解现有作品的优缺点

1

(二)实践课程

教学进度、内容要求与课时安排:

课次

授课内容

具体要求

学时

1

交互与视觉设计

掌握界面的设计原则,掌握图标的设计规范

10

2

交互界面设计制作

完成课程结课作业

24

 

三、教学实施过程

(一)教学手段选用

运用QQ群分享屏幕直播进行课程内容的讲授(图1),借助云班课上传课程资料,丰富课程资源,同时能通过云班课的学习数据掌握学生的学习、作业情况(图2、3)。

 

  •  

图1 QQ群分享屏幕直播讲课

 

图2 云班课学情分析

图3 云班课资源报告

(二)教学过程

1.课前:根据课表授课时间课前几分钟进行云班课签到(图4),签到结束后QQ群屏幕分享直播讲授(图5)。

图4 云班课课前签到

图5 QQ群屏幕分享

2.课中:开授新课前为学生讲解整门课程的授课计划以及课业安排,从而使学生对新课有初步的了解(图6);授课过程中根据授课内容与学生进行教学互动,要求学生在QQ群里进行回复,及时掌握学生的学习动态(图7-9);进行在线头脑风暴活动,调动学生学习的积极性(10-12);翻转课堂,让学生有参与感(图13-14)。

图6 授课计划

图7 教学内容

图8 教学互动

图9教学互动

图10 教学内容

图11 教学互动(头脑风暴)

图12教学互动(头脑风暴)

图13 翻转课堂

图14 共同讨论

3.课后:当天课程内容讲授结束后及时了解学生知识掌握情况,及时调整难以程度(图14、15);通过云班课、QQ、微信等软件上传课程辅助资料、课程签退、提交当天作业笔记、以及有针对性的对学生进行课下辅导(图15-25)。

图15 知识掌握情况

图16 知识掌握情况

图17 课程资源

图18 课程资源

图19 课堂笔记

图20 课堂作业

图21 微信答疑

图22 QQ答疑

图23 一对一分享屏幕答疑

图24 课程签退

图25 课外资料补充

(三)课程作业

课题背景:面对疫情而引发的生活方式的变化,日常的衣食住行等无法通过常规方式来实现,特别是本就依赖于他人照顾的病患、老人、孕妇、儿童。此外,由于隔离期间无法获得情感支持,负面情绪不断累积,“隔离不隔心”的人际关系和个人心理情绪都在接受疫情的考验,根据课题背景进行APP界面设计。

1.内容包括:产品定位、用户需求、信息架构、低保真原型设计、情绪板确定视觉风格方向;高保真视觉设计。

2.具体要求:

低保真交互设计18张;

高保真视觉设计25张;

运用PPT整合交互界面设计的思路流程(参照发送的课程案例),A4横排版,300dpi;

A3竖排版,300dpi,整合高保真和部分低保真(注意版式的设计)。

(四)课程成绩设置

总评成绩分为平时成绩、结课作业成绩两部分,具体分值如下:

总评成绩(100分)=平时成绩(40分)+结课作业成绩(60分);平时成绩(40分)=出勤(20分)+平时作业(10分)+课堂表现(10分)。

四、教学效果反馈

新型冠状病毒肺炎疫情使得我们居家隔离、自我隔离成为整个社会的常态。面对疫情而引发的生活方式的变化,日常的衣食住行等无法通过常规方式来实现,特别是本就依赖于他人照顾的病患、老人、孕妇、儿童。此外,由于隔离期间无法获得情感支持,负面情绪不断累积,“隔离不隔心”的人际关系和个人心理情绪都在接受疫情的考验。本次课程将这一主题背景引入教学设计中大大提升了学生学习的积极性,学生课题的方向比以往拓展了许多,学生开始对智慧交通、智慧医疗、智慧政务等领域进行设计思考。通过线上授课、云班课资料的补充,学生基本理解了交互界面设计的流程,掌握了交互组件、交互原型、交互方式、导航设计等交互界面设计的基本要素。

上一条:工业设计学院2020届线上优秀毕业设计展 下一条:河北美术学院在线教学设计与实践案例-第十四周

关闭