完成用户界面设计.pptVIP

屏幕布局模式：高层导航简要描述：提供高层菜单，通常带有一个图像，能够直接掉转到任一个系统主要功能0201完整用户界面。为高层结构和导航提供设计指导14.4.2界面设计模式14.4.2界面设计模式（续）页面布局。负责页面概括组织（用于站点）或者清楚的屏幕显示（用于需要进行交互的应用系统）模式：层叠简要描述：呈现层叠状的标签卡，伴随着鼠标每一下点击的选择，显示指定的子功能或者分类内容。表格和输入。考虑了完成表格级输入的各种设计方法。模式：填充空格简要描述：允许在“文本框”中填写文字与数字数据。表。为创建和操作各种列表数据提供设计指导。模式：有序表简要描述：用来显示长记录列表，可以在任何一列上选择排序机制进行排序。14.4.2界面设计模式（续）直接数据操作。解决数据编辑、数据修改和数据转换问题。1模式：现场编辑2简要描述：为显示位置上的特定类型内容提供简单的文本编辑能力。导航。辅助用户在层级菜单、Web页面和交互显示屏幕上航行。3模式：面包屑4简要描述：当用户工作于复杂层次结构的页面或者屏幕显示时，提供完全的导航路径。514.4.2界面设计模式（续）搜索。对于网站上的信息或保存在可以通过交互应用访问的持久存储中的数据，能够进行特定内容的搜索。1模式：简单搜索2简要描述：提供在网站或者持久数据源中搜索由字符串描述的简单数据项的能力。页面元素。实现Web页面或者显示屏的特定元素3模式：向导4简要描述：通过一系列的简单窗口显示来指导完成任务，使得用户能够一次一步地完成某个复杂的任务。514.4.2界面设计模式（续）14.4.2界面设计模式（续）电子商务。主要针对于站点，这些模式实现了电子商务应用中的重现元素。模式：购物车简要描述：提供一个要购买的项目清单。其它。模式不能简单地归类到前面所述的任一类中，在某些情况下，这些模式具有领域的依赖性或者只对特定类别的用户适用。模式：进展指示器简要描述：为某一正在进行的操作提供进展指示。系统响应时间01用户帮助设施02出错信息处理03命令标记04界面设计时，总会遇到以下四个问题：11.4.3设计问题软件工程软件工程允许用户保持可视化的语境：如果对图形显示进行缩放，原始的图像应该一直显示着（以缩小的形式显示在显示器的一角），以使用户知道当前用户观察的图像部分在原始图像中的位置。使用“模拟”显示方式表示信息，以使信息更容易被用户吸取：例如，显示文件下载情况时，如果使用简单的数字表示，就不如用类似温度计的形似表示，因为这样的表示方式为用户提供了绝对和相对两方面的信息。第十一章完成用户界面设计王美红主要内容黄金规则用户界面的分析与设计界面分析界面设计步骤设计评估概述人机界面（Human-ComputerInterface，HCI）是计算机直接与人打交道的途径，是计算机系统的重要组成部分，它的开发工作量占系统开发工作量的40-60%。楼房的结构布局设置相当于软件工程的体系结构设计01房间的具体设计相当于构件级设计02而门、窗、墙面砖等的设计相当于软件工程的界面设计。03将开发一个应用软件比喻为建筑一栋房子：概述软件构件间的接口设计软件和其它硬件或软件间的接口设计人与计算机间交互信息的界面设计接口设计包含：概述减少用户的记忆负担置于用户的控制之下保持界面一致Mandel[MAN97]定义了三条“黄金规则”：11.1界面设计的黄金规则11.1置于用户的控制之下用户希望控制计算机，而不是被计算机控制能充分满足用户的需求，具体表现在：以不强迫用户进入不必要的或不希望的动作的方式来定义交互模式。提供灵活的交互允许用户交互被中断和撤销当技能级别增长时可以使交互流线化并允许定制交互—如宏使用户与内部细节隔离开来设计应允许用户与出现在屏幕上的对象直接交互减少对短期记忆的要求01建立有意义的缺省02定义直观的快捷方式03界面的视觉布局应该基于真实世界的象征04以不断进展的方式揭示信息—不同抽象层次0511.2减轻用户的记忆负担允许用户将当前任务放入有意义的环境中—提供指示器，如窗口题目、图标、一致的颜色编码等在应用系统家族内保持一致和用户已有的合理的交互模型保持一致—比如一些常用快捷键11.3保持界面一致工程师或软件工程师建立用户模型软件工程师创建设计模型最终用户的心理模型或系统感觉123系统的实现者创建实现模型界面工程师的任务：消除这些模型的差距，导出一致的界面表示4界面分析和设计时要考虑的模型：11.2用户界面的分析与设计11.2界