《交互设计》教学课件.ppt

《《交互设计》教学课件.ppt》由会员分享，可在线阅读，更多相关《《交互设计》教学课件.ppt（51页珍藏版）》请在沃文网上搜索。

1、第第8章章 交互设计交互设计 xx学院8.1 交互结构的组成交互结构的组成 8.1.1 交互结构的组成 1.交互图标 2.分支图标 3.交互响应类型图标 4.分支走向标记（箭头）8.1 交互结构的组成交互结构的组成 8.1.2 交互图标对话框1交互作用选项卡（1）擦除：在什么时候擦除交互结构运行时显示的内容，有3种选择：l退出时：在退出交互时，擦除屏幕上交互内容。l每次响应之后：在下一个交互响应前，立即擦除交互显示，使两次交互的信息不会产生重叠。l不擦除：保留由于交互所显示的内容，直到用清除图标擦除。8.1 交互结构的组成交互结构的组成（2）【擦除特效】：擦除交互信息时，使用哪种擦除效果。（3

2、）【在退出前中止】：在退出交互前暂时停止程序的执行，以便操作者能看清楚屏幕上的信息。（4）显示按钮：当选择了【在退出前中止】本选项才有效，系统运行时出现Continue继续按钮。（5）【文本字段】：如果交互结构中包含了文本输入响应类型的分支，单击此按钮，出现文本输入属性对话框，可设置输入文本时的字体、大小、显示模式等属性。参见本章后面文本输入响应类型部分。（6）【打开】：即打开相应分支。8.1 交互结构的组成交互结构的组成 2显示选项卡与版面布局选项卡分别用来设置交互显示对象的显示属性和定位属性，选项的意义与显示图标一样3CMI选项卡【交互作用】复选框用来设置是否允许知识跟踪；在【交互标识】文

3、本框中输入该交互结构的唯一标识数；在【目标标识】文本框中输入与交互相关的目标对象的ID值；在【重要】文本框中输入权值，以表示该交互的相对重要性；在【类型】列表框中选择交互的类型（试题类型），包括多选题、填空题等。8.1 交互结构的组成交互结构的组成 8.1.3 交互响应类型8.1 交互结构的组成交互结构的组成 8.1.4 交互分支设计 1响应状态（1）不判断（Not Judged）：Authorware将不跟踪这种响应，对响应是否正确不作判断。（2）正确响应（Correct）：Authorware会跟踪用户输入响应的正确程度，并将用户输入的正确响应累加，存储在一个系统变量中。（3）错误响应（W

4、rong）：Authorware会跟踪用户输入响应的错误，并将输入的错误响应进行累加，然后存储在另一个系统变量中。8.1 交互结构的组成交互结构的组成 2交互类型 用不同的交互类型标志，标明每个分支图标所具有的交互类型。通过交互图标挂接分支图标上方的交互类型标志，可以明确各个分支的交互类型是什么。8.1 交互结构的组成交互结构的组成 3.返回状态（Branch）:当某一分支产生了响应，并且执行完分支图标后，程序该怎样继续执行，在Authorware中有4种返回状态 （1）重试：循环回交互图标可以接受学生输入另外一个响应。（2）继续：将继续检查下一个分支是否与用户输入的响应匹配。（3）退出交互：

5、Authorware在执行完这个分支的内容后，退出交互图标，执行流程图上的下一个图标。（4）返回：只有当交互范围（Scope）设定为永久（Perpetual）有效时，才在此选项。作用是在执行完这个分支的内容后，返回进入交互图标前的流程线上的下一个图标。8.1 交互结构的组成交互结构的组成 8.1.5 创建交互结构 1.建立交互图标 2.创建分支 3.调整各个分支响应的类型 4.设计交互图标和各个分支图标的内容 5.设置交互图标及各个分支响应图标的属性8.1 交互结构的组成交互结构的组成 8.1.6 交互响应的执行过程与设计原则1.交互响应的执行过程 （1）交互提示 （2）响应触发 （3）分支判

