第一篇:设计鼠标交互教学设计
第四课 设计鼠标交互
武安市十一中学杜海洲
一、课例描述
《设计鼠标交互》是河北教育出版社和河北教育音像出版社出版的《信息技术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、视频的制作途径
第二篇:初中信息技术设计鼠标交互教学设计(精选)
第四课
设计鼠标交互
用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.技术
制作课件不需要太多的高级技术。因为课件的操作主要由讲课教师来完成。它的情况与互动性动画有直接区别。
综上所述,教学课件的制作要以讲课者的思维结构来实现。把复杂的演示过程,清晰的,具体的,全程的体现在屏幕上,使学生接受。这一过程的实现要做到讲课教师和制作课件的协调统一。
第三篇:第四课 设计鼠标交互教学实录
第四课 设计鼠标交互教学实录
武安市十一中学 杜海洲
生:(起立)老师好!师:同学们好!请坐下。
师:截止到今天我们学习了几个动画制作软件了呢? 生:两个,一个是幻灯片powerpoint一个是flash。
师:说对了,以前学到的powerpoint是.课堂演示型动画,这种类型的多媒体教学软件一般来说是为了解决某一学科的教学重点与教学难点而开发的,它注重对学生的启发、提示,反映问题解决的全过程,主要用于课堂演示教学。而flash是学生自主学习型,这种类型的多媒体教学软件具有完整的知识结构,能反映一定的教学过程和教学策略,提供相应的形成性练习供学生进行学习评价,并设计许多友好的界面让学习者进行人—机交互活动。今天我们就使用flash制作一个人机交互的多媒体课件。
师板书:
1、制作多媒体课件
师:俗话说:工欲善其事必先利其器,没有准备好的仗是打不好的,在今天的学习内容中我们要明确课件有哪几大板块构成,每个板块包括哪几部分,每部分涉及什么具体内容,整个过程如何在各部分中体现出来等
生1答:需要三个场景
生2答:需要设计播放、停止、返回、重放几个按钮 生3答:还需要一些素材准备例如图像、音频、文字等 生……
师:同学们分析的很好,不知道你们在课下准备的怎么样了都是通过什么途径找到的呢?
生1:通过百度能找到一些内容比如图片、文字,但有些我们找不到比如诗文的朗诵音频
生2:我们是自己录制的
师:恩,很好,“多媒体素材”是多媒体课件中用到的各种听觉的和视觉的材料,也就是多媒课件中用于表达一定思想的各种元素,它包括图形、动画、图像、文本和声音等。素材的准备工作,一般主要包括文本的录入,图形、图像的获取和制作,动画的制作,视频的截取和声音的编辑,然后以一定的文件格式存储,以备调用。搜集素材应根据脚本的需要来进行,素材的取得可以通过多种途径。例如图形图像的制作途径:(1)、软件中的绘图工具(2)、扫描输入(3)、现有素材库(4)、INTERNET上的图片(5)、视频帧捕获(6)、利用图形图像合成软件。视频的制作途径:(1)、摄像机拍摄后采集(2)、从录像带、影碟上捕获(3)、INTERNET上下载。声音的制作途径:(1)、音效库(2)、从录音带、录像带、影碟上截取(3)、话筒录音。像刚才同学搜集素材的方法就很好。有的小组没有准备完整你们愿意把自己的成果分享给其他小组吗?
生一起回答:愿意
师:好,下面我们以小组为单位按照课本的步骤制作课件,制作过程中要注意以下三点:
1、制作过程中应严格遵循多媒体教学软件制作流程。
2、多媒体教学软件不是教材的翻版,而是一个丰富、准确的科学内容和鲜明完整的艺术形式的作品。
3、设计思路以简要明快、功能齐全为基调
学生开始制作(教师巡视指导)
在下课前五分钟,找设计完成的小组展示成果
师:刚才第二小组制作的课件非常好,他们制作的交互性强、操作灵活、视听效果也非常好,在实际制作中,一个课件往往被分割成一系列模块,分别进行设计制作,最后总装生成一个可执行的应用程序。在总装后,还须进行全面的测试,测试的目的最主要是检测程序是否可以顺利的运行,内部连接是否正确,各种声音、动画是否可以正常播放等等,以免使用时出错。其他小组没有完成的课下要及时做完,有信心没有?
生齐答:有
师:好,这节课就上到这里,下课。生:(起立)老师再见!师:同学们再见!
第四篇:交互设计心得整理
交互设计心得整理
长期以来我就有对几年来交互设计的心得进行总结整理的想法。回到中国来亲身体会到不少同行,主要是交互设计师和视觉设计师对于交互设计的困惑,以及其他行业对于交互设计的误解和滥用。后来我在小范围内开设了一个关于交互设计的讲座;现在把它整理成文,希望与同行切磋,共同进步。
这篇文章是我几年来在美国从事交互设计工作的一个经验总结。当时我们遵循以用户为中心(User-Centered-Design, 简称UCD)的设计原则,每一个项目都是不折不扣的按所有UCD的步骤进行。下面总结的交互设计的方法,是从UCD的过程中提炼出来,也就是说,同样适用于任何非UCD的设计过程。交互设计的流程
如果一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型图只是其中的一个环节。
当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性?
第一步,是任务分析,列出界面所要完成的所有任务。第二步按各任务确定页面流程,建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计,可以是低保真和高保真的原型图。最后编写设计说明。下面以设计一款动感相册界面为例,逐步讲解各个环节。1.任务分析
第一步任务分析。这里要做的是对于将要设计的这个新界面的所有任务的分析,也就是用户在界面上能进行的所有操作。这个分析在功能需求的基础上进行,需求方一般提供一个功能点的列表。
任务分析最常见的是任务列表,另外有任务流程和任务场景等。下面以任务列表为例。列出所有主要任务,以及每个主要任务的子任务。再把子任务细分到各个步骤。形成下面这个列表。主要任务1 子任务1 步骤1 步骤2 子任务2 步骤1 步骤2 主要任务2 …
以动感相册为例,任务分析列表如下:
1.浏览相册 1)浏览相册列表 2)选择相册 3)浏览照片 2.创建新相册 1)添加照片 a)选择已有相册 b)选择照片 c)排列顺序 d)添加字幕文字 e)选择动画效果 2)添加模板 a)浏览模板 b)选择模板 3)添加音乐 a)浏览音乐列表 I.试听音乐 II.选择音乐 b)增加新音乐 I.打开本地文件 II.选择音乐 4)预览(略)… 5)命名(略)… 6)保存(略)… 3.修改相册(略)…
任务列表包括所有功能点,并对每一个功能点的逻辑关系进行整合。必要时会对各任务的使用频率和其它影响设计的重要因素进行分析,这里不做解释了。2.页面流程
任务分析完成后,进入设计的第一步,即设计页面流程。页面流程是设计的开始,也是重要的一环。它决定整个界面的信息架构和操作逻辑。页面流程是上一步任务分析的自然转化。一般来说,一个主要任务就是一个页面,其它子任务也可以转化为页面。
以动感相册为例,页面流程如下:
页面几乎是把任务分析照搬过来了。所以上一步做好了,这一步很轻松,而且越往后越轻松。注意这个流程图应该包括所有将要设计的新页面,一个不少,一个不多。它不仅确定页面内容,页面数量,还确定各页面之间的关系。如果在后来设计具体页面原型时,发现这个流程图多了或少了页面,或者页面关系发生了变化,说明你的功夫不到家(这个比较难,我一般不苛求我们的设计师)。根据原型图来创建或者修改页面流程图,不是在做设计,而是在写设计说明。3.页面布局
第三步页面布局是具体页面设计的开始,在上一步知道有哪些页面需要进行设计后,这里对页面进行划分,对内容进行组织。最重要的一点是确定页面分区。以动感相册为例,页面布局如下: 总布局,即通用布局,适合所有页面。
具体页面布局,在不与总布局冲突的情况下,有更细节的布局。
页面布局赋予零碎的内容以逻辑性,以分区的形式把页面各区域所对应的功能区确定下来,减少具体设计时的随意性。这是设计严谨与否的表现所在。把类似的操作放在一起,对于用户来说是可以预见的,用户能够判断哪个操作在哪个区域,减少盲目寻找带来的困难和疑惑。4.原型设计 这一步是大家熟知的,即具体页面的设计。这一步设计把所有的界面元素表现出来。可以有低保真和高保真原型图。低保真即是线框图,高保真多是接近最终效果图。下面是动感相册的低保真原型图。
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://