人机交互基础教程第5章界面设计.ppt

5.4.7 故事讲述和情节分析 通过描述实际的任务场景可以非常直观的进行任务描述，便于与用户的交流， 并可以帮助分析设计者和真正用户之间对任务的不同理解。 5.4.7 故事讲述和情节分析 故事讲述（story telling）可以是真实的案例，也可以是虚构的情节，甚至可以是对理想场景的虚构， 关键是使这些故事能够典型的反映交互任务，具有充分的代表性。 书中P93，一个学生借书的过程描述图书馆里系统的交互故事。 5.4.7 故事讲述和情节分析 情节分析（scenario analysis）是对故事所反映的交互任务的理性分析，分离出故事中所描述的角色、目标、环境、步骤、策略、感情等诸方面的因素。 角色：读者、管理员 目标：完成书籍的借阅或预定 步骤：查询书籍，浏览图书信息，确定要借阅的书籍；在系统中办理借阅，并等待从借书处取书。 策略：如果图书在馆，则借阅；否则，可以预定图书。 5.5 以用户为中心的界面设计 Gould、Boies和Lewis于1991年提出了以用户为中心设计的四个重要原则。 及早以用户为中心： 综合设计： 及早并持续性地进行测试： 反复式设计： 5.5 以用户为中心的界面设计 及早以用户为中心：设计人员应当在设计过程的早期就致力于了解用户的需要。 综合设计：设计的所有方面应当齐头并进发展，而不是顺次发展，使产品的内部设计与用户界面的需要始终保持一致。 5.5 以用户为中心的界面设计 及早并持续性地进行测试：当前对软件测试的唯一可行的方法是根据经验总结出的方法，即：若实际用户认为设计是可行的，它就是可行的。 通过在开发的全过程引入可用性测试，可以使用户有机会在产品推出之前就设计提供反馈意见。 5.5 以用户为中心的界面设计 反复式设计：大问题往往会掩盖小问题的存在。设计人员和开发人员应当在整个测试过程中反复对设计进行修改。 5.5 以用户为中心的界面设计 以用户为中心的设计方法有很多种，包括 图形用户界面设计与评估（Graphical User Interface Design and Evaluation，GUIDE） 以用户为中心的逻辑交互设计（Logical User-Centred Interaction Design，LUCID） 5.5 以用户为中心的界面设计 用于交互优化的结构化用户界面设计（Structured User-Interface Design for Interaction Optimisation，STUDIO） 以使用为中心的设计（Usage-Centered Design） OVID设计 OVID设计 IBM公司采用的OVID方法，通过对用户、目标和任务的分析，系统指导人机交互界面设计，以达到用户满意的设计要求 OVID中涉及三个模型，模型之间相互关联： 设计者模型 编程者模型 用户概念模型 OVID设计三模型 设计者模型：就是用对象、对象之间的关系等概念来表达目标用户意图的概念模型 编程者模型：广泛应用于面向对象的开发方法中，用于表示和实现构成系统的类 用户概念模型：表示用户对系统的理解，依赖于用户的交互经验 实际开发中，需求分析，设计者从用户获得对系统的理解，融合到设计者模型中，确保界面设计能反映用户意图 OVID设计 OVID方法的关键是确定交互中涉及的对象，并把这些对象组织到交互视图中。 其中对象来自用户的概念模型，视图是支持特定用户任务的对象的有机组合，而交互就是那些交互界面中对对象执行的操作 OVID设计 如果该概念模型能够有效地设计和实现，那么用户就可以通过与系统的交互理解设计者模型所要表达的信息； 这些模型可以使用面向对象概念去表达 5.5.1 OVID设计方法的对象建模分析 对象建模分析是将系统和用户任务分析的结果转化为用户界面设计的第一步； 建模是将系统任务的某些概念及其关系用图的方式直观综合地表达出来； 分析则是将系统的对象抽象为类，列出对象或类的属性、行为、以及对象间的关系。 下面以网上机票订购系统的界面开发为例介绍建模分析： 5.5.2 视图抽象设计 视图表达了人与系统交互过程中某一时刻系统的状态，以及用户在这一时刻可能改变系统状态的方法 视图抽象设计通过组合概念模型中的对象和对象操作，提供系统运行的方法和方式，为具体的设计提供指导，并要为系统的不同实施方案提供灵活的界面选择。 5.5.2 视图抽象设计 视图抽象设计阶段就是仔细研究系统的对象模型，列出其系统状态，对每个视图抽象出其中涉及的对象，以及对象的属性和行为 订机票的过程基本上由用户登录、查询航班、预订机票、支付、出票等具体交互过程组成。 5.5.2 视图抽象设计 在线机票订购例子中完成上述交互的视图可能包括：用户查询航班视图，航班信息列表视图，用户选中的某个具体航班的信