第7讲 户接口设计.ppt

数据库系统设计 用户接口设计 概述 用户界面处理需要用户直接参与的输入和输出 侧重于被称为人机交互（ human-computer interaction ，HCI）的用户与计算机的交互 描述用户界面的隐喻 可用性及基于 Web 的开发准则 编制对话设计文档方法，包括OO方法的UML图 识别及分类输入和输出 分析员在定义系统范围时标识 分析期间产生的需求模型： 事件表包括每个外部事件的触发器 触发器代表输入 输入被显示为响应事件 传统和OO方法的输入和输出 传统方法的输入和输出 被表示为在环境图、数据流图（DFD）片断以及详细数据流图中的数据流 OO 方法的输入和输出 被定义为进入和离开系统的消息 被记录在系统顺序图中 参与者为多个用例提供输入 用例提供输出给参与者 用户界面与系统接口 系统接口（System interfaces）–需要很少的人工干预的输入输出 用户界面（User interfaces ） 需要人工干预的输入输出 用户界面是当最终用户使用系统时所接触到的全部内容 对用户而言，界面 就是 系统 分析员会把系统接口与用户界面分开设计 需要不同的专业知识和技术 理解用户界面 用户界面的物理特征 用户接触到的设备、手册、文档和表单 用户界面的感知特征 用户看到、听到或触摸到的所有东西，如屏幕对象、菜单和按钮 用户界面的概念特征 用户所了解的有关系统的内容及系统的逻辑功能 用户界面的概念 以用户为中心的设计 通过关注需求及早关注用户及其工作 可用性 – 系统是易于学习和使用的 迭代开发保持关注用户 不断地返回用户需求并且在每次迭代后评估系统 人机交互 人与计算机交互的研究 人为因素工程学 (人体工程学) HCI研究领域 有关HCI的隐喻 直接操纵隐喻 用户与显示屏幕上的对象交互 文档隐喻 计算机涉及在电子文档中浏览和输入数据 WWW, 超文本, 超媒体 对话隐喻 就像进行交谈 在显示屏幕上的基于直接操纵的桌面隐喻 在Web浏览器中文档隐喻被显示为超媒体 对话隐喻表示消息概念 设计用户界面的指导原则 可视性 所有控件应该是可见的 提供及时反馈以表示控件正在响应 功能可供性 控件有外观应该体现它的功能 – 控件的使用目的 系统开发人员应该使用已出版的界面设计标准和指导原则 交互界面设计的8条黄金规则 编制对话设计文档 与其他系统活动同时进行 基于需要用户交互的输入和输出 用于定义菜单层次 允许用户导航到每个对话框 提供整个系统结构 故事脚本、原型和UML图 对话和故事脚本 存在多种方法编制对话文档 类似用例描述一样，根据活动流编制描述 叙述 屏幕草图 故事脚本技术 –显示对话期间的一系列屏幕草图 设计标准窗体和浏览器窗体的指导原则 每个对象可能需要几个Windows窗体 广泛应用的标准表单 标准窗体: Visual Basic, C++, C#, Java 浏览器: HTML, VBScript, JavaScript, ASP, Java servlets 实现 确定窗体（form）对象及相关数据域 用原型工具构造窗体（form） 窗体（Form）设计问题 窗体布局与格式化的一致性 标题、标签和标志 字体大小、亮度对比和颜色 文本框（ data-entry fields ）和按钮的次序 数据键控（Data keying）及数据输入 (使用标准控件) 文本框、列表框、 组合框等等 导航和支持控件 帮助支持– 教程、索引、上下文敏感（context-sensitive） 设计网站的指导原则 来源于设计windows窗体和浏览器窗体的指导原则和规则 网站用于： 企业通信 客户信息和服务 销售、分销及营销 必须24/7不间断地为客户工作 网页设计中的10种好行为 将机构名称和标志放在每张网页上，并且可以链接到首页（homepage）。 提供搜索功能 使用简洁的标题（ headlines ）和页面标题（ page titles ），以明确页面包含的内容 构造页面以帮助读者浏览（scan）关键内容 使用超文本将信息组织成单独的网页 使用产品照片（最好是缩略图） ，但要避免加载缓慢的混乱和臃肿的网页 使用相关性增强图像缩略技术;放大需要的细节 利用链接标题为用户提供链接内容预览信息 确保网页对于残障用户是可访问的 因为用户所期望的某些功能就是做与别人相同的事情 RMO 电话订购对话设计 对话模型步骤 记录客户信息 创建新订单 记录交易细节 产生订单确认信息 传统方法 – 使用结构图 RMO 需要的窗体（form） Main menu（主菜单） Customer（客户） Item search（条目搜索） Product detail（产品明细） Order summary（订单汇总） Ship