第4章 人机交互技术I.pptVIP

VLC Media Player 因为软件的开发者，来自école Centrale Paris的学生们有收集交通路障的癖好，于是他们就用软件图标来纪念自己的爱好。 Mac OS X Front Row是Mac OS X中的原生播放器 舒服地坐着，然后好好地接受视听享受吧!但是一般来讲，多媒体播放器比较难用单一的隐喻来表示，所以这个图标未必是未来的趋势。 Roxio Toast是Mac刻录软件标准 这可以算得上图标历史上最杰出的隐喻之一了。烤面包机远比同类软件使用的激光符号来的容易理解并且更恰当。 Transmit — Mac OS X上的FTP客户端软件。 一部卡车载着5吨的DVD光盘从A地运到B地，他的数据传输速率是多少字节呢? 当你把文件拖进去之后，他会在一条虚拟的路上载着文件开出去。 Twitterrific — 微博网站Twitter的客户端软件 这个隐喻的出发点是英语中的tweet是小鸟唱歌的意思，这个叽叽喳喳的小鸟图标很有原创性，但也非常的简洁。 Mac OS X中代表PC的图标 这是Apple的设计师们开的一个不大不小的玩笑，有一点点粗俗，但却比较形象 Lecture 4 * 2.所见即所得（WYSIWYG） 在WYSIWYG交互界面中显示的用户交互行为与应用程序最终产生的结果是一致的。 非WYSIWYG的编辑器，用户只能看到文本的控制代码，对于最后的输出结果缺乏直观的认识。（latex编辑器） WYSIWYG的弊端 如果屏幕的空间或颜色的配置方案与硬件设备所提供的配置不一样，在两者之间就很难产生正确的匹配。 文本处理器都提供了定义章、节、小节等的标记，这些标记显式地标明了对象的属性，但并不是用户最终输出结果的一部分。 Lecture 4 * 3.直接操纵(Direct manipulation) 直接操纵是指可以把操作的对象、属性、关系显式地表示出来，用光笔、鼠标、触摸屏或数据手套等指点设备直接从屏幕上获取形象化命令与数据的过程。 直接操纵的对象是命令、数据或是对数据的某种操作。 Lecture 4 * 直接操纵的特性 直接操纵的对象是动作或数据的形象隐喻 形象隐喻应该与其实际内容相近，使用户能通过屏幕上的隐喻直接想象或感知其内容。 用指点和选择代替键盘输入 优点：操作简便，速度快捷。 操作结果立即可见 操作结果立即可见，用户可以及时修正操作，逐步往正确的方向前进。 支持逆向操作 用户在使用系统的过程中，不可避免地会出现一些操作错误，通过逆向操作，用户可以很方便地恢复到出现错误之前的状态。 Lecture 4 * 直接操纵的优缺点 优点： 借助物理的、空间的或形象的表示，而不是单纯的文字或数字的表示。依赖于视觉和手动控制的参与，可以直接操作，有利于解决问题和进行学习。 缺点： 不具备命令语言界面的某些优点。 例如从用户界面设计者角度看，设计图形比较繁琐，需进行大量的测试和实验。 表示复杂语义、抽象语义比较困难。 4.3.2设计图形用户界面的原则 1.一般性原则 2.颜色的使用 3.图标的设计 4.按钮的设计 5.屏幕布局的设计 6.菜单界面的设计 7.填表输入界面的设计 Lecture 4 * 1. 一般性原则 界面要具有一致性: 在同一用户界面中，所有的菜单选择、命令输入、数据显示和其他功能应保持风格的一致性。 常用操作要有快捷方式: 不仅会提高用户的工作效率，还使界面在功能实现上简洁而高效。 提供简单的错误处理 : 在出现错误时，系统应该能检测出错误，并且提供简单和容易理解的错误处理功能 对操作人员的重要操作要有信息反馈: 尤其是对不常用操作、至关重要操作要有信息反馈。 Lecture 4 * 操作可逆: 对大多数动作应允许恢复(UNDO)，对用户出错采取比较宽容的态度。 设计良好的联机帮助: 人机界面应该提供上下文敏感的求助系统，让用户及时获得帮助，尽量用简短的动词和动词短语提示命令。 合理划分并高效地使用显示屏: 只显示与上下文有关的信息，允许用户对可视环境进行维护，如放大、缩小窗口；用窗口分隔不同种类的信息，只显示有意义的出错信息。 保证信息显示方式与数据输入方式的协调一致，尽量减少用户输入的动作，隐藏当前状态下不可用的命令，允许用户自选输入方式，能够删除错误的输入，允许用户控制交互过程。 1. 一般性原则 Badboythemer设计的Nokia Vista手机主题界面。 Lecture 4 * 2. 颜色的使用 颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点： 限制同时显示的颜色数 （同一画面颜色不超过4或5种） 画面中活动对象的颜色应鲜明，而非活动对象应暗淡。 尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时