交互技术及用户接口.ppt

《交互技术及用户接口.ppt》由会员分享，可在线阅读，更多相关《交互技术及用户接口.ppt（42页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第五章 交互技术及用户接口主要内容：基本交互任务及其技术主要内容：基本交互任务及其技术基本交互任务的组合基本交互任务的组合用户接口的设计用户接口的设计用户接口软件用户接口软件定位技术定位技术定位操作是图形输入和图形操作中常用的输入操作之一。比如为了画一个圆要确定该圆的圆心和圆上一点的位置，拼装一部件要确定拼装位置，等等。定位有直接定位和间接定位两种方式。定位有直接定位和间接定位两种方式。直接定位是指使用定位设备直接在屏幕上指定一直接定位是指使用定位设备直接在屏幕上指定一个点的位置，比如使用触感屏幕时，可直接用手个点的位置，比如使用触感屏幕时，可直接用手在屏幕上指定一个点的位置；或用光笔在屏幕上

2、在屏幕上指定一个点的位置；或用光笔在屏幕上指定一个点。指定一个点。间接定位是指通过定位设备的运动控制屏幕上的间接定位是指通过定位设备的运动控制屏幕上的映射光标来进行定位映射光标来进行定位；比如使用数字化仪时，定位触头在数字比如使用数字化仪时，定位触头在数字化仪上的位置坐标映射到屏幕上的光标化仪上的位置坐标映射到屏幕上的光标坐标；坐标；鼠标器、游戏棒、轨迹球、光标键等均鼠标器、游戏棒、轨迹球、光标键等均通过其相对运动来控制屏幕光标位置从通过其相对运动来控制屏幕光标位置从而实现定位。而实现定位。在键盘上用字符串形式输入定位点的坐在键盘上用字符串形式输入定位点的坐标值也是一种形式的间接定位。标值也是

3、一种形式的间接定位。定位时常用的位置反馈信息有箭头，十字游标和定位时常用的位置反馈信息有箭头，十字游标和大十字光标等。大十字光标等。和制图工作中的丁字尺类似，大十字光标的使和制图工作中的丁字尺类似，大十字光标的使用便于精确地参考屏幕上的标尺或另外物体来定用便于精确地参考屏幕上的标尺或另外物体来定位。位。另外，定位点的用户坐标数值的跟踪显示有时也另外，定位点的用户坐标数值的跟踪显示有时也很必要。很必要。橡皮条技术橡皮条技术有时定位操作依赖于环境。有时定位操作依赖于环境。比如，在绘图时，已经存在一个圆比如，在绘图时，已经存在一个圆C C和圆外和圆外一点一点A A，现在要确定另外一个点，现在要确定另

4、外一个点B B，使二点连，使二点连线线ABAB与圆与圆C C相切。相切。这样的点的确定可通过橡皮条技术的使用这样的点的确定可通过橡皮条技术的使用而变得容易实现。而变得容易实现。A AB BBBB”B”用橡皮条技术定位（显示线段用异或方式）用橡皮条技术定位（显示线段用异或方式）如果在用定位器移动点如果在用定位器移动点B B时屏幕上始终有时屏幕上始终有一线段连结一线段连结ABAB，犹如有一根橡皮条连结着，犹如有一根橡皮条连结着ABAB两两点一样，这就是橡皮条线段技术。点一样，这就是橡皮条线段技术。上图示出了橡皮条线段的处理。有了橡皮条上图示出了橡皮条线段的处理。有了橡皮条技术，操作员只须在移动技术

5、，操作员只须在移动B B点使点使ABAB与圆与圆C C相切时相切时按下定位按键，就能准确地定位。按下定位按键，就能准确地定位。拖拽技术拖拽技术 在复杂物体的模型设计中，常用到拼装操作。在复杂物体的模型设计中，常用到拼装操作。拖拽技术常被用于拼装定位和其他一些操作如布拖拽技术常被用于拼装定位和其他一些操作如布局操作中去，以便使上述工作直观、简便、高效。局操作中去，以便使上述工作直观、简便、高效。拖拖拽拽技技术术以以取取样样定定位位输输入入为为基基础础，应应用用程程序序不不断断地地读读取取定定位位器器位位置置，在在每每一一老老位位置置上上擦擦去去原原有有对对象象图图形形，再再在在新新位位置置上上显

