人机交互课件第5章.界面设计.pptVIP

界面设计原则 理解用户 设计流程 任务分析 以用户为中心的界面设计;命令行界面可以看作是第一代人机界面，其中人被看成操作员，机器只做出被动的反应，人用手操作键盘，输入数据和命令信息，通过视觉通道获取信息，界面输出只能为静态的文本字符。 图形界面可看作是第二代人机界面，是基于图形方式的人机界面。由于引入了图标、按钮和滚动条技术，大大减少了键盘输入，提高了交互效率。 多通道用户界面则进一步综合采用视觉、语音、手势等新的交互通道、设备和交互技术，使用户利用多个通道以自然、并行、协作的方式进行人机对话，通过整合来自多个通道的、精确的或不精确的输入来捕捉用户的交互意图，提高人机交互的自然性和高效性。; 1. 命令行和文本菜单技术 ;;命令行交互界面;命令行交互界面; 文本菜单 ;2 图形用户界面 ; WIMP界面概念模型 ;2 图??用户界面;2 图形用户界面;2 图形用户界面;5.1.1 图形用户界面的主要思想;1. 桌面隐喻(desktop metaphor) ;隐喻的分类： 直接隐喻：隐喻本身就带有操纵的对象 如Word绘图工具中的图标，每种图标分别代表不同的图形绘制操作。 工具隐喻：代表所使用的工具 如用磁盘图标隐喻存盘操作、用打印机图标隐喻打印操作等，这种隐喻设计简单、形象直观，应用也最为普遍。 过程隐喻：其通过描述操作的过程来暗示该操作 如Word中的撤销和恢复图标。;晦涩的隐喻不仅不能增加可用性，反而会弄巧成拙。 隐喻的主要缺点： 需要占用屏幕空间 难以表达和支持比较抽象的信息。 ;2.所见即所得（WYSIWYG）;3.直接操纵(direct anipulation) ;直接操纵的特性 ;直接操纵的特性;5.1.2 设计图形用户界面的原则 ;5.1.2 设计图形用户界面的原则;5.1.2 设计图形用户界面的原则;3.图标的设计 图标是可视地表示实体信息的简洁、抽象的符号。 图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。 设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出精彩图标;设计图标时须遵守的原则和方法： （1）图标的图形应该和目标的外形相似。尽量避免过于抽象。 （2）可在图标中附加上简要的文本标注，使用户明确图标的含义。 （3）设计图标应尽可能简单，符合常规的表达习惯，保持图标含义的前后连贯。;4.按钮的设计 设计按钮应该具有交互性，应该有3到6种状态效果： 点击时的状态 鼠标放在上面但未点击的状态 点击前鼠标未放在上面时的状态 点击后鼠标未放在上面时的状态 不能点击时的状态 独立自动变化的状态 按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。 ;5.屏幕布局的设计 设计屏幕布局(Layout)时应该使各功能区重点突出 ,应遵循如下几条原则： (1)平衡原则 注意屏幕上下左右平衡。 (2) 预期原则 对屏幕上所有对象，如窗口、按钮、菜单等处理应一致化，使对象的操作结果可以预期。 (3) 经济原则 在提供足够信息量的同时要注意简明、清晰。 (4) 顺序原则 对象显示的顺序应按需要排列。 (5) 规则化 画面应对称，显示命令、对话及提示行在一个应用系统的设计中尽量统一规范。;6.菜单界面的设计 菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。 菜单中的选项在功能上与按钮相当，一般具有下列一种或几种类型的选项：命令项、菜单项和窗口项。 菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。 ;菜单的结构 单一菜单 单一菜单是在几个选项中做出选择，可以有两个或多个选项，用户可以选中其中一个或确定多个选择 。 线状序列菜单 把一组相关联的菜单组合在一起，用户清楚地知道如何向前选择和目前在菜单中所处的位置，并且可以重返以前所作的选择。 树状结构菜单 树状菜单是把选项划分为若干类，类似的选项组成一组，最后形成一个树状结构 。 网状结构菜单 网状结构菜单允许用户在父辈菜单与子菜单之间切换，而不必重新回到父辈菜单然后再转到子菜单。 ;设计菜单界面时应注意的一般性原则： 按照系统的功能组织菜单，合理分类，并力求简短，前后一致 合理组织菜单界面的结构与层次。 按一定的规则对菜单项进行排序。 菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始 。 常用选项要设置快捷键 。 充分利用菜单选项的使能与禁止、可见与隐藏属性。 使用弹出式菜单 。 ;7.填表输入界面的设计 在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。 填表输入