对话框设计

---

---

对话框是两个或多个实体或系统之间交互的构建。在 HCI 中，对话框在三个层次上进行研究 -

• 词汇级 - 图标的形状、实际按下的键等，都在此级别处理。

• 语法级 - 交互中输入和输出的顺序在此级别进行描述。

• 语义级 - 在此级别，对话框对内部应用程序/数据的影响得到处理。

对话框表示

为了表示对话框，我们需要正式的技术，这些技术有两个目的 -

• 它有助于更好地理解拟议的设计。

• 它有助于分析对话框以识别可用性问题。例如，可以回答诸如“设计是否实际支持撤消？”之类的问题。

形式化的介绍

有很多形式化技术可以用来表示对话框。在本章中，我们将讨论三种形式化技术，它们是 -

• 状态转换网络 (STN)
• 状态图
• 经典的 Petri 网

状态转换网络 (STN)

STN 最为直观，它知道对话框从根本上表示系统从一种状态到另一种状态的演变。

STN 的语法包含以下两个实体 -

• 圆圈 - 圆圈表示系统的一种状态，通过给状态命名来标识。

• 弧线 - 圆圈通过弧线连接，弧线表示导致从弧线开始的状态到弧线结束的状态转换的动作/事件。

STN 图

状态图

状态图表示复杂的反应式系统，它扩展了有限状态机 (FSM)，处理并发，并向 FSM 添加了内存。它还简化了复杂系统表示。状态图具有以下状态 -

• 活动状态 - 底层 FSM 的当前状态。

• 基本状态 - 这些是单个状态，并且不包含其他状态。

• 超状态 - 这些状态由其他状态组成。

图示

对于每个基本状态 b，包含 b 的超状态称为祖先状态。如果在其处于活动状态时，其子状态中只有一个处于活动状态，则超状态称为 OR 超状态。

让我们看看投币后分配瓶子的机器的状态图构建。

上图解释了自动售货机的整个过程。在投入硬币后按下按钮，机器将在装瓶和分配模式之间切换。当所需的请求瓶可用时，它会分配瓶子。在后台，运行另一个程序，其中任何卡住的瓶子都将被清除。步骤 4 中的“H”符号表示将过程添加到历史记录以供将来访问。

Petri 网

Petri 网是主动行为的简单模型，它具有四个行为元素，例如 - 位置、转换、弧线和标记。Petri 网提供图形化的解释，便于理解。

• 位置 - 此元素用于象征反应式系统的被动元素。位置用圆圈表示。

• 转换 - 此元素用于象征反应式系统的活动元素。转换用正方形/矩形表示。

• 弧线 - 此元素用于表示因果关系。弧线用箭头表示。

• 标记 - 此元素会发生变化。标记用小的实心圆圈表示。

视觉思考

视觉材料自古以来就以绘画、素描、地图、图表、照片等形式辅助交流过程。在当今世界，随着科技的发明及其进一步发展，为视觉信息提供了新的潜力，例如思考和推理。根据研究，在人机交互 (HCI) 设计中，视觉思维的能力尚未完全被开发出来。因此，让我们学习支持 HCI 设计中意义建构活动的视觉思维理论。

最初发现了一个用于讨论视觉思维的术语，其中包括诸如视觉直接性、视觉冲动、视觉阻抗以及视觉隐喻、类比和联想等概念，这些概念是在 Web 信息设计的背景下提出的。

因此，此设计过程在设计过程中成为一种合适的逻辑和协作方法。让我们简要讨论一下这些概念。

视觉直接性

这是一种推理过程，有助于理解视觉表示中的信息。选择该术语是为了突出其与时间相关的特性，该特性也用作设计在多大程度上促进了推理的指标。

视觉冲动

视觉冲动被定义为旨在提高对表示的上下文方面的参与度的刺激。

视觉阻抗

它被认为是视觉直接性的对立面，因为它是对表示设计的阻碍。在推理方面，阻抗可以表示为较慢的认知。

视觉隐喻、联想、类比、溯因和融合