6、断 （4）子图标响应 （5）交互循环 8.1 交互结构的组成交互结构的组成 2.交互响应的设计原则 （1）按照子图标响应的先后逻辑关系从左自右安排。（2）尽可能地将响应频率较高的子图标放在左边。（3）优先响应的子图标放到左边。8.2 按钮响应8.2.1 创建按钮响应流程8.2.2 设置按钮属性1.按钮标签 8.2 按钮响应 （1）大小：适用于设置按钮大小 （2）位置：用来确定按钮在展示窗口中的位置 （3）标签：用来设置按钮上的文字 （4）快捷键：用来设置与单击按钮等效的快捷键 （5）选项：括两个复选框：【默认按钮】和【非激活状态下隐藏】（6）鼠标：设置鼠标形状，默认情况下，鼠标光标移到按钮上时

7、为标准箭头形状，也可以设置为其他更加实用、生动形象的光标，如手形光标等。2响应选项卡用来设置按钮响应条件、分支循环方式、状态标记等 8.2 按钮响应 （1）范围：设置当前分支响应的有效范围。系统按钮的选择 （2）激活条件：用来激活响应的条件。可以输入一个变量或表达式，其值成立是匹配响应的前提。（3）擦除、分支、状态 （4）计分：文本框用来设置与分支响应相关的分数值，用一个量值表示用户响应的正确性 8.2 按钮响应 8.2.3 系统按钮的选择8.2 按钮响应 2自定义按钮 自定义按钮可分为常规和选中两类。常规按钮一般用作普通命令按钮，而选中按钮一般用作复选按钮或单选按钮。每种按钮有4种状态：未按

8、、按下、在上、不允许。每个自定义按钮包含四种属性：状态、图形、标签、声音 8.2 按钮响应2.自定义按钮（1）状态Status，包括以下四种：1）正常或上浮状态（Up）2）按下鼠标状态（Down）3）鼠标指针与按钮匹配状态（Over）4）禁止状态（Disabled）8.2 按钮响应2.自定义按钮（2）按钮属性 1）图案：即按钮本身，可以是各种形状、颜色、图案的图标 2）标签：指按钮上的文字 3）声音：单击不同状态的按钮时，可以发出不同的声音（3）按钮描述：说明性文字（4）自动检测：选中该选项，当单击按钮时，会自动在检查状态和正常状态之间切换 8.2 按钮响应实例8-1：利用按钮响应制作选择题考

9、试系统 题意分析：假设我们做两种选择题：单选和多选题，利、用按钮响应和数组功能，配合Authorware提供的程序设计语言实现自动评分。题中包括3道单选题和2道多选题，每个小题做正确了得20分，总分100分。8.3 热区响应 热区是演示窗口中的一个活动区域甚至整个演示窗口,热区的形状为规则的矩形，单击、双击或将鼠标指针移到该区域上时，就可激活热区响应。8.3.1 热区的创建与编辑 1.建立热区：只要有热区响应，系统自动建立热区，在展示窗口中用虚线表示。2.编辑热区：打开交互图标，可以改变热区位置和大小。8.3 热区响应 8.3.2 热区属性的设置 1.标题：即分支图标的标题 2.尺寸与位置：用

10、于精确定位 3.快捷键：用于快速响应 4.匹配：设置响应匹配方式，包括单击、双击、指针在指定区域内，用来设置热区响应的匹配方式 5.匹配时高亮度与加匹配标记：这两个复选项用来设置热区响应匹配后热区的显示状态 6.鼠标：用于设置鼠标形状8.3 热区响应 实例8-2：即时单词翻译系统 题意分析：类似于单词翻译软件，屏幕上出现一些英文单词和一个退出按钮，当鼠标指向某个单词时，屏幕显示这个单词的中文意思，离开即消失，指向退出按钮时出现“退出翻译系统”的提示，单击它退出系统。8.4 热对象响应 热对象与热区响应的区别 1.可视性:热区在程序运行时不可见；而热对象是可视对象（包括图象、文本等。）2.响应区

11、域的形状：热区为矩形；热对象可以是任意形状，并由对象的外形而定。3.响应区域的定义方式：热区由系统自动生成，其范围取决于交互图标的热区虚线框的大小；热对象位于交互结构前面的显示图标等图标中，在热对象响应属性对话框中定义，其范围对象由大小确定。4.可移动性：热区固定在展示窗口上，不可移动，而热对象如果是一个动画或者运动的物体，它可以移动，但不管移动到什么位置，单击它都能得到相同的响应结果。8.4 热对象响应 实例8-3：打蚊子游戏 题意分析：这是一个小游戏，蚊子在展示窗口上随意飞，用户通过鼠标点击蚊子，打中一次计10分，每打中一次，蚊子飞行的速度提高一些，如果蚊子飞行的速度达到极限，则不再加速了

