📜  对话框设计

📅  最后修改于: 2020-12-14 06:22:39             🧑  作者: Mango


对话是两个或多个生物或系统之间相互作用的构建。在HCI中,对话框的研究分为三个层次-

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

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

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

对话框表示

为了表示对话框,我们需要形式技术来满足两个目的-

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

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

形式主义导论

我们可以使用许多形式化技术来表示对话框。在本章中,我们将讨论以下三种形式主义技术,即-

  • 状态转换网络(STN)
  • 状态图
  • 古典陪替氏网

状态转换网络(STN)

STN是最自发的,它知道对话从根本上表示从系统的一种状态到另一种状态的进展。

STN的语法由以下两个实体组成-

  • 圆圈-圆圈是指系统的状态,通过为状态指定名称来进行标记。

  • 圆弧-圆与圆弧相连,圆弧指的是导致从圆弧起始状态过渡到圆弧结束状态的动作/事件。

STN图

STN图

州图

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

  • 活动状态-基础FSM的当前状态。

  • 基本状态-这些是单个状态,不由其他状态组成。

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

插图

对于每个基本状态b,包含b的超状态称为祖先状态。如果一个超级状态的子状态中有一个处于活动状态,则将其称为“或”超级状态。

让我们看一下在插入硬币时分配瓶子的机器的StateChart结构。

状态图

上图说明了瓶分配机的整个过程。插入硬币后按下按钮,机器将在瓶子填充和分配模式之间切换。当所需的请求瓶可用时,将分配瓶。在后台执行另一个过程,清除所有卡住的瓶子。步骤4中的“ H”符号表示已将一个过程添加到“历史记录”中以供将来访问。

培养网

Petri Net是活动行为的简单模型,它具有四个行为元素,例如-位置,过渡,弧线和标记。 Petri Nets提供了图形化的解释以便于理解。

  • 位置-此元素用于表示电抗系统的无源元素。一个地方用圆圈表示。

  • 过渡-此元素用于象征反应性系统的活性元素。过渡用正方形/矩形表示。

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

  • 令牌-此元素可能会更改。令牌由实心小圆圈表示。

视觉思维

自从绘画,素描,地图,图表,照片等形式出现以来,视觉材料就一直在交流过程中提供帮助。在当今世界,随着技术的发明及其进一步的发展,视觉信息(例如思维和思维方式)的发展潜力不断增加。推理。根据研究,在人机交互(HCI)设计中视觉思维的命令仍未完全发现。因此,让我们学习在HCI设计中的感官活动中支持视觉思维的理论。

发现了有关视觉思维的最初术语,其中包含诸如视觉即时性,视觉动力,视觉阻抗以及视觉隐喻,类比和联想等概念,这些信息是在网络信息设计的背景下进行的。

这样,该设计过程非常适合作为设计过程中的逻辑和协作方法。让我们分别简要讨论这些概念。

视觉即时性

这是一个推理过程,有助于理解视觉表示中的信息。选择该术语以突出其与时间相关的质量,该术语还可以指示设计对推理的促进程度。

视觉动力

视觉动力被定义为一种旨在增加对表示的上下文方面的参与的刺激。

视觉阻抗

它被视为视觉即时性的对立面,因为它阻碍了表示的设计。关于推理,阻抗可以表示为较慢的认知。

视觉隐喻,联想,类比,诱拐和融合

  • 当使用视觉演示根据另一个熟悉的概念来理解一个思想时,它称为视觉隐喻。

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

使用上述概念可以使HCI设计受益匪浅。这些概念在支持在HCI中以及设计过程中使用可视化程序时非常实用。

直接操纵编程

直接操作已被公认为是界面设计的一种好形式,并受到用户的欢迎。这样的过程使用许多源来获取输入,并最终使用内置工具和程序将它们转换为用户期望的输出。

“直接性”被认为是对操纵编程有重大贡献的现象。它具有以下两个方面。

  • 距离
  • 直接参与

距离

距离是一个界面,它决定用户的目标与用户所处理的系统所提供的解释水平之间的鸿沟。这些被称为执行海湾和评估海湾

执行海湾

执行海湾定义了用户目标与实现该目标的设备之间的差距/鸿沟。可用性的主要目标之一是通过消除障碍并遵循步骤以最大程度地减少用户对预期工作的干扰,从而避免工作流,从而消除这种差距。

评价之湾

评估海湾是用户在设计中从系统中解释的期望的表示。根据Donald Norman的说法,当系统以易于获取,易于解释且符合人们对系统思考方式的形式提供有关其状态的信息时鸿沟很小。

直接参与

它被描述为一种程序,其中设计直接处理用户呈现的对象的控制,从而减少了系统的使用难度。

对执行和评估过程的详细检查阐明了使用系统的努力。它还提供了使使用系统所需的精力最小化的方法。

直接操纵的问题

  • 尽管立即响应和将目标转换为行动使某些任务变得容易,但也不应该轻易完成所有任务。例如,重复操作最好是通过脚本而不是立即执行。

  • 直接操作界面发现很难管理变量或说明一类元素中的离散元素。

  • 由于依赖于用户而不是系统,因此直接操作界面可能不准确。

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

项目展示顺序

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

  • 时间
  • 数值排序
  • 物理性质

如果没有与任务相关的安排,那么设计师必须选择以下前景之一:

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

菜单布局

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

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

  • 职称
  • 物品放置
  • 使用说明
  • 错误讯息
  • 状态报告

表单填写对话框

适合多次输入数据字段-

  • 完整的信息应对用户可见。
  • 显示器应类似于熟悉的纸质表格。
  • 对于不同类型的条目,应给出一些说明。

用户必须熟悉-

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

表格填写设计指南-

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