软件人机界面设计.ppt

软件人机界面设计第二版陈启安 该幻灯片由作者提供 修订日期: 2019年3月19日 (c) 高教出版社出版, 2019-2019. 版权所有. 可以修改或复制本幻灯片为非商业用途，但作者名及本版权标识不可更改。 第六章 直接操纵和图形用户界面 第二篇 人机界面设计开发方法 学习目标 掌握直接操纵界面设计方法。 直接操纵界面设计的困难和解决方法？ 如何进行窗口设计？ 掌握图形用户界面设计方法。 第六章 直接操纵和图形用户界面 6.1 直接操纵的定义及其设计指南 6.2 直接操纵系统举例 6.3 窗口的设计 6.4 Windows图形用户界面的设计 6.5 图形用户界面案例分析 直接操纵的定义及其设计指南 两个案例比较 直接操纵的定义及其设计指南 两个案例比较 直接操纵的定义及其设计指南 在功能和可靠性相同的软件系统中，有一些系统开始在竞争中占据优势。通常最吸引人的系统具有一个令人愉快的用户界面，这种界面对任务的目标和动作提供逼真的表示。这些系统易学易用，而且不易忘记。和勉强能接受或根本就是抵触的交互系统明显不同，某些对话式系统在用户中激发了巨大的热情。 直接操纵的定义、益处和问题 定义： 动作领域中的形象隐喻 显示目标和操作； 开发了类比推理； 快速、渐进以及逆向操作； 用指点和选择代替击键输入； 操作结果立即可见。 益处： 控制和显示兼容性； 语法较少，从而减少了差错率； 可防止更多的差错； 易学、记忆持久； 鼓励进一步探索。 问题： 增加的系统资源； 动作繁琐， 宏方法薄弱； 命令的记载和追踪困难； 有视力障碍的用户使用困难。 直接操纵界面的一些指南 1．使用易于理解的图标：图标的意义应该尽可能明确。 2．避免令人迷惑的类比：图标应以预期的方式工作。 3．不违反大众习惯：不同的用户群体可能对一个图标如何工作有不同的设想。 4．为特有目的使用图标：图标不见得比键盘输入更快或更容易使用。 5．仔细设计图标的交互：界面中单个图标的使用方式，不比与图标交互的整体设计重要。 直接操纵系统举例 显示编辑程序及文字处理器 在八十年代初期，整页显示编辑程序的用户曾大力提倡他们的系统，和当时流行的行编辑程序相比，他们更喜欢前者。在过去的二十年中，所见即所得(WYSIWYG)文字处理程序已成为标准。 显示编辑的优点 1．显示整页的文本：显示文本的20行至60行，让阅读者对每一个句子的上下文都有一个更清楚的了解。 2．以最终打印时的格式显示文件：省去了各种各样的命令，也简化了文件的阅读和扫描。 3．向用户显示可见的光标动作：看到屏幕上的箭头、下划线或闪烁框，操作者就可以很清楚应该注意并进行操作的部位。 4．通过具体直观的工具控制光标的移动：箭头键或光标移动设备，诸如鼠标器、控制杆或图示板，为光标的移动提供了自然具体的物理机制。 5．动作采用带标记的键钮：许多采用显示编辑的工作站具有标记上操作名称的按键. 6．立即显示一个动作的效果：当按下某键来移动光标或将文本移至居中时，其效果立即在屏幕上显示出来。 7．提供快速的响应和显示：大多数显示编辑程序能高速运行，显示一整页文本不到一秒钟。 8．提供易行的逆向动作：在用户输入文本时，只要后移光标并在原位重新键入就可以修改不正确的输入。 文字处理器的新方向 1．集成。 2．桌面排版软件。 3．幻灯片软件。 4．超级媒体环境。 5．改进的宏能力。 6．拼写检查程序。 7．语法检查程序。 8．文件汇编程序。 9．程序结构树化显示。 VISICALC及其派生产品 第一个电子报表VISICALC是哈佛商学院的学生Bob Frankston的作品。每当他要作研究生商业课程中重复的计算时，就感到沮丧。他和他的朋友Dan Bricklin，建立了一个“即时计算电子工作表(instantly calculating electronic worksheet)”。它可以在254行和63列的范围上进行计算并显示结果。 VISICALC的竞争产品很快就出现了，它们对用户界面作了引人注目的改进并扩展了所支持的任务，如LOTUS1-2-3、MS Excel。它们提供图表、三维显示、多窗口以及数据库性能的集成，使用命令菜单可方便地进行操作。 MS Excel 空间数据管理 在地理应用中，若以一种与现实模型类似的地图的形式描述空间，看起来会更自然些。 空间