模式是一个经常被误解的UI概念:它们经常与相同数据的不同视觉表示或位于应用程序单独部分的特性相混淆。即使UX实践者了解什么模式是合适的使用争论,与许多著名的用户提倡非模态接口。但是,如果仔细和仔细地实施,模式可能是有益的和有用的。

定义

定义:根据激活的状态,模式是系统输入的用户输入的不同解释。相同的输入,结果不同。

模式的最古典的示例是使用的大写锁定典型键盘上的键:与大写锁定按off键,按字母键一个在文本编辑器中将显示小写一个。借大写锁定ON,相同的行动将导致大写一个。因此,披肩键是模式切换器。

带有所有帽子文本的文本编辑器窗口
模式的一个例子:在Mac TextEdit中大写锁定键将相同的用户输入转换为不同的输出。

系统是非模态的无论系统状态如何,相同的用户输入都会产生相同的结果。

为什么模式很有用

当我们有太多不同的选项时,模式会变得有用,我们想要为用户提供,而不是足够的可用类型的输入来容纳所有类型(以可用,可发现和明智的方式)。

例如,在像Photoshop这样的图像编辑应用程序中,标准的鼠标点击具有许多不同的功能是很有用的,因为能够指向图像的特定部分对这些功能来说是至关重要的——其他输入类型(如键盘命令)是不合理的。因此,模式切换工具(如选框、钢笔、魔术棒、橡皮擦和所有其他工具栏图标)用于更改鼠标左键单击的结果。

两个Photoshop Windows,显示使用不同工具模式的光标外观差异
在photoshop中,工具(顶部)和快速选择工具(底部)是不同的模式:如果选中时,鼠标左键单击将在屏幕上添加一个彩色补丁;如果快速选择处于活动状态,系统选择其被认为是照片中的物体(例如,在此屏幕截图中的天空)。Photoshop指示在多种方式中有哪些模式:游标图标更改,与活动模式对应的工具栏中的图标变暗,窗口顶部的上下文面板显示与活动模式相关的选项。

常见模式错误和可用性问题

模式可能导致一系列可用性问题,包括模式滑倒(当用户不知道当前活动模式时发生)和可发现性低特定模式特征。

模式滑动是因为系统没有清楚表明其状态给用户,违反了第一个10个可用性启发式。模式错误在我们的学科中是一个长期存在的问题,特别是在复杂的系统中,可能会产生致命的后果。众所周知,1991年,由于模式错误,一架飞机撞上了山- 在不同的模式下,相同的控制可用于下降的程度或速度,但它不充分清除当前的模式。Tragically, the pilot’s intention of a 3.3-degree descent angle was interpreted by the system as a negative vertical descent of 3,300 feet per minute — all because the same control was used to enter these numbers and the dashboard didn’t have a clear mode indicator.

另一个更常见的模式错误与电子邮件有关,不幸的是,它仍然存在于我遇到的每个电子邮件应用程序中:可怕的回复所有人而不是回复发送方。自从电子邮件出现以来,这种模式的错误就一直存在,至今仍未得到解决,尽管它会给各地的用户带来尴尬(并激发出一些建议文章)manbetx官网手机登陆关于如何处理这种灾难性的滑动)。如果你想做真正有影响力的用户体验工作,想出一个解决这个问题的设计回复所有人错误一次和所有。您将在字面上节省数十亿岁的人类寿命。