6、显示示该该对对象象图图形形，从从而而使对象的图形被操作员在屏幕上拖拽到适当位置。使对象的图形被操作员在屏幕上拖拽到适当位置。菜单技术菜单技术菜单是一种很重要的交互技术。它可用于菜单是一种很重要的交互技术。它可用于指定命令、确定操作对象或选定属性等多指定命令、确定操作对象或选定属性等多中选一的场合。中选一的场合。使用菜单可较好地改善应用系统的用户接使用菜单可较好地改善应用系统的用户接口的友善性。口的友善性。菜单的层次结构菜单的层次结构 根据可选对象的数量、性质及彼此的逻辑根据可选对象的数量、性质及彼此的逻辑关系，菜单可以是单层次的，也可以是多层次关系，菜单可以是单层次的，也可以是多层次的。的。可

7、选项不太多时往往使用单层次菜单以利可选项不太多时往往使用单层次菜单以利于快速选择；可选项较多时则宜按逻辑关系分于快速选择；可选项较多时则宜按逻辑关系分成一定的层次，成一定的层次，如将一个命令系统菜单分成设计、修如将一个命令系统菜单分成设计、修改、分析、输出等模式，每模式各含若干改、分析、输出等模式，每模式各含若干命令的二层命令菜单结构命令的二层命令菜单结构以便于每次在较少的可选项中选择一个。以便于每次在较少的可选项中选择一个。多层次结构的菜单中要支持从每一子菜单多层次结构的菜单中要支持从每一子菜单退回父菜单的功能，以实现在不同层之间退回父菜单的功能，以实现在不同层之间的移动。的移动。菜单的表示

8、菜单的表示菜单的表示方法有三种：字符串方法、图符方菜单的表示方法有三种：字符串方法、图符方法和图象方法。法和图象方法。在字符串方法中，每一菜单项用一字符串名字在字符串方法中，每一菜单项用一字符串名字来表示。一个菜单可以是单列式、单行式或矩来表示。一个菜单可以是单列式、单行式或矩阵式结构，这样的菜单比较容易组织和实现。阵式结构，这样的菜单比较容易组织和实现。在图符方法中，每一菜单项用一个形象在图符方法中，每一菜单项用一个形象地表达该项内容的图形符号来表示。这样地表达该项内容的图形符号来表示。这样的菜单比较容易理解和使用。的菜单比较容易理解和使用。在图象菜单方法下，每一菜单项由表在图象菜单方法下，

9、每一菜单项由表示一实物的视图来表示，比如某一类零件示一实物的视图来表示，比如某一类零件的零件菜单中，每一项用该零件的立体图的零件菜单中，每一项用该零件的立体图表示，使菜单具有直观、准确的作用。表示，使菜单具有直观、准确的作用。菜单的显示控制菜单的显示控制 菜单的显示位置有固定式和可变式两种。菜单的显示位置有固定式和可变式两种。固定式菜单可以在屏幕上显示，也可以固定在固定式菜单可以在屏幕上显示，也可以固定在数字化仪等设备上。弹出式（数字化仪等设备上。弹出式（pop-uppop-up）菜单是）菜单是典型的位置可变式菜单。它总是显示在光标现典型的位置可变式菜单。它总是显示在光标现行位置，在选择以后又

10、自动消失。行位置，在选择以后又自动消失。菜单的可见性控制有永久可见（全局性菜单）菜单的可见性控制有永久可见（全局性菜单）和使用时可见（局部性菜单）两种控制方式。和使用时可见（局部性菜单）两种控制方式。菜单的选择菜单的选择 菜单可使用多种设备来选择，如使用指点设菜单可使用多种设备来选择，如使用指点设备直接选择，使用方向键顺序循环选择，使用数备直接选择，使用方向键顺序循环选择，使用数字键指定选择或使用功能键对应选择等。字键指定选择或使用功能键对应选择等。使用指点设备选择菜单时，每一菜单项占有使用指点设备选择菜单时，每一菜单项占有一定的矩形区域，若指点设备位置落入那一项的一定的矩形区域，若指点设备位

11、置落入那一项的矩形区域时该区域以醒目形式显示（比如阴字符矩形区域时该区域以醒目形式显示（比如阴字符形式或改变颜色），一旦操作员按下确认键，当形式或改变颜色），一旦操作员按下确认键，当时的醒目项就是所选项。时的醒目项就是所选项。使用方向键顺序循环选择时（通常单行、使用方向键顺序循环选择时（通常单行、或单列菜单，只使用二键），预定一个当前项或单列菜单，只使用二键），预定一个当前项用醒目方式显示，每按一次键当前项朝一个方用醒目方式显示，每按一次键当前项朝一个方向移动一个位置。边界项的下一项是相反方向向移动一个位置。边界项的下一项是相反方向的边界项。的边界项。菜单中的某些项可动态地定义为有效或无效，菜

