交互设计教学
第1篇:交互设计_教学大纲
教学大纲(2013-2014学年第一学期)
课程名称: 交互设计 课程代码: GC2012计划学时: 34 学分: 2程性质:专业、选修 面向专业:数字媒体技术(移动互联网游戏
开发)课程负责人:
一、课程的性质、地位和作用本课程是理论实践课程,所教课程围绕“以人为本”的设计原则,重点讲述人机交互的基本概念和重要意义以及发展历程、软件系统的人机交互设计原则和方法、网络系统的人机交互设计原则和方法、人机交互技术与设备、人机交互开发工具与环境,简要介绍人机交互的认知心理学、计算机硬件的人机交互设计、人机交互技术的发展趋势,并培养学生利用网络交互设计制作做实际作品的能力。二、教学目的和要求1.掌握交互设计及其软件的基本概念、基本结构、工作原理及设计方法,最终了解和掌握其工作原理,具有初步的设计能力。2.学会使用设计类工具分析、设计,通过全面培养学生的分析、设计、开发、使用能力,提高学生分析问题、解决问题的自主创新能力。3.通过“课程实验——实验课程——设计训练”循序渐进的训练,锻造学生的数据系统分析、设计、实现能力。
三、课程的主要内容,课程内容的深度、广度、重点、难点第一部分:理解目标导向设计第一章 交互设计概论1.1什么是交互设计1.2 提出交互设计的背景1.3交互设计和周边学科第二章 基于UCD的用户需求研究2.1 UCD的基础设计理论2.2心理模型和实现模型2.3用户研究:理解用户需求及搭建用例图第三章 提供高效能和愉悦3.1设计体贴的软件、设计智能软件3.2改进数据检索,改进数据的输入3.3为不同的用户需要进行特定设计第四章 设计模式应用及细节应用4.1外观设计4.2隐喻—图标的外观设计内涵4.3习惯用法和启示。第五章 交互细节:鼠标及其操作5.1直接操作和定点设备5.2鼠标的选择和拖放5.3操作控件5.4对象及链接5.5思考如何精确定位鼠标第六章 控件及其行为6.1窗口行为6.2使用控件6.3菜单及使用菜单6.4使用工具条和工具提示6.5使用对话框6.6如何设计优质对话框
四、课程的主要实践教学环节主要实践教学环节分课堂和课后的设计两部分,并且进行分组作业,以任务为驱动,来学习交互设计中一些原则,根据所学的原则应用到实际的制作软件或者相关作品之中。
五、课程的主要教学方法与手段的考虑作为一门综合实践性课程,在内容上应该以实际的应用为目的,学习的东西都是为了实现课程最终要制作的软件。另外,本课程也是以提高学生的能力为目的的,所以在教学过程中,要注意引导学生思考,即提出一个问题,先让学生考虑怎样去实现。教学时,知识的传达在课堂上以课件的格式演示,同时辅之以案例演示说明。并在课后放到网上供学生浏览。具体如下:1、理论讲授与案例教学法:在对本课程基本理论和基本知识进行讲授的同时,结合具体的编程的典型实例,以帮助学生深化对理论知识的理解和认识,同时也有助于提高学生分析和解决问题的能力。2、启发式教学:在教学过程中,通过设疑问、提问题等方式,吸引学生的注意力,启发学生积极思考,增强学生对该课程的兴趣,加强师生的互动和提高学生在学习过程中的参与程度,以足部培养学生分析问题的能力。同时通过提问和讨论,也能了解学生的学习状态,以便在下一阶段的教学中采取针对性地措施进行教学。3、小组讨论:引导学生对实例进行分析、讨论和争论,从而引导学生的深层次的思考。4、团队合作:把学生分为若干小组,按照项目的需要分配任务到人。六、课程的考核方式、方法课程采用期末成绩与平时考勤考查相结合的考核办法。项目结果成绩占70%,平时成绩占30%,详细如下:考核内容考勤
学习目标
准时到课堂,不影响其他人,准时离开课堂。
参加课堂讨论并积极发言,对老师的提问主动回答,回答内容逻辑性强,表达清晰。
作业分为两次,一次作业满分7分,另一次8分。要求按时交作业。在IOS程序中使用数据存储技术来处理程序运行中的技术。
分数10
百分比10%课堂表现1010%作 业1010%期末考试7070%
本课程的考核要求和方式详见《考核大纲》。
七、课程的学时分配
第一章第二章第三章第四章第五章第六章交互设计概论基于UCD的用户需求研究
内容
理论学时
2222221
2实践学时
24444624提供高效能和愉悦设计模式应用及细节应用交互细节:鼠标及其操作控件及其行为
总计
八、本课程采用的教材、参考书教材: 1、《交互设计》 作者:黄琦、毕志卫,浙江大学出版社
参考书目:1:Alan cooper 《交互设计精髓》
第2篇:设计鼠标交互教学设计
第四课 设计鼠标交互
武安市十一中学杜海洲
一、课例描述
《设计鼠标交互》是河北教育出版社和河北教育音像出版社出版的《信息技术2》第一单元“第四课”所涉及的内容。
教学对象是初中二年级学生,他们已经过一段时间的学习,基本掌握了flash的基本知识和操作技能。但对于大部分学生来说,还没有真正地把信息技术知识和所掌握的关于flash操作的基本技能应用到实际问题中。故组织该项活动旨在让学生在flash制作的过程中去发现操作中还存在的问题,以期进一步学习;同时,能够利用所学信息技术知识应用于实践问题的解决与表达,能够充分利用远程教育资源获取信息。
二、教学内容分析
《信息技术2》第一单元第四课所涉及的是集成flash各种操作的内容。学生不但要学会如何使用flash这个软件,还要学会制作多媒体课件,通过制作课件更好地掌握flash软件的各种使用技巧。
教学目标:
【知识与能力领域】
(1)能综合运用flash的知识和操作技能创作一份多媒体课件
(2)认识flash动作脚本是实现flash动画交互性的重要工具
(3)能利用网络资源进行信息获取、加工整理以及呈现交流
【感情领域】
学会综合运用信息技术的知识与技能解决实际问题,激发学习信息技术学科的兴趣。
【发展领域】
(1)掌握协作学习的技巧,培养强烈的社会责任心,学会与他人合作沟通。(2)学会自主发现、自主探索的学习方法。
(3)学会在学习中反思、总结,调整自己的学习目标,在更高水平上获得发展。
三、教学重点、难点
重点:多媒体课件的设计与设计思想的体现(制作)难点:动作脚本AS的灵活使用
四、教学策略(解决的方法)(1)组成合作学习小组:从第一节课开始,教学中即要求学生组成了2人的小组进行协作学习,小组内成员较为熟悉,并逐渐适应协作学习,但协作学习的技巧、与他人的沟通能力还有待进一步提高。在教学过程中,教师要实时监控学生的协作学习情况,并组织成果交流会,让学生交流学习心得与体会,使小组的协作学习走向成熟。
(2)以“任务驱动式”为教学原则,确定协作学习的内容: 围绕任务把各教学目标和内容有机地结合在一起,使学生置身于提出问题、思考问题、解决问题的动态过程中进行协作学习。学生通过协作,完成任务的同时,也就完成了需要达到的学习目标的学习。
五、教学准备
搜集、保存制作课件需要的文字、声音、视频、图片等素材,包括格式为ASF的“题西林壁”视频文件。
六、教学过程和设计思路
(一)任务分析
设计制作“古诗二首”多媒体课件,把诗文朗诵、背景音乐、动画画面、字幕和交互控制按钮有机结合。指导学生分析课件(包括用到哪些素材、设计什么按钮、需要几个场景等)
(二)素材准备
以小组为单位分工合作搜集、保存制作课件需要的文字、声音、视频、图片等素材,包括格式为ASF的“题西林壁”视频文件。
(三)设计主界面、制作动画 (1)主界面
新建Flash文档,建立“标题”、“按钮”“背景”三个图层,分别加入课件标题、两个按钮好背景。美化背景,使背景能很好的衬托课件标题。
(2)制作动画
制作《游山西村》和《题西林壁》动画(3)添加脚本实现交互
在每个场景添加一个层,命名为“AS”,选择最后一帧将其转化为关键帧,打开动作面板输入脚本:stop()控制动画停止。
在主界面的两个按钮分别添加动作脚本实现跳转
给“播放”按钮添加动作脚本实现播放、停止、重放、返回功能
(四)检查、调试脚本
在动作面板中使用“语法检查”工具,检查动作脚本中的语法错误,如果有脚本错误,将显示在输出面板中,修改脚本。反复检查、调试,直至确认脚本正确。
(五)小组展示
各小组把自己的作品通过网络教室软件展示给其他小组,教师给予评价。
七、教学过程流程图
本次教学的流程可归纳为5个步骤:
任务分析——素材准备(课下)——制作动画——成果交流——教师、学生评价、板书设计:
第四课
设计鼠标交互(制作多媒体课件)
一、素材的取得途径
1、图形图像的制作途径
2、声音的制作途径
3、视频的制作途径
二、制作过程中要注意以下三点:
1、制作过程应严格遵循多媒体制作流程。
2、多媒体是准确的科学内容和鲜明完整的艺术形式的作品。
3、设计思路以简要明快、功能齐全为基调
一、注意以下三点:
1、制作过程中应严格遵循多媒体教学软件制作流程。
2、多媒体教学软件不是教材的翻版,而是一个丰富、准确的科学内容和鲜明完整的艺术形式的作品。
3、设计思路以简要明快、功能齐全为基调
二、素材的取得可以通过多种途径
1、图形图像的制作途径
2、声音的制作途径
3、视频的制作途径
第3篇:教学交互
论教学交互
摘要:教学中的交互现象是教学活动的基本特征之一。研究教学交互的规律对教学活动,特别是对以计算机为基本教学媒体的教学活动具有十分重要的意义。本文从教育传播的角度对教学交互现象的本质和特征进行了探讨,通过对各种型态的教学活动中的交互现象的分析,得出了设计教学交互的一般性原则。
关键词:教学交互本质特征设计原则
中图分类号:G434
交互(interactive)原本是一个计算机术语。指系统接收来自终端的输入,进行处理,并把结果返回到终端的过程,也即人机对话。交互是计算机赖以工作的基础,没有交互,计算机便无法完成哪怕是最基本的工作。交互性成了计算机区别于其它媒体的最基本特征之一。所以在计算机辅助教学中,把交互性列为最重要的一种特征,近来又形成了一个所谓“交互式教学”的概念。以致造成了一种误解,以为只有在计算机辅助教学中才存在着交互,才需要交互。实际上,从传播学的角度看,交互是传者与受者双方的信息交流,因而在各种形态的教学活动中都存在着交互,交互其实是教学活动最基本的特征之一。只是在不同的教学形态中,交互所呈现的方式和特征有较大的差别而已。由于各种教学模式所依据的学习理论和教学理论不同,因而对交互的要求不同,交互在教学中所起的作用当然也不同。在以建构主义和认知理论为基础,以计算机为基本教学媒体的现代教育技术中,由于强调和重视学生的“学”在教学过程中的地位,因而教学交互的意义和作用就显得更为突出。对教学交互的深入研究就更具有现实的意义。
一、教学交互的本质特征
如前所述,从传播学的角度来看,交互是传者与受者双方的信息交流。所以教学交互的本质是教学信息在教与学二者之间的双向流动。这里所说的教学信息包括二大类信息:一是知识信息,也就是教学所涉及的学科内容,二是状态信息,就是关于教学情况的信息,包括教与学双方的反馈信息,其中最主要的是评价信息,也就是所谓的KR(knowledgeofre_sults)反馈信息。从信息流动的角度来看,教学信息有二个明显的特征:一是信息量严重的不对称,即从传者流向受者的信息量远大于受者流向传者的信息量。这一点,对远程教育设计与实施交互的影响非常之大,是一个必须认真考虑的因素,将在下面详细讨论。二是信息流向复杂。在一般的传播过程中,信息的流向有二个:一是从传者到受者,这是主要传播信息的流向;二是从受者到传者,这是反馈信息的流向。而在教学系统中,除了上述二者之外,还有一个KR信息的流动,它是从传者再到受者的。学习的一个重要之处,就是学生必须要知道学习的结果。因而对学习者来说,这第三句的信息就显得特别重要,学生要根据KR反馈信息来确认自己的学习结果,从而导致认知结构的变化,建立起新的认知意义来。所以这KR反馈信息的流动,就成了教学传播过程区别于一般传播过程的最明显的特征。它也是教学交互的最关键之点。这一点对计算机辅助教学的教学设计有着直接的意义。
二、教学交互的目的与作用
在不同形态的教学活动中,教学交互的方式方法千差万别,但其目的却都是一样的,即调动学生参与教学的积极性和学习的主动性。按照建构主义学习理论,学习的过程是学生通过环境的作用建立新的认知结构和认知意义的过程,因而学生对学习的态度是教学过程中非常重要的因素。教学的关键,就在于教师根据学生的学习需要,采取各种有效的方式方法,去引发学生的学习兴趣,激发学生的学习动机,激励并保持学生学习的主观能动性。无数的教学实践也证明,能有效地调动起学生的学习积极性,是教学成功的最可靠保证,而交互则是诱导学生的学习兴趣,激发学生的学习动机,启发学生积极思维的最有效手段之一。
在不同形态的教学活动中,教学交互所起的作用有很大的不同,总体上可以归纳为以下几点:
1、通过交互维持教学活动得以一步步正常进行。这一点在计算机辅助教学中表现的最为突出。如前所述,交互是计算机得以持续工作的前提,在CAI的课件设计中,大量的交互,如上下页的翻页,菜单的提示,对话框等往往并没有实际的教学意义,而只是为了使教学活动能沿着事先设计好的步骤一步步展开;
2、交互可以集中学生的注意力,诱导学生的积极思维,调动学生参与教学的主动性,从而促进教学目标的实现;
3、通过交互教师可以及时掌握学生的学习情况,从而对教学进行必要的调控;
4、通过交互学生可以及时了解自己的学习结果,对下一步的学习作出必要的调整;
5、交互可以强化教师的教学行为,加深教师对教学活动的参与程度。在课堂教学中,教师频频发问,并希望立刻听到学生的回答,这种交互方式在一定程度上,起到了强化教师立场的作用。在1998年召开的内地与香港教育技术理论研讨会上,香港教育传播学者任伯江先生在作学术报告时,一再表示希望立刻听到台下听众的回声,无论是赞同的掌声还是反对的声音。结果是台下听众热烈的反应反过来强化了演讲者的立场,任先生更加神采飞扬,演讲取得了很好的效果,给听众留下了深刻的印象。这个例子说明交互对教师的教学行为有很好的强化作用。同时由于交互的存在,教师必须更加关注学生的反应,不能眼空无物地自顾自完成既定的教学进度,从而加深了教师参与教学过程的深度与广度。
上述五点不过是一个综合的归纳,在不同的教学形态中,教学交互的作用呈现出很大的差异,需要针对具体情况进行具体分析。
三、教学交互的分类
从参与交互的对象来分,教学交互可以分为三大类:
1、“人人”交互。在传统的教学模式中,特别在课堂教学中,参与交互的对象是教师和学生。由于参与交互的对象是活生生的人,因而这类交互具有灵活机动,形式多样,生动活泼的特点,而且由于师生的情感交流,这类交互对教学效果所起的作用,往往是其它类型的教学交互所没有的。在群组学习中,“人人”交互还包括学生与学生之间的交互,当然,师生之间的交互和学生与学生之间的交互在作用与效果上有很大的不同。
2、“人机”交互。这类交互主要是指学习者和作为媒体的计算机之间的交互。“人机”交互是计算机辅助教学的基础,也是计算机辅助教学最基本的特征之一。
3、“人机人”交互。这种交互多见于远程教育,其特点是教师与学生在空间上远离,教学信息都必须通过媒体远距离的传输,这种交互不同于“人机”交互,由于媒体的居间,师生之间不仅在空间上是远离的,而且在心理上也是拉开距离的。尽管在通信与网络技术的支持下,现在已经有多种方式可以实现“人机人”交互,但实际上人们还没有找到一种最好最合理的方式,有些方式在技术上可行,但从教学的角度看未必管用,一切都还探索之中。
从交互发生的时间来分,教学交互可以分为二类:
1、实时交互。交互在教学过程中随时发生,与教学同步;
2、非实时交互。交互滞后于教学过程,与教学不同步。
在计算机辅助教学中,教学交互基本上是实时交互,而在传统教学和远距离教学中,既有实时交互又有非实时交互。一般来说,实时交互可以取得较好的教学效果,因而实现实时交互是各种不同类型的教学方式都努力追求目标。
四、教学交互与教学调控
从控制论的角度来看,任何一个教学系统,都应该是一个可控的闭环系统。因而反馈信息对保证教学系统的正常运转,最大限度地实现既定的教学目标有着十分重要的意义。教学交互所传递的信息中对教学调控起重要作用的正是这必不可少的教学反馈信息,如前所述,教学反馈信息有二个流向,一是从学生流向教师,这是学生对教师所发信息的回应,这一反馈信息是教师调控教学的主要依据;二是从教师再流向学生,这是教师对学生的回应的回应,即所谓KR信息,它包含了更多的对学生学习结果的评价信息,这一反馈信息对学生的下一步学习有着十分重要的意义。在传统的教学模式中,调控教学的责任主要在教师,教师对第一种流向的反馈信息比较重视,学生由于处在比较被动的地位,KR反馈信息的作用往往发挥的不够充分,在很多时候它反而成了评价教师教学水平的依据。在计算机辅助教学中,教学反馈的定义与传统教学中的定义稍有不同,在CAI中,把计算机针对学习者的回答所给出的信息称之为反馈。这在很大程度上是由于调控教学过程的任务落到了学生肩上,学生由被动学习者变成了主动学习者,计算机针对学生的回答所给出的反馈信息其实就是前述的KR反馈信息。学生要根据这一信息来决定下一步怎么学,学什麽,同时这一信息包含着对学生学习结果的评价,因而对调动和保持学生的学习积极性和主动性的作用非同小可,所以对CAI来说,教学交互是至关重要的。交互的设计往往成了教学成败的关键。
五、不同形态的教学活动中教学交互分析
1、以课堂教学为主的传统教学
在课堂教学中,由于教学主要是以教师讲,学生听的方式进行,除了教师提问学生回答这种语言的交互之外,教学交互的主要形式是体态语言的交互和师生感情的交流。教师和学生的表情,点头、摇头、微笑、眼神,无一不传送着肯定、否定、听懂、没听懂、有疑问,会意等丰富的教学信息,善于察言观色的教师,会及时捕捉这些信息进行教学调控。教师和学生双方的感情交流,是调动学生的学习积极性和主动性的主要因素,而且这种交流是一种互动,对教师的教学行为也起到了强化的作用,这就是所谓的教学相长。我们在电视教材的制作中就发现,教师如果只是对着摄像机而下面没有学生,那他是无法讲课的,就是这个道理。掌握了课堂教学艺术的教师,通过这种交互可以把课堂教学气氛搞的非常热烈,收到非常好的教学效果。这种面对面的交互是课堂教学最具魅力的地方,所以,在现代远程教育中,把实现面对面的交互作为一个重要的研究目标,看来是有其合理性的。在课堂教学中,这种体态语言的交互和师生感情的交流,是一种实时交互。这种交互的存在,说明在课堂教学中,教和学是同时发生的,所以把课堂教学理解为单纯的灌输,是片面的。从教学交互的角度看,体态语言的感情交流所传达的教学信息比较含糊,不是很明确,因而这种交互具有某种程度的模糊性。在课堂教学中,教师面对的是一个班的学生,他不可能过多地和某一个学生交流,所以,从整体上说,课堂教学的交互性比较低。但这并不意味着课堂教学只是一个单向传输知识信息的教学形态,在现代教育思想和教学理论的指导下,经过精心设计,课堂教学也可以做到有较多的教学交互,这其中的关键是要加强教师对教学过程的参与程度。也许有人会问,教师已经是课堂教学的主导了,还有什麽参与课堂教学不足的问题?事实上,那种不管学生的反应自顾自一口气讲下去的课堂教学屡见不鲜,不把课堂上的教和学作为一个整体来对待,把课堂
仅仅作为教的场所,把学生只当作一个知识的容器,这样的教学,教师其实已经把自己置身于教学过程之外了。当然这只是一种极端的情况,但要加强课堂教学中的教学交互,主要要靠教师的主动参与和精心设计,则是毫无疑问的。在课堂教学之外的教学交互,主要有答疑、质疑、作业批改、测验、考试等。答疑质疑是面对面的实时交互,效果比较好,作业批改、测验、考试等则是非实时的交互,这种交互不可能和教学完全同步,但如果间隔时间过长,则交互效果就比较差,即便是发现了存在的问题,也可能已成昨日黄花,于事无补了。
2、计算机辅助教学(CAI)
在计算机辅助教学中,教学交互是典型的“人机”交互,但在不同的运用场合,情况有很大的不同。在助教型CAI中,人机交互主要发生在教师和计算机之间,且交互主要是程序性的交互。其它则和传统的课堂教学差别不大,当然由于计算机的参与,教学将更加生动活泼,效率也将大大提高,教师也将会有更多的时间和机会与学生进行更充分的交流,所以教学交互的效果较之于传统的课堂教学有很大的提高。在助学型CAI中,交互发生在学生和计算机之间,这是最典型的人机交互,而且是实时交互。我们通常所说的交互式教学,指的就是这种情况。由于学生真正成了学习的主人,调控教学的责任和交互的主动权都交给了学生自己,因而学生学习的主动性和积极性都将得到极大地发挥,学生将会找到完全符合自己条件和需要的学习内容、学习进度和学习方法,学生将会学的更快、更好。然而这一切仅仅是一种理想化的状态,实践告诉我们,能否达到这种理想化的状态,关键在于课件的设计,而交互的设计则是其中最重要的一环。交互的设计主要应考虑的是如何通过交互来调动和保持学生的学习主动性和积极性,如何促进学生的积极思维。我们在实践中发现,学生对着计算机学习,在最初的新鲜感消失后,容易产生厌倦的情绪。而这和交互的设计有很大关系。一方面,由于计算机的智能化程度不够高,因而交互显得比较笨拙,不如“人人”交互灵活机动,另一方面,计算机只是模仿了教师的部分教学功能,不可能取代教师,人机交互缺乏师生间的感情交流,是一个明显的缺陷。计算机显示的信息,都显的很“中性”,即便是肯定的评价,也是冷冰冰的,很难激起学生成功的喜悦。因而,如何通过交互界面的设计,应答方式的设计,经常不断地给学生以新鲜感,调动并保持学生的学习主动性和积极性,是交互设计的重大课题。在这一方面,我们似乎应多借鉴一下游戏软件的设计思想。在交互设计中,还有一个重要的问题,就是交互的频度。我们在计算机辅助教学中,经常发现,学生学得似乎比较快,但忘得也很快。原因很复杂,但主要恐怕是二个:一是信息量过大。计算机能够储存并在短时间内输出大量信息,这是其优点,但教学对信息的要求是少而精,并不是信息越多越好,如何处理好信息量与少而
精的关系,是计算机辅助教学必须要注重的一个问题。二是交互过于频繁。从信息加工的角度看,遗忘得快,说明所学的知识只是表面上学懂了,尚没有从短时记忆转移到长期记忆。知识信息从短时记忆向长期记忆的转移并不是简单的移动储存位置,而是一个信息加工的过程,新的知识信息与原有的认知结构相互作用,同化或者顺化,从而建立起新的认知结构和意义。这实际上是一个积极思维的过程,需要有一定的时间间隔。如果交互过于频繁,在短时间内,提供了大量的知识信息,学生根本来不及消化,而短时记忆的容量有限,遗忘是必然的。更何况学生如果只是跟着计算机沿着教师事先设计好的思路一问一答评价地一步步走下去,没有机会进行积极的思维,新的认知结构建立不起来,教学效果就可想而知。根据麦克卢汉“媒体是器官的延伸”的观点,计算机可以看作是人脑的延伸,但它不可能完全取代人脑的记忆功能,更不可能代替人思维。所以,交互并不是越多越好,也不需要对学生的每一次回答都作出评价。还有一个问题,就是导航策略的运用。学生要学的内容,必然是他不懂或不熟悉的东西,往往抓不住重点,不知道下一步该学什么,尤其是面对超文本结构的多媒体课件,学生经常会处在十字路口,面临何去何从的选择,迷航是必然会发生的,所以导航策略的运用就显得非常必要。笔者曾看到一个课件,层层设置热字,甚至热字里套热字,其原意是为学生提供帮助,解答疑难,但由于设置不当,结果学生在热字的引导下,很快就偏离了主航道。导航策略的运用,必须以保证教学过程始终能沿着主航道前进为原则。
3、远程教育
远程教育是一种教育模式。其最大的特点是教与学在空间上远离,但从教学的角度看,这也是其最大的弱点。远程教育的教学模式有多种多样,教学交互也是各有特点。在上个世纪远程教育的主流是广播电视教育,教育规模可以扩的很大,但教学信息是单向传输的。教与学缺乏直接的交互,教师与学生更谈不上感情的交流,跟着电视学习,学生的学习主动性和积极性难以发挥,所以有一个时期电大的教学实际上是以教学点的面授为主要形式的,严重地走样了。互联网出现之后,网上教学开始兴起,网上的教学交互也比较容易实现,如通过电子邮件,电子公告牌,www.xiexiebang.computer Interaction Second Edition》,迪克斯(英),电子工业出版社,2003年版。
六、课程所需设备
多媒体教学系统、数据手套、android平板电脑。
第5篇:交互设计档案
交互设计师的基本素质
首先,谈谈我个人对交互设计师基本素质的看法。从我个人的理解来看,可以简单归纳为九字诀:“听、看、想、说、磨、做、验、写、讲”(如图1.1)。
图1.1 1)听:做一个交互设计师,最重要的一点就是要懂得倾听(这里蕴藏了一个隐晦的性格属性:谦虚!)。通常情况下,我们不是用户,所以很难 100%代表用户,更左右不了老板,所以我们首先要有听的本事,把来自用户的、老板的、PD的、视觉的、前端的、开发的、测试的、市场的、业界的等各方面的声音都听过来,听进去。
2)看:99%的情况下,交互不是一蹴而就的创造工作,它是站在前人肩膀上不断迭代更新的行为过程。我这里指的“看”是要求设计师能博览、能泛猎,看到好的,见过差的,什么都略懂,交互才能变得很美„„
3)想:交互是思考的输出产物和表现形式。当设计师将之前听到的和看到的内容在头脑中加以整理、分析,经过发散的创造性碰撞和严谨的逻辑论证后,逐渐得到了相对靠谱的交互产物。这个思索分析的过程贯穿于交互设计工作流程的每个环节。
4)说:一个能说会道的人不一定是一个优秀的交互设计师,但一个优秀的交互设计师必然是一个善于准确表达自己想法和观点的人。在这一点上,我坚持交互是一门分享的学科,需要的是开放的性格和良好的沟通技巧。
5)磨:耐心、技巧、热情的综合表现。在一个项目的进程中,不可避免的会面临很多的挑战,优秀的交互设计师善于发挥“磨”的精神,他们怀揣对交互专业的无比热情,以无所不用其极的技巧,耐心的缠死一个又一个质疑方,最终让大家认同并帮助推动设计的实现。通常来说,一个优秀的交互设计师会是一个优秀的Idea推销员。
6)做:交互设计师专业度的核心表现。俗语说得好,是骡子是马,牵出来遛遛。对于交互设计师来说,之前的环节做得再好、再完美,也只是停留在设计师自己的脑子里,游荡于听众们的耳膜间。如果理论落实不到实际,那所有的想法都只是空中楼阁,你之前所有的努力都只是在佐证你的空泛和不切实际。所以我们不仅要能 “做”,更要“做”得漂亮,“做”得完美!我一直都是这样认为:“做”决定了一个交互设计师是不是靠谱,决定了一个交互设计师的高度,是一个交互设计师最根本的专业素质。
7)验:用户体验设计,最终是要落实到用户的身上的。客观中立的验证、分析、评估能力是一个优秀交互设计师的重要素质。无论个人还是团队,设计的成果都需要通过精准的测试才能算得上合乎标准,此时,一颗平常心和一双敏锐的眼睛是设计师最需要的。
8)写:分析、归纳和总结能力的综合表现。一个项目,无论成功还是失败,总是有很多地方值得设计师本人或后来人借鉴。交互设计之路不是一座苛求零失误的独木桥,但绝对是一条要求零“重复”失误的单行线。评价一个设计师的专业度,很重要的一环就是看他能不能多犯前人从来没有犯过的错误,并能有效总结给后来人。于是,他就成了大家,路就这样被趟了出来„„
9)讲:演讲能力。这里所指的是在项目后期进行的交流分享。一个专业的交互设计师会站在宏观的高度上,以平和的心态同他人沟通,验证自己先前设计的合理性、全面性和科学性,更好的提高自己的专业能力,为今后的交互设计做好准备。
·交互专业度的具象化表现
刚才讲了很多,但总体来说还是偏理论,还是让人摸不着头脑,虚幻的概念最大的优势在于它的颠簸不破和四平八稳,谁也揪不住它的小辫子。但这不是我的风格,更不是我写这篇文章的初衷,我希望的是抛砖引玉,给大家带来一些真正意义上能直接使用的东西。所以,接下来,我们来些“干货”,玩点简单粗暴的„„
图1.2
根据阿里巴巴目前的产品开发流程(如图1.2),交互设计是大环节中的一个小点,抛开杂乱的干扰信息,单纯考量交互设计师在过程中的参与度,我们就能得到一个理想化的交互设计行为流(如图1.3):
图1.3 流程没什么好讲的,更没什么好争辩的,无非也就是增加一个、减少一个、偷换概念、细分归纳之类的忽悠。我这里想和大家分享的是流程中每个环节的专业输出物,我有一个激进的想法:如果某人能精准的完成某些公认的标准化输出物,那他99%可以被称为是一个“专业”的75分交互设计师了,剩下的 1%,也许是拼RP„„
这里,我先简单交代一下即将涉及到的流程节点、对应输出物的图形色块的代表含义。
1)流程环节说明(如图1.4):
图1.4 2)流程环节各输出物说明(如图1.5):
图1.5 在我看来,一个专业的交互设计师,在一个理想化产品设计的过程中,有一些是属于必须的输出物,有一些属于最好有(推荐)的输出物,还有一些属于可有可无的输出物。同时,根据项目的实际情况和参与角色的分工情况,存在一些交互设计师可能需要负责的输出物,具体细节我将在下面逐一介绍。1)需求获取阶段:
此阶段通常来说会由PD等外部资源发起,输出物主要是FRD文档和时间计划文档,用以描述问题、提出初步目标,假想可能的解决方案、预估资源并梳理时间计划等。当然,对于从UED内部发起的项目,这两部分的输出也可以由交互设计师完成,属于可能责任输出物; 2)需求分析阶段:
历史数据的关注和分析阶段,基于项目本身,要针对竞争对手、行业现状等做详尽的收集和分析,其中的关键考核点是要做必要的头脑风暴,获取发散而全面的信息集合。在此阶段,竞争分析报告和头脑风暴输出物是交互设计师专业度的重要表现。
3)用户访谈阶段:
对于一些条件允许的项目,我们建议能在项目初期寻求一些用户的信息,定义一些用户的属性,这些对于之后的交互设计都会是坚实的基础。一个高专业度的交互设计师甚至会主动介入访谈问卷的设定工作,客观的参与调研报告输出的全过程。
4)需求修正阶段:
专业的交互设计师通常不甘于沦为一个纯粹的资源,抗拒被动的接受命令。我们之前经历的需求分析和用户访谈都是为掌控主动权而做的准备。如今,我们有理有据,应该主动出击,和需求方讨论研究需求的合理性、可行性,明确最终的修正目标,并对达成目标所涉及的重点突破点有理性的分析判断,筛选出各设计点的优先级。5)设计草稿阶段
项目目标和设计方向确定下来后,我们将进入核心的设计环节。作为交互设计师的“杀手锏”,交互流程和线框草图当然一个都不能少,但此时我更想强调一项辅助性质的调研分析工作。从交互的角度来看,在大流程大框架敲定的情况下,交互设计师通常会投入更多的精力在一些核心的设计点,也就是我们在需求修正阶段确认的设计重点。此时,专业的设计师绝对不会拍脑袋设计,更不会想当然出方案,而是会针对这些核心点做业界调研和分析,为自己即将进行的设计寻求一个足够宽广厚实的肩膀。6)设计细化阶段
第一阶段的设计工作将在此阶段性输出。我们回顾一下,截止此时的设计产物有:用户调研报告、FRD确认文档、交互流程、线框草图、核心设计调研分析、核心设计详细说明、交互流程整体说明等。基本上,一个交互设计师的专业度,已经可以根据此时的输出物数量、质量看出个大概齐了 7)专家评审阶段
一个专业的交互设计师,要谦虚。此刻,我们进入小范围专家评审的阶段了,三个臭皮匠还顶一个诸葛亮呢,更何况是参与评审的专家呢。此时设计师的专业度就体现在 “听”、“说”和“想”这三诀上,耐心的做好评审记录,有理有据的同专家们进行专业沟通,并确认最终的结论和方向。8)设计优化阶段
经历了专家团的考验,又该抖擞精神重新上路了,没什么好说的,把过程做好了,你的专业度也就到位了。设计优化阶段的投入度和产出将直接影响到后续Demo及测试的效果,和最终设计也息息相关,各位交互设计师们,千万别打瞌睡了!
9)仿真Demo开发阶段
终于到了仿真Demo的模型化阶段啦,这时尽管并没有直接的交互输出物,但还是需要交互设计师用百分百的挑刺精神,协助视觉和前端精准的达成我们之前的设计,严格保证最佳的输出效果。10)测试验证阶段
仿真Demo出来之后,将进入最后的测试验证阶段,根据项目的实际情况,可能是QA测试,也可能是用户测试,总之,这个环节能帮助设计师最后把关设计的合理性,专业如你,一定要亲自跟进测试并给出最终的评估报告,哪些点是前期没有考虑周全的?那些点是成功的?哪些点是必须立即改进的?哪些点能以后再说?哪些„„ 11)完成设计阶段
最后的设计阶段,根据之前的测试验证评估报告,交互设计师要对所有之前的输出做一次严格的检查和修正,完成最后的输出。
12)开发上线阶段
盯紧视觉设计师和前端工程师吧,最关键的时候终于到了,经历了那么多纷繁复杂的环节,我们等的就是上线的这一瞬间。当然,千万别忘了后续的跟踪和分析,这能为你的专业度加分不少哦 ·总结和展望
综上所述,我们已经整理出来了体现交互设计师专业度的过程输出物了,总结一下:以75分交互设计师的标准来看,我们的专业度能通过以下的关键输出物衡量:FRD目标确认文档、竞争分析报告、头脑风暴产出物、项目初期用户调研报告、核心设计点调研及分析报告、专家评审报告和评估报告、原型测试报告、交互流程图及详细说明文档、页面线框图、核心设计点说明文档和最后的跟踪分析报告。
基本上,所有的输出物都是反复易稿的结果,都是细碎过程的迭代输出,都饱含了设计师辛勤的工作投入。所有有梦想的交互设计师们,请正确的审视这些输出物,珍惜自己的付出,它们不光是单板的形式教条,它们更是证明自己专业度最有利的武器!
被很多同学都质疑过:那么多的输出物,平时做需求怎么可能全部做出来?每当此时,我的回答都是一样的:“是的,找借口总是很容易的。大家的确都很忙碌,按季度来说,基本上每个人都会经手大大小小几十个需求,但我们真的忙碌到输出一个高质量设计的精力都没有了吗?还是我们打心里就本着做交互、混日子的想法呢?”
不是不能,是不愿!那才是交互设计这个职业最可悲之处„„
作者信息:本文http://www.xiexiebang.com/
第6篇:初中信息技术设计鼠标交互教学设计
第四课
设计鼠标交互
用Flash制作网络动画课件开展多媒体网络教学,已逐渐成为当前国内外计算机辅助教学的新趋势,国内许多教育网站均发布大量的Flash网络交互动画课件。交互式动画就是允许观众对影片进行控制的动画。交互式动画在动画与观众之间形成一种互动,使观众可以参与到动画中来。例如对按钮元件,通过鼠标的移入或移出制作出不同的响应效果。此外,还可以通过为按钮编写脚本语言,使按钮具有控制影片的播放或者链接到指定的网页中去的功能。这是传统动画所不具备的,在Flash中却能轻松实现。
本课通过制作古诗二首《题西林壁》、《游山西村》的多媒体课件,使学生掌握使用Flash制作鼠标交互动画的方法。
本课建议课时1课时。1.关于场景设计
制作多媒体课件要以课件脚本为依据,编写课件脚本是制作多媒体课件的前提。教材的“任务分析”中设计了本课件的三个场景,并分别涉及了场景的内容、按钮的功能和使用的媒体等。课件制作时,按照三个场景的设计,做出相应得内容,实现相应功能即可。
2.视频导入Flash 制作《题西林壁》课件,是将题西林壁的视频文件直接导入到Flash库中。在这应注意在Flash中导入视频文件不能是大文件,因为Flash处理视频的功能不是很好,导入视频后反而会变大,只有损失画面质量才能变成小文件。导入时,品质一般设75,数值越低画面越差,当然文件生成后也越小;关键帧间隔设24,数值越低画面越好,但文件生成后很大。
3.交互式动画
交互式动画是由触发动作的事件、事件的目标和触发事件的动作3个因素组成的,例如单击按钮后,影片开始播放这一事件。其中,单击是触发动作的事件,按钮是事件的目标,影片开始播放是触发事件的动作。换句话说,事件、目标和动作构成了一个交互式动画。
在Flash中,事件包括鼠标事件、键盘事件和帧事件三种。信息岛“鼠标事件”介绍了各种鼠标事件。目标包括时间轴、按钮元件和影片剪辑元件三种。而动作就是指控制影片的一系列脚本语言,所以说脚本语言的编写也就是各种动作的编写。
4.关于动作面板
所有脚本语言的编写均在动作面板中完成。选择“窗口——开发面板——动作”或直接按F9快捷键打开动作面板。
动作面板共有三个窗口组成,左上角为动作工具栏,以树状结构显示Flash支持的所有脚本语言。左下角为信息工具栏,显示当前的选择,也就是要附加脚本语言的对象和已经附加脚本语言的对象的信息。右边为脚本编辑区,编辑与显示脚本语言的窗口。
5.脚本语言的编写方式
在编写脚本语言时,既可以通过直接在脚本编辑区中输入字符编写,也可以通过在动作工具栏中选择项目进行编写。单击动作工具栏中的项目文件夹,可展开或收缩文件夹。在展开的项目文件夹中包含多个脚本项目,通过双击进行选择。此外,还可以通过添加动作按钮,将新项目添加到脚本中。
6.关于脚本语言
本课信息岛“Flash中的脚本语言”介绍了Flash的三类动作脚本语言。本课活动中涉及到了帧动作和按钮动作脚本语言。活动中的动作脚本很简单,只要用来控制动画、按钮的播放、停止、重放等。教师指导学生结合信息岛“鼠标事件”和“常用播放控制函数”内容来理解、掌握活动中使用到的脚本。
7.关于知识链接
本课知识链接介绍了制作Loading的方法。有兴趣的学生可以根据介绍,为自己制作的动画添加Loading,并理解脚本语言。
【文本资源】 浅谈Flash课件制作
一、学校对课件制作的困惑
多媒体教学在我们的日常教学活动中,已经越来越被广大教师,学生所接受。由于多媒体教学的本身具有的特点,使教师改变了凭借一张嘴,一支粉笔的教学方法。使学生改变了被动式的的学习习惯。总之,多媒体在教学上的应用,对传统教学方式方法是一个很大的冲击。这种教学方式方法已经在全国普遍开展。但是,在大部分地区存在着一个很有争议的问题。这个问题就是:多媒体课件由谁来做?一种观点认为,应该由讲课教师来作。这种做法的优点很多,因为讲课教师非常了解本课的知识结构,知识点,重难点等。利用课件可以充分的把这些主要的知识体现在学生面前。另一种观点认为,制作课件应该由专任教师来完成。这种做法的优点在于,专任教师可以充分利用自己所掌握的多媒体知识,在学生面前展现丰富多彩的感官刺激。并且可以把讲课教师从繁重的制作课件的劳动中解放出来。每一位教师不一定都掌握基本的制作课件的知识,学习其知识,定然会增加精力的付出;不学其知识,定然无法展现自己的教学目标。
这两种观点在学校领导层中不断的展开讨论。那么现在,也无法明确的判断那一种方法最有利于教师和学生的发展。至此,出现了有的学校规定谁讲课谁做课件,有的学校设有专门的多媒体教师,来负责课件的制作。
二、课件制作的工具
网络上有许多使用Flash制作的教学课件。由于Flash具有的强大的编辑动画的能力,已经在学校中广为使用。现在,绝大部分课件都是用Flash完成的。Flash能够迅速的进入校园,有以下几个优势:首先是本身的优势,也就是制作动画和交互性的优势。其次是Flash语言编辑的能力。再次就是可以分开打包拿走,最后就是Flash代表的已经不仅仅是绝对意义上的一个软件了,而是深入到千家万户的动画艺术
三、教学课件的特点
教学课件不同于其他的演示材料或动画。因为其主要是为教育教学服务,所以具备本身的一些独特的特点。
1. 严肃正式
教育教学是百年大事,丝毫马虎不得。课件中绝对不可以出现搞笑等情节。
2.条理性强
教育教学本身就要求符合逻辑性,课件作为教学的附属,也应遵循这一点。
3.技术性低
课件中如没有必要使用特殊效果的化,应尽量不使用。一面吸引学生的注意力,使学生的精力分散。4.学科渗透
每一个单一学科的课件,应注意学科渗透。把相关的知识利用课件这一形式,快速,灵活的展现在同学们面前,从侧面提高学生的学习兴趣及对各方面知识的积累。
四、制作课件必须注意的几点
制作课件的技术要求相对来说不高。但是由于其特殊的用途,我们在制作课件的时候也应该注意以下几点:
1. 文字
课件制作中文字的使用应尽量用宋体,黑体,等常见的,正规的字体。特别是小学课件中,应该与课本上的文字字体相统一。这是十分重要的。避免实用系统以外的字体。
2.音乐
课件中的音乐,应理解为纯背景音乐(讲解的声音除外)。听觉上的刺激只是起到辅助作用,(音乐课件除外)用于调节学习过程中的空白。所以,在选择音乐的时候,要与主体有密切的关联。还有在没有必要的情况下,不要使用流行的,广为流传的音乐或歌曲。原因是,当学生听到这种音乐或歌曲的时候,因为十分熟悉,潜意识中会随着音乐或歌曲的节奏欣赏或默唱,分散学生的注意力,课件的作用就发挥不出来了。
3.色彩
制作课件中要注意画面色彩的问题。计算机上呈现的色彩与通过投影仪投射的色彩有很大的差距,在投射的过程中各种色彩的明度纯度等特性值不断下降。这就造成了投射后的画面色彩模糊。我们在制作中应在不破坏统一色调的基础上,尽量增加各种颜色的纯度,明度等因素,这样播放的时候,可以避免出现模糊不清的效果。
4.效果
繁多眩目的特殊效果在课堂教学中无关紧要,甚至会起到相反的作用。课件效果要求只要流畅,平实就可以。
5.“妥协”
我们在制作课件的时候,也要学会妥协。对于一篇课文的理解,每个人都会有不同的解释。课件制作教师与讲课教师必然会存在很大的分歧。如何解决这种矛盾,那就需要妥协。还有,有的讲课教师由于没有动画制作的基本知识,所以有时候要求的标准很高,常常听到要求课件制作老师作的象《猫和老鼠》一样,当要求超出课件制作教师所掌握的知识或超出制作软件达到的效果的时候,课件制作教师要耐心解释,以达到共识。
6.技术
制作课件不需要太多的高级技术。因为课件的操作主要由讲课教师来完成。它的情况与互动性动画有直接区别。
综上所述,教学课件的制作要以讲课者的思维结构来实现。把复杂的演示过程,清晰的,具体的,全程的体现在屏幕上,使学生接受。这一过程的实现要做到讲课教师和制作课件的协调统一。