• 当使用视觉演示来理解一个想法，将其表达为另一个熟悉的想法时，这被称为视觉隐喻。

• 视觉类比和概念融合类似于隐喻。类比可以定义为从一个特定事物到另一个事物的暗示。概念融合可以定义为来自不同情况的元素和重要关系的组合。

HCI 设计可以通过使用上述概念获得极大的好处。这些概念在支持在 HCI 中使用视觉程序以及在设计过程中都具有实用价值。

直接操纵编程

直接操纵被认为是一种良好的界面设计形式，并受到用户的欢迎。此类过程使用许多来源获取输入，并最终将其转换为用户使用内置工具和程序所需的输出。

“直接性”被认为是主要促成操纵编程的现象。它有两个方面。

• 距离
• 直接参与

距离

距离是指决定用户目标与系统提供的解释级别之间差距的界面，用户与之交互。这些被称为执行鸿沟和评估鸿沟。

执行鸿沟

执行鸿沟定义了用户目标与实现该目标的设备之间的差距/鸿沟。可用性的主要目标之一是通过消除障碍并遵循步骤来最大程度地减少用户对预期任务的干扰，从而缩小这一差距，从而防止工作流程的中断。

评估鸿沟

评估鸿沟是用户从设计中的系统中解释的期望的表示。根据唐纳德·诺曼的说法，当系统以易于获取、易于解释并与用户对系统思考方式相匹配的形式提供有关其状态的信息时，鸿沟很小。

直接参与

它被描述为一种编程，其中设计直接处理用户呈现的对象的控件，并使系统更易于使用。

对执行和评估过程的审查阐明了使用系统的努力。它还提供了最大程度地减少使用系统所需的认知努力的方法。

直接操纵的问题

• 尽管响应的即时性和将目标转换为操作使某些任务变得容易，但并非所有任务都应该容易完成。例如，重复操作最好通过脚本而不是通过即时性来完成。

• 直接操纵界面难以管理变量，或从一类元素中说明离散元素。

• 直接操纵界面可能不准确，因为它依赖于用户而不是系统。

• 直接操纵界面一个重要的问题是它直接支持用户认为的技术。

项目呈现顺序

在 HCI 中，可以根据任务或应用程序要求规划呈现顺序。应注意菜单中项目的自然顺序。呈现顺序中的主要因素是 -

• 时间
• 数字排序
• 物理属性

当没有与任务相关的排列时，设计人员必须选择以下前景之一 -

• 术语的字母顺序
• 相关项目的组合
• 最常使用的项目优先
• 最重要的项目优先

菜单布局

• 菜单应使用任务语义进行组织。
• 宽而浅优于窄而深。
• 位置应通过图形、数字或标题显示。
• 子树应使用项目作为标题。
• 项目应有意义地分组。
• 项目应有意义地排序。
• 应使用简短的项目。
• 应使用一致的语法、布局和技术。
• 应允许提前键入、提前跳转或其他快捷方式。
• 应允许跳转到上一级菜单和主菜单。
• 应考虑在线帮助。

应为以下组件定义一致性指南 -

• 标题
• 项目放置
• 说明
• 错误消息
• 状态报告

表单填写对话框

适用于多个数据字段的输入 -

• 完整的信息应对用户可见。
• 显示应类似于熟悉的纸质表单。
• 应提供一些关于不同类型条目的说明。

用户必须熟悉 -

• 键盘
• 使用 TAB 键或鼠标移动光标
• 错误纠正方法
• 字段标签含义
• 允许的字段内容
• ENTER 和/或 RETURN 键的使用。

表单填写设计指南 -

• 标题应有意义。
• 说明应易于理解。
• 字段应逻辑分组和排序。
• 表单应具有视觉吸引力。
• 应提供熟悉的字段标签。
• 应使用一致的术语和缩写。
• 应提供方便的光标移动。
• 应提供单个字符和整个字段的错误纠正功能。
• 错误预防。
• 应填充不可接受值的错误消息。
• 应清楚地标记可选字段。
• 应提供字段的解释性消息。
• 应填充完成信号。