12、单中的某些项可动态地定义为有效或无效，无效的项不能选择。无效的项不能选择。定值技术定值技术定值输入用于给出物体旋转的角度，缩放的比定值输入用于给出物体旋转的角度，缩放的比例因子等等。定值输入设备可以是键盘、旋钮例因子等等。定值输入设备可以是键盘、旋钮等也可以是各种指点设备，如鼠标、数字化仪等也可以是各种指点设备，如鼠标、数字化仪等。等。使用键盘键入某值，是最基本的和直接的方法。使用键盘键入某值，是最基本的和直接的方法。旋钮输入定值是利用电阻大小的原理将旋钮位旋钮输入定值是利用电阻大小的原理将旋钮位置转换成输入值。此外可以使用刻度尺、比例置转换成输入值。此外可以使用刻度尺、比例尺、旋转盘等模拟办

13、法输入定值。尺、旋转盘等模拟办法输入定值。刻度尺和比例尺是屏幕上显示的二种均匀刻度尺和比例尺是屏幕上显示的二种均匀和非均匀的尺子。和非均匀的尺子。操作员通过使用指点设备控制光标在尺子上操作员通过使用指点设备控制光标在尺子上的移动，同时在屏幕上给出与位置对应的值，的移动，同时在屏幕上给出与位置对应的值，在适当时刻，按下定值键来获得要输入的值。在适当时刻，按下定值键来获得要输入的值。这种方法比较直观这种方法比较直观旋旋转转盘盘与与刻刻度度尺尺、比比例例尺尺原原理理相相同同，也也可可以以有有均均匀匀和和非非均均匀匀两两种种，操操作作员员控控制制从从圆圆心心出出发发的的线线段段绕绕圆圆心心的的旋旋转转

14、，根根据据显显示示的的角角度度读读数或数据读数来定值数或数据读数来定值拾取技术拾取技术在图形系统交互作用的许多操作中，常常要在一个分层的对象结构或虽不分层但很复杂的对象结构中拾取一个基本对象（如最底层的对象或一个简单的部分）或一些基本对象的集合（如非最底层的对象），然后对其施加某种操作。拾取一个基本的对象可以通过以下一些拾取一个基本的对象可以通过以下一些方法来实现：方法来实现：1 1指定名称法：指定名称法：操作员可以通过指定操作员可以通过指定欲拾取对象的名称来实现拾取。但记住欲拾取对象的名称来实现拾取。但记住这些名称并不是容易的事。这些名称并不是容易的事。2特征点法特征点法：选择时让图形的特征

15、点选择时让图形的特征点（如线段的端点、圆和圆心等）以强光（如线段的端点、圆和圆心等）以强光醒目显示（图）醒目显示（图）,操作员通过选择特征点操作员通过选择特征点来拾取对象，这样涉及的内部计算较少。来拾取对象，这样涉及的内部计算较少。3 3外接矩形法外接矩形法 ：为每一基本对象确为每一基本对象确定一外接正规矩形（其四边分别平行于定一外接正规矩形（其四边分别平行于坐标轴），只要选中矩形内就表示拾取坐标轴），只要选中矩形内就表示拾取该对象。该方法只能用于边界矩形非重该对象。该方法只能用于边界矩形非重选情况。选情况。4分类法：分类法：将折线、点、弧等分别在有将折线、点、弧等分别在有关按键的控制下进行拾

16、取关按键的控制下进行拾取,这也有助于减这也有助于减少计算。少计算。5直接法：直接法：使用游标拾取，只要有使用游标拾取，只要有线条穿过以游标所在位置为中心线条穿过以游标所在位置为中心的小正方形（边长在设计时确定）的小正方形（边长在设计时确定）内，即认为该对象被拾取了。如同内，即认为该对象被拾取了。如同时有多个对象被拾取，可以按从近时有多个对象被拾取，可以按从近到远的原则拾取唯一的一个。到远的原则拾取唯一的一个。层次式结构中，为了能表示所选对象的层层次式结构中，为了能表示所选对象的层次（即不总是最底层），可以准备二个命次（即不总是最底层），可以准备二个命令：其一是令：其一是“到上一层去到上一层去”