12、，以稳定的速度飞，屏幕及时显示用户成绩。8.4 热对象响应 8.5 目标区域响应 8.5.1 目标对象和目标区域创建目标区域应包括两部分：建立目标对象和设置目标区域响应。目标对象和目标区域 1.建立目标对象：目标对象应该位于交互图标前面的显示图标中 2.编辑目标区：与热区不同的是，它有两条对角线 8.5.2 设置目标区响应属性8.5 目标区域响应 l【大小】和【位置】文本框分别用来定义目标区的大小和位置。l【放下】列表框有三个选项，用来设置对象被拖入目标位置后怎么办。l【在目标点放下】，即留在终点，当用户拖到对象到目标区域释放时，只要对象的中心进入目标区，该对象就停在移动的终点位置，同时执行分

13、支图标。l【返回】：当用户拖动目标对象到目标区释放时，对象并不停留在目标区中，而是返回原来所在位置，然后执行分支图标。l【在中心定位】：该此项比较常用，当用户拖动对象放到目标区后，系统自动将该对象的中心与目标区的中心对准，再匹配分支图标响应。l若选中【允许任何对象】复选框，用户就可以将任何可移动对象拖放到目标区，无需确定目标对象；如果没有选中该复选框，就应按第3步中介绍的方法确定目标对象。8.5 目标区域响应 实例8-3：智力接图游戏 题意分析：智力接图游戏是一种比较常见的游戏，首先出现一个完整图，等待一些时间让用户看清楚，然后，完整图变成几部分，用户将这些组件拼起来形成与原来一样的完整图。假

14、设有一个幅图，名称叫茄子姑娘，完整图是一只茄子手拿着伞、头戴帽子、有眼睛和嘴巴，拆开后，伞、帽子、眼睛和嘴巴放在旁边，用户将它们原样组装起来即可。这种题目用目标区域响应容易实现，在完整图上的相应位置指定一个区域，即目标区域，并确定目标对象，用户将这个对象拖到指定区域就算完成。8.5 目标区域响应 8.6 下拉菜单响应 下拉菜单是Windows系统中通用的程序界面，具有风格统一、操作简单的特征，设计下拉菜单，应遵循Windows软件的标准，包括窗口样式、菜单、菜单项、快捷键、热键（也称加速键）、分隔线等内容 8.6 下拉菜单响应 8.6.2 下拉菜单响应属性的设置1下拉菜单的建立建立下拉菜单的规

15、则是：每个交互结构建立一个下拉菜单，交互图标名就是菜单名，每个分支就是一个下拉菜单项，分支的图标标题不一定是菜单项名，菜单项名也可以通过对话框设置。特殊菜单包括4种：8.6 下拉菜单响应 l分隔线：用于分隔不同的菜单小组，用-（减号）。l加速键：菜单激活后有效，即Alt+加速键即可运行命令，在菜单名中相应键后加个符号&。l快捷键：只要软件启动，不必激活菜单就可运行，一般是Ctrl、Shift、Alt与其它键的组合。l无效菜单：只要在对话框中激活条件处设置一个表达式，条件不成立时菜单变成灰色，即无效状态。8.6 下拉菜单响应 2属性设置【菜单项】文本框：若为空，则将分支图标标题作为菜单项标题，若

16、输入了字符串（字符串要用引号“引起来），则用此字符串替代原有菜单项的标题。【快捷键】设置快捷键时，如果采用组合建，应该直接写键名。如Ctrl+X组合键8.6 下拉菜单响应 实例8-5：菜单制作 题意分析：假设要制作两栏菜单，分别是“文件”和“编辑”那么，首先要删除系统默认的英文菜单File，然后再添加两栏菜单。8.7 条件响应 条件响应是指在满足程序设定的条件后，不需要用户的参与而程序自动沿相应的分支执行 条件：表达式的结果为非0值或者True表示成立，0或者False表示不成立，逻辑与或非分别用符号“&”、“|”、“”表示。如果本项空着，表示条件不成立，如果希望永远为真，则可以输入一个逻辑常