可以使用几个关键设计考虑因素减少模式滑块:

  • 当前活动模式的清晰可见性。使用诸如不同背景之类的强大的视觉信号,强调活动模式指示器(例如高对比度突出显示或边框),或更改光标以指示哪个模式处于活动状态。指标中的冗余是一个明智的想法:我们强烈推荐至少两个视觉指示器(例如在模式选择器控件上突出显示的组合,如模式激活,以确保用户知道当前活动的模式即使它们没有完全关注。
  • 迹象显示模式的效果。明确命名的模式,模式选择器图标的文本标签,以及帮助建立该模式处于活动状态时发生的情况的工具提示,可以帮助用户理解该模式的功能。
  • 当模式卡瓦会产生不安全的结果时,要完全避免使用模式(例如意外丢失工作、删除资料、尴尬或物理安全后果)。即使两个特征在概念上相似(例如上述平面的下降控制),如果意外混合它们会导致真实伤害,请参加其他设计替代品 - 类似于两个单独的控制。
  • 建设性的错误消息当您能够推断某个用户操作很可能用于与当前活动的模式不同的模式时。一个典型的例子是密码输入大写锁定是活动的:用户可能在系统中键入全大写字母的密码而没有意识到它掩码密码条目。但是,系统知道在文本条目期间交换大写和小写字符,并可以警告用户停用大写锁定然后再试一次(或者甚至通过显示一个指示错误的符号来防止错误大写锁定键入时键是活动的)。
  • 确认对话框这清楚地解释了计算机将要做什么,同时可能提到了当前模式。和往常一样,确认信息应该谨慎使用,否则它们不会有任何好处,因为用户会不假思索地回答是的如果你让他们确认太多次。但是,在可用性测试、分析或其他数据表明人们可能会忘记他们所处的模式的情况下,确认对话框可能是保存用户的最后机会。
表中的一行处于编辑模式,并明显地发出可视信号
Telerik在此表中使用了几个清除模式指示器来冗余地显示所在的行编辑模式:行的背景具有不同的颜色,数据表示为表单字段,操作按钮更改位置和颜色。

模式的替代方案是加载弹簧模式(也称为quasimodes);只有当修饰符被使用时,这些模式才被激活。例如,按住转变键盘上的键是弹簧加载的相当于大写锁定键 - Quasimode仅在转变键正在被按。准模可以防止模态跳脱,但用户不太可能发现与这些模态相关的特征。(当然,在用户希望为一组扩展的操作保持模式的情况下,spring加载模式的效率较低。也就是说,你多久会真正想要输入一个全大写文本的整个句子,这是主要的情况大写锁定比弹簧加载更效率转变关键。)

问题和模式的发现性

模式也让新用户很难找到并记住某些功能或命令的位置。如果某个特性或命令仅在一种模式下对用户可用,用户自然遇到它的可能性(称为可发现性)或者以后能够找到它(称为可寻性)远低于该功能始终可用。

例如,我有一对蓝牙耳机,当我穿着它们时,阻挡了大多数外部声音。它们有一个有用的切换,让我选择性地通过一些外面的声音在我需要时的情境意识,例如当我走在繁忙的街道上时。我通过双击耳机上的按钮在聆听音乐时通过双击这一模式,使其关闭或打开,并具有良好的短哔声作为声音反馈。

这种环境意识功能在打电话时也很有用,因为它减少了你在说话时听到自己声音很低沉的那种怪怪的感觉。然而,当我打电话时有很大的噪音时(我住在纽约,那里经常有很大的噪音),我经常想把这个功能关掉一段时间。不幸的是,当你处于电话呼叫模式时,双击按钮不起作用——在这种情况下,双击按钮除了发出可听到的反馈哔哔声之外什么也做不了。这通常发生在我分心的时候(我把注意力集中在对话上,而不是耳机的UI上),我花了很长时间才明白发生了什么——我遇到了一个主要的与耳机模式有关的可寻性问题。

模数:一种特殊的模式

模态窗口是一种特定类型的模式;它们以弹出窗口或滑过面板的形式出现,并且它们限制了用户与模态背后的内容交互的能力,即使这些内容将保持可见(通常是暗的)。模态窗口或对话框要求用户在返回之前进行交互。模态将用户输入限制在其窗口中,直到取消该窗口。如果用户点击或点击模态背后的背景(试图与内容交互),模态要么被取消,要么什么也不会发生。因此,模态窗口将界面移动到一种特殊的模式中,根据模态是否处于活动状态,相同的输入(单击背景中的链接)将产生不同的结果。

一个网站的模态弹出涵盖背后的内容
Wired.com显示了一个经典的模式窗口-用户仍然可以看到,但不能与弹出框下的内容交互。点击变暗的背景区域没有效果(并且不会取消模式窗口)。

重要的是,并非所有弹出窗口都是模态 - 如果用户仍然可以与其下面的内容交互,则窗口不是模态(许多GDP.-遵从性弹出窗口是非模态的,这至少使它们稍微不那么烦人)。模态是一个重量级的设计选择,只有当用户真正适合必须与他们互动以继续他们当前的任务。

网站上的非模态弹出
ThenextWeb.com具有GDPR-Compliance弹出窗口(“具有cookie”),该弹出窗口是非透明的,因为用户仍然可以与该弹出窗口仍然可见的背景内容。

什么模式不是

而不是数据空间的不同视图

模式并不是观察同一数据的不同方式。例如,在Mac Finder中,列表视图和图标视图使用相同的数据(存储在计算机上的文件和文件夹)并以不同的方式显示它们,列表视图显示图标视图中没有的额外元数据。但是,相同的用户输入在两种情况下具有相同的效果:单击对象突出显示它,双击它打开它。相同的输入在两种情况下具有相同的效果,因此图标和列表视图不应该被认为是不同的模式,而只是数据空间的不同视图。

两个MAC Finder Windows在两个不同的视图中划接相同的文件夹结构(这不是模式)
Mac Finder中的相同数据的这两个视图是不同的模式,即使图标视图(顶部)不显示列表视图(底部)中可见的所有元数据。相同的用户输入(单击其中一个项目)在两个视图中产生相同的效果:选择和突出显示该项目。

但是,即使是这个简单的界面也包括访问模式。通常,在任何一个视图中键入字母将根据其名称突出显示其他项目。但是,如果在选择并突出显示该项目后,单击文本标签一次,则项目的名称翻阅编辑模式。此时,键入将更改项目的名称。因此,即使图标和列表视图本身不是模式(只是数据的不同视图),它们都包括访问其他模式(分别导航和编辑)。

概要

模式对于管理可以从使用相同输入控件中获益的大量特性非常有用。如果输入控件的总数是有限的,如在物理设备有限数量的按钮,或者几个行动最好由相同的输入信号(例如,滚动和画都表示通过拖动手指在触摸屏),使用模式将是一个适当的设计选择。然而,当前的活动模式必须清楚地指示出来,具有强烈的视觉区分,并且不应该在模式错误可能产生灾难性后果的关键场景中使用模式。

在我们全天了解更多信息Web和桌面的应用设计课程。

参考资料

人性化的界面,杰伊·莱斯丁,2000

Asaf Degani。”人机系统建模:关于交互的模式、错误和模式。博士论文,工业与系统工程学院,乔治亚理工学院,1996年。