17、（travel up travel up the hierarchythe hierarchy）,它表示所要拾取的是当它表示所要拾取的是当前层的高一层的对象；其二是前层的高一层的对象；其二是“回到下一回到下一层层”（come back downcome back down），它表示往上已），它表示往上已走过头，需回头向下走一层。被拾取的对走过头，需回头向下走一层。被拾取的对象以醒目形式显示有助于正确拾取。象以醒目形式显示有助于正确拾取。网格与吸附网格与吸附网格化是帮助绘制整齐、精确图形的一种技术。网格化一般用在用户坐标系统中，按从用户坐标系统的窗口到屏幕视口的变换映射到屏幕上去。网格一般是规则

18、的，且覆盖整个显示区。应用程序将定位器坐标舍入到最近的网格交叉点上去，从而使绘制的图形规整、精确。有时要从已有的某线段上的点或它的顶点开始绘制另一条线段或其他图形，直接使用定位设备来定位很难保证其重合性。吸附技术则可克服上述困难。带有引力场的一条线段，当定位位置落入引力场区域时将被吸引到顶点或线上，这就保证了所需的连续性。三维图形输入三维图形输入 计算机图形设备发展的重要方向是输入设备的功能从二维发展为三维。直接依赖于三维物体输入设备的三维图形输入有以下几类：1.5D物体直接转变为2D图象 它使用3D扫描仪能直接扫描物体获取二维图象。典型的如美国Kan Image公司生产的扫描仪，称为Kans

19、can。其扫描过程如下：被扫描的物体的周围设置灯光照射；沿导轨驱动一个扫描头作二维运动，从而将物体变成一个彩色图象。诸如Kanscan的3D扫描仪除了可以扫描3D对象之外，还能扫描平的或高低不平的艺术作品、绘画或者易损坏的作品，用途非常广泛。用户接口设计用户接口设计用户接口用户接口确定用户与计算机如何进行信息交换。包括用户通过什么途径与图形系统进行联系，通过什么手段来操作系统的功能实现等。最重要的就是高效率和对用户的友好性1 用户模型用户模型 用用户户模模型型（User Mode）是用户接口设计的基础，它提供给用户有关他所处理的对象以及作用于这些对象的处理过程的一个概念性模型。2 显示屏幕的有

20、效利用显示屏幕的有效利用考虑如下几个问题：信息显示的布局合理性。充分而又正确地使用图符一类应用图符（application icons）一类控制图符（control icons）恰当地使用各种表示方法进行选择性信息显示。3 反馈反馈反反馈馈：就是动态地显示系统运行中所发生的一些变化，以便更有效地进行交互作用。4 一致性原则一致性原则 一一致致性性原原则则是指在设计系统的各个环节时，应遵从统一的、简单的规则，保证不出现例外和特殊的情况。按用户认为最正常、最合乎逻辑的方式去做按用户认为最正常、最合乎逻辑的方式去做5 减少记忆量减少记忆量重要的是唤醒用户的识别而不是记忆唤醒用户的识别而不是记忆。6

21、回退和出错处理回退和出错处理回退（回退（undo）机制）机制取消机制取消机制确认机制确认机制设计好的诊断程序诊断程序提供出错消息提供出错消息对可能导致错误的一些动作进行预测预测约束机制约束机制：动作与对象相一致 7 联机帮助联机帮助为用户提供联联机机帮帮助助(On-Line Help)措施，能在用户操作过程中的任何时刻提供请求帮助。8 视觉效果设计视觉效果设计这里强调的是色彩的使用。选择色彩对比时以色调对比为主。就色调而言，最容易引起视觉疲劳的是兰色和紫色，其次是红色和橙色；而黄色、绿色、蓝绿色和淡青色等色调不容易引起视觉疲劳。为减轻视觉疲劳，应在视野范围内保持均匀的色彩的明亮度。8 适应不同的用户适应不同的用户提供多种方法使软件能适应不同熟练程度的用户。表2-1图形输入设备的逻辑分类名称名称基本功能基本功能定位设备(Locator)指定一个点的坐标位置(x,y)笔划设备(Stroke)指定一系列点的坐标数值设备(Valuator)输入一个整数或实数字符串设备(String)输入一串字符选择设备(Choice)选择某个菜单项拾取设备(Pick)选择显示着的图形的组成部分