17、量True。8.7 条件响应 自动匹配条件l【关闭】：关闭自动匹配功能，只有当程序执行到此图标时才判断条件是否满足，如果满足则执行此分支图标。l【为真】：只要条件成立，即自动重复执行相应分支，也就是说，系统将不断监视条件的变化情况，一旦响应条件，就会响应该分支图标。所以，当分支执行完成后，只有使条件值变为假或者退出交互，才能转到其它分支执行，否则系统将重复执行本分支。l【当由假为真】：条件由假变为真时，系统自动执行相应分支，无须用户响应。8.7 条件响应 实例8-6：金鱼反复游动题意分析：金鱼在一个鱼缸里，不停地游动，而这种游动是用移动图标实现的，即只要一停下来，系统马上启动移动图标让金鱼游动

18、。8.8 文本输入响应 文本输入响应（Text Entry）要求用户输入文本，系统自动将文本作为字符串保存在系统变量EntryText中。8.8.1 文本输入响应类型属性设置8.8 文本输入响应 1.模式：用于输入模式字符串（注意要加引号），匹配用户输入的内容，只有当用户输入的字符与这里指定的内容匹配时系统才能响应此分支，如密码等。如果希望输入任何内容均可响应，这个文本框中不要输入任何内容。2.最低匹配、增量匹配：只对英文单词有效3.忽略：可以被系统忽略的一些选项。8.8 文本输入响应 8.8.2 文本输入区属性设置8.8 文本输入响应 8.9 重试限制响应 重试限制响应是一种限制用户尝试响应

19、的次数，这种响应方式一般不单独使用，而是配合其它响应分支一起使用。响应属性的设置【最大限制】：最大重试次数，可以是常量、变量、表达式，系统自动统计用户重试的次数，当达到规定的次数后，重试响应分支自动运行。8.9 重试限制响应 实例实例8-7：密码验证：密码验证题意分析：一些重要的软件，必须输入密码才能进入系统，一般给定3次机会，如果3次输入全错，表示非法用户，要求退出系统，如果一次或者两次输入错误，系统给出提示后还可以继续输入，如果输入的密码正确，表示是合法用户，系统给出提示后可以进入系统。（假设正确密码为123456789）。8.10 按键响应 按键响应属性的设置【快捷健】：设置响应键 实例

20、8-8：按键式点歌系统 题意分析：类似于歌厅或者卡拉OK厅的点歌器，在屏幕上出现一个歌谱用提示操作信息，用户输入一个数字键或者字母健，则播放歌谱上相应的音乐。8.10 按键响应 实例8-8：按键式点歌系统 运行结果：8.11 时间限制响应 l时间限制响应从时间角度限制用户在指定时间内完成某个操作，如果时间一到，系统自动运行相应分支。l时间限制响应的属性设置 l【时限】：用户输入最大时间的秒数。l【中断】：程序中断后计时的方法，有4种可能：8.11 时间限制响应 l【继续计时】：不中断计时。l【暂停，在返回时恢复计时】：转去执行其它操作时暂停计时，返回当前交互时继续原来的计时。l【暂停，在返回时

21、重新开始计时】：转去执行其它操作时暂停计时，返回当前交互时重新开始计时，即使原来的时间响应已经结束。l【暂停，如运行时重新开始计时】：去执行其它操作时暂停计时，返回当前交互时重新开始计时，但如果设定的时间响应已经结束，系统不再计时。8.11 时间限制响应 实例8-9：限时选择题 在例题8-1按钮响应选择题中，如果我们给每个小题限制用户响应的时间，那就改造为限时选择题，若用户不能在指定的时间内做好本小题，则系统自动进入下一题界面。8.12 事件响应 ActiveX控件编程的基本方法 1.插入一个ActiveX控件的方法 2.与ActiveX控件建立对话 3.ActiveX控件的事件响应 ActiveX控件的安装 （1）放置ActiveX Xtras(ActiveX.x32),在您的Authorware文件所在目录下的“Xtras”子目录中。（2）安装您的WINDOWS系统文件的ActiveX支持版本。（3）安装并注册您的Authorware文件中用到的ActiveX控件。8.12 事件响应 实例实例8-10：制作浏览器：制作浏览器题意分析：利用Microsoft Web浏览器控件创建一个Web浏览器，通过对浏览器控件方法的调用实现网站的导航。