第8讲 人机交互设计.ppt

交互式设计，教材p22第8章，我们考虑几个问题？ 体系结构设计的过程模式是什么？ 概念设计？ 体系结构的精炼？ (回顾)，2020/6/2，2，读书第8章回答以下问题？ 以用户为中心的设计的重要目标是什么？ 用户界面设计的基本原则是什么？ 用户界面设计流程模型10分钟，2020/6/2，3， 第三、三、八章互动设计， 8.1以用户为中心的设计8.2用户界面设计基本原则8.3表示用户界面设计模型的8.4用户界面设计流程模型8.5用户和任务分析8.6用户界面概念设计8.7用户界面流程设计8.8 精致、2020/6/2、4、8.1以用户为中心的设计、8.1.1以用户为中心的设计理念是否为用户？ 如何以用户为中心？ 以用户为中心的设计基本理念可以总结如下：研究和理解用户特征应当成为软件开发过程中各种决策的主要依据。 在软件开发的各个阶段尽可能得到用户的反馈，利用这个反馈来改善或优化设计。 2020/6/2，5，5，以用户为中心的设计，用户对产品的满意度不仅取决于使用经验，还取决于用户在与产品接触的全过程中获得的满意度。 人机交互设计不仅要求用户能够使用产品提供的功能，还要求用户在与产品接触的整个过程中获得舒适的体验。 2020/6/2、6、8.1.2人信息处理模型、心理学上被广泛采用的人信息处理模型，分为人接受外界信息处理的过程感知、认知和反应三个阶段。 2020/6/2、7、8.1.3以用户为中心的设计方法和“以用户为中心”的UI设计方法确保设计符合目标用户的期望。 在设计过程中贯彻“以用户为中心”的UI设计方法，有助于设计者验证设计是否有助于提高产品质量，最重要的设计内容是什么。 2020/6/2，8， 8、8、以用户为中心的设计方法、2020/6/2、9、8.2用户界面设计的基本原则；(1)易于理解界面上出现的所有元素包括文本信息、数据显示、状态表示、菜单、按钮、超链接等，接近用户的工作区域，简洁、清晰、自然、 具有直觉等特性的界面中的屏幕(参照screen，8.3节)之间的跳跃关系简单自然。 用户向易于使用的软件系统发出的命令，为了提高能够以简单直观的方式完成的用户的生产效率，必须尽量减少用户的操作次数和输入信息量。 2020/6/2，10，用户界面设计的基本原则，灵敏度界面必须在合理的时间内响应用户操作，为长时间的内部处理过程提供及时的进度反馈，维护用户与界面之间的无中断的双向通信为了一致性减轻用户的记忆负担，接口在整个软件系统中必须维持显示风格、操作方式的一致性，符合行业规范。 例如，使用Ctrl C快捷键来实现复制功能，2020/6/2，11，用户界面设计的基本原则，容错性界面设计以降低用户误操作的概率为目标，但是不能容忍用户误操作可能造成损害的所有动作允许(还原)用户在确认用户后尽可能后悔必须执行的界面操作，并且在用户误操作后，系统具有适当的恢复能力。 人性在适当的时机发出用户恰好需要的帮助信息和建议的任何情况下，用户都能简单地理解软件系统的现状和应答信息，能清楚地理解自己操作行为的前因结果，在界面的跳跃中不会迷路的界面的布局和颜色2020/6/2、12、8.3用户界面设计模型的显示，注意：本文将界面中的窗口、对话框、网页统称为屏幕。显示界面设计包括：显示屏幕内容的显示屏幕之间的跳转关系；显示2020/6/2，13；用户界面设计模型动态要素：软件系统根据当前用户和软件系统的运行状态自动基于业务逻辑显示在屏幕上，包括用户无法修改的内容(无法编辑的文本、表、图标、图形、图像等)。 2020/6/2，14，显示用户界面设计模型，用户输入元素：在屏幕上保留空位，用户通过界面操作填写或选择的界面元素。 包括可编辑文本、单选按钮、多选框、选择列表、可编辑表单等。 用户在特定情况下可以修改或选择的接口元素必须归类为用户输入元素类，而不是动态元素类。 用户命令元素：用户单击这些元素时，接口后面的业务逻辑处理和接口刷新行为将触发，典型的是按钮、菜单、超链接等。 见图8.1(a )。 2020/6/2，15，检视使用者介面设计模型，本文件建议使用UML类别来检视画面，请参阅图8.1，它与瞬时快照的图形检视相辅相成。 屏幕的瞬时快照可以表示为屏幕中静态元素的内容、在特定时间点其他三种接口元素的视觉形式，屏幕的UML类表示可以省略所有可见接口元素的布局，静态元素在任何情况下都不会改变，动态元素可以表示为类属性和另外，2020/6/2，16，用户界面设计模型的表示，要输入元素的表示，有直接作为屏幕类的属性的方法，需要采用UML结构类型(参见第5.1.4节)与动态元素区别，参见图8.2的结构类型的第二种方法是分别设置输入表单类型， 通过将输入元素作为其属性，将与属于输入表单的命令元素对应的操作从画面类移动到输入表单类，在两个类之间建立结合关系(因为输入表单对象始终显示在画面上)。 2020/6/2，17，在输入元素是阵列形式的情况下(参见例如8.1-8.2中的“SensorConfigForm”)，尽管必须使用第二方法的输入元素不是阵列形式，但是如果输入的信息项目很多，则本说明书不推荐第二方法，则使用第一表示另外，2020/6/2、18、用户界面设计模型的显示、每次出现隐藏的界面动作画面时自己调用的初始化动作、发生跳转时离开本画面前自己调用的动作、从本画面提供给其他画面的动作、因一个画面要素的状态变化而导致其他画面要素发生变化的动作。 这些隐藏动作也必须表示为萤幕类别的动作，并使用UML构造型来区分隐藏动作和对应于指令元素的动作。 请参照图8.5的动作“onInitScreen”。 为了表现画面间的跳转关系，需要考虑典型的应用场景下的画面间的跳转和信息传达、以及画面间的静态逻辑关系。 前者通过UML交互图(主要是序列图)来表示，参考图8.3的后者通过UML类图来表示，其中单向关系表示可能发生的跳跃，关联边缘的顶部名称应当反映跳跃的原因。 见图8.4。 2020/6/2，19，用户界面设计的过程模型，该活动称为“用户界面概念设计”。2020/6/2，国防科技大学计算机学院，20，用户界面设计过程模型，界面流设计可以在时间上与上述概念设计重叠，即首先确定一个任务的主屏幕(详见8.6节)，将主屏幕概念化考虑到可能从主屏幕跳到哪个屏幕，概念设计将被部署，接口流的每个屏幕的概念设计将继续完成，直到完整接口流为止。 2020/6/2、21、8.4用户界面设计的过程模型、用户界面设计过程的主要活动包括： 概念设计任务分析和建模结果可以帮助确定用户何时需要与软件系统交换信息以完成每个任务，以及软件系统在每个时间应提供的大体屏幕内容。 与接口的详细设计不同，软件系统只需要在合适的时刻逻辑表示需要向用户呈现的信息，就能够接收用户的哪些命令，以及接收执行该命令所需的用户要提供的信息。 概念设计不关心接口的布局和美观，也可以暂时忽略不重要的互动信息。 2020/6/2，22，用户界面设计过程的主要活动，界面流设计对于有些复杂的任务来说，无法进行一次交互，因此用户需要设置几个屏幕以便在适当的时间获得适当的信息并发送适当的命令这些画面之间有跳跃关系，本书称之为“接口流”。 界面精致。 这些活动之间不存在严格的时间序列关系。 2020/6/2，23，在界面设计的整个过程中，必须根据用户分析的成果进行设计决策，这是提高用户满意度的关键。 8.5个用户和任务分析，第一个任务8.5.1个用户分析具体的建模方法(UML类图)，是各个类别的用户表示为UML类，其特征和典型的行为分别表示为他们类别的属性和方法的不同用户之间的关系注：这里的用户分析和结果模型与需求工序不同，只关注界面的用户评价和用户满意度的特征和行为。2020/6/2、24、8.5.2任务分析、任务分析不仅从用户的角度来决定人与人需要协作完成什么样的工作，更大的挑战是根据用户的特征分析来推测各种用户的思维模式， 人与人合作决定完成任务的过程，就是在这个过程中人与人应该在何时进行对话，对话时人与机双方应该提供和接收什么样的信息。 2020/6/2，25，任务分析和界面设计过程中任务分析活动的主要任务是以用例模型、分析模型和用户特征模型为基础，提高用户满意度，尽可能符合用户思维模式的任务完成过程和人性化软件设计师不需要创建新的UML模型图，只需适当地调整用例模型和分析模型中相应的图形和文本说明。 2020/6/2，26，8.6用户界面概念设计，概念设计的主要目标：确定屏幕应包含的主要内容以及用户可以基于屏幕执行的主要操作。 概念设计不关心接口的布局和美观，也不追求接口的内容和操作的完整性，但在概念设计阶段不能忽略重要的信息项目和用户操作。 对于通过任务分析得到的各个任务(用例)，根据其人性协作的过程，找到该任务的主画面。 主屏幕是当用户使用软件系统启动该任务时系统显示的屏幕，其他屏幕或者直接或者间接显示在主屏幕上，并且即使在用户对这些屏幕执行了必要的操作之后，主屏幕也包括2020/6/2，27，用户界面的概念设计，通常仅显示一个屏幕软件设计师必须在逻辑上抽象地设计主屏幕的内容，包括静态元素、动态元素、用户输入元素和用户命令元素。“逻辑抽象设计”是指设计者不考虑接口元素的形状、大小、颜色、位置、布局等，只列举这些接口元素并说明其含义。 2020/6/2，28，用户界面概念设计， 画面上设置界面要素的依据：任务分析阶段得到的人机互动信息和人机协作过程参考需求工程阶段构造的快速原型参考用例模型的用例描述(参照4.5.3节) 参考分析模型的用例实现方案(包括域概念模型、分析类图，尤其是表示用例实现过程的UML交互图的执行者与边界类之间的交互过程和交互信息)。 在概念设计与接口流设计从屏幕设计交叠的过程中，用户接口的概念设计可以从概念设计开始对接口流内除主屏幕之外的稍微复杂的从屏幕(针对主屏幕)执行概念设计通过简单的从画面，可以直接进行详细的设计。 2020/6/2，30，例8.1用户界面的概念设计，打开家庭保安系统后显示初始画面。 此屏幕显示静态开始信息(静态元素)，用文本(动态元素)显示当前时间和系统的当前状态，用不可编辑的表格(动态元素)显示当前系统中的传感器类别、位置和状态，以及用户的“开始监视”、“系统配置”、“日志查询”和“关机”命令该初始画面的外观设计和UML类图如图8.1所示。 家庭保安系统的主要任务是“关机和复位处理”、“传感器监视”、“日志查询”和“系统构成”。 在此示例中，选择“系统配置”以说明主屏幕的设计。 请读者自己研究其他任务的主屏设计。2020/6/2、31、示例8.1用户界面概念设计图8.1家庭保安系统初始屏幕的设计、(a )外观设计(b )初始屏幕的UML类显示、2020/6/2、32、示例8.1用户界面的概念设计(续)、用户从初始屏幕发出“系统配置”命令此对话框不会被视为系统配置任务的主画面。密码认证后进入的画面是真正的主画面。 用户可以设置的信息包括密码、警报电话号码、重拨延迟和最大重拨次数、传感器号码、安装位置、门窗传感器灵敏度和烟雾浓度阈值。 前四个配置信息在屏幕上表示为输入元素的传感器通常有多个，在此示例中设计为可编辑表(参见图8.2(b )中的SensorConfigForm类)。 AddSensorScreen类的属性sensitivity表示门窗隔扇传感器的灵敏度、烟雾传感器的浓度阈值。2020/6/2、33、图8.2家庭保安系统中系统构成主页画面的设计(a )外观设计(b )系统构成主页画面的UML类显示、2020/6/2、34、8.7用户接口流设计、接口流设计的主要目标：画面间的跳转关系、画面间的跳转关系接口流的出现，(1)一个画面的空间容量有限，不足以表现所有必要的接口要素；(2)用户在主画面上的接口操作，需要导出新画面，在新画面上进行面向特定业务功能的接口操作。 在界面流建模过程中，为了设计成为跳跃目标的从画面，概念设计的方法在8.6中叙述。 2020/6/2，35，用户界面流设计，界面流的表现方法主要是UML对话图和类图对话图在特定的应用场景中发生画面跳跃和跳跃时的消息传递类图， 通过关联关系，把在目标软件系统中在画面间可能发生的跳跃和跳跃的原因例分别在图8.3和图8.4的实践中只在类图中描绘了主要的画面和它们之间的跳跃关系。2020/6/2，36，例如8.2用户界面流设计，家庭保安系统的用户从初始屏幕(主屏幕)发出“启动监视”、