菜单 关闭

用户界面中的模式:帮助和伤害用户时

通过 页劳布海默4月14日,二千零一十九

总结:在模态界面中,根据系统的状态,相同的用户操作可能有不同的结果。信号不足的模式很容易引发用户错误,造成灾难性后果。


模式是一个经常被误解的用户界面概念:它们经常与同一数据的不同视觉表示相混淆,或者位于应用程序独立部分的特性。即使是了解哪些模式的用户体验实践者也会争论它们的适当使用,万博官网manbetx下载有很多著名的Uxer万博官网manbetx下载提倡无模式接口.然而,模式可以是有益的和有益的,如果认真、深思熟虑地执行。

定义

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

模式最经典的例子是使用盖帽锁典型键盘上的键:盖帽锁按键关闭,按字母键在文本编辑器中,将显示小写盖帽锁在,相同的操作将导致大写.因此,这个帽子 关键是一个模式转换开关。

具有所有大写文本的文本编辑器窗口
模式示例:在mac textedit中,这个盖帽锁 键将相同的用户输入转换为不同的输出。

系统是无模的如果相同的用户输入总是有相同的结果,无论系统状态如何。

为什么模式有用

当我们有太多不同的选项要提供给用户时,模式会变得有用,并且没有足够的可用输入类型来容纳它们(在一个可用的可发现的,和明智的方式)。

例如,在像photoshop这样的图像编辑应用程序中,对于标准鼠标点击有许多不同的功能很有用,因为能够指向图像的特定部分对于这些功能是至关重要的-其他输入类型(如键盘命令)是不明智的。因此,模式切换工具(如字幕,笔,魔杖,橡皮擦,以及所有其他工具栏图标)用于更改鼠标左键单击的结果。

两个photoshop窗口,显示选定不同工具模式时光标外观的差异
在PS图象处理软件,这个刷子 工具(顶部)和快速选择 工具(底部)是不同的模式:如果刷子 被选中,鼠标左键单击会在屏幕上添加一个彩色补丁;如果快速选择 是活动的,系统选择其认为是照片中对象的任何对象(例如,这张截图中的天空)。photoshop以多种方式指示哪个模式处于活动状态:光标图标更改,与激活模式对应的工具栏中的图标变暗,窗口顶部的上下文面板显示与活动模式相关的选项。

共模误差和可用性问题

模式会导致一系列的可用性问题,包括模式卡瓦(在用户不知道当前活动模式时发生)和低可发现性模式特定功能。

由于系统不清楚,模式会发生滑动。显示其状态给用户,违反了第一个10可用性启发.模式错误一直是我们学科中的一个长期问题,而且,尤其是在复杂系统中,会有致命的后果。众所周知,1991,一架飞机因模式错误撞上了一座山。-在不同的模式下,同样的控制可以用于下降的角度或速度,但目前尚不清楚哪种模式是有效的。系统将飞行员3.3度下降角的意图解释为每分钟3300英尺的负垂直下降-所有这些都是因为相同的控制被用来输入这些数字,仪表板没有清晰的模式指示灯。

另一个,更常见的模式错误包括电子邮件,不幸的是,在我遇到的每一个电子邮件应用程序中仍然存在:可怕的答复所有而不是答复寄件人。这种模式滑动自从电子邮件发明以来就存在了,但仍未解决,尽管它会给所有地方的用户带来尴尬(并激发了建议文章manbetx官网手机登陆如何处理这次灾难性的失误)如果你想做真正有影响力的用户体验工作,万博官网manbetx下载提出一个解决manbetx官方网站手机版答复所有一劳永逸。你将节省几十亿小时的人类寿命。

模式滑动可以通过几个关键设计考虑因素来减少:manbetx官方网站手机版

  • 清除当前激活模式的可见性。使用强烈的视觉信号,如不同的背景,强调活动模式指示灯(如高对比度突出显示或边框)。或更改光标以指示激活的模式。指示器中的冗余是一个明智的想法:我们强烈建议至少有两个视觉指示器(例如,在模式选择器控件上加亮和光标更改的组合)用于哪个模式是活动的。以确保用户知道当前的活动模式,即使他们没有完全注意。
  • 显示模式的效果。明确命名的模式,模式选择器图标的文本标签,工具提示有助于确定当该模式处于活动状态时会发生什么,帮助用户了解该模式的作用。
  • 完全避免模式滑动可能产生不安全结果时的模式(如意外损失工作,删除数据,困窘,或物理安全后果)。即使两个特征在概念上相似(如上述飞机的下降控制),如果不小心把它们混在一起会造成真正的伤害,选择其他设计方案-如两个单manbetx官方网站手机版独的控件。
  • 构造性错误消息当您可以推断某个用户操作最有可能是针对与当前活动的模式不同的模式时。一个经典的例子是密码输入盖帽锁激活:用户可以输入所有大写字母的密码,而不必在系统中意识到屏蔽密码输入.然而,系统知道文本输入期间交换了大小写字符,并可以警告用户停用。盖帽锁然后再试一次(甚至可以通过显示一个指示盖帽锁键在键入时处于活动状态)。
  • 确认对话框这清楚地解释了计算机将要做什么,同时可能提到当前模式。一如既往,应谨慎使用确认书,或者他们不会做任何好事,因为用户会不假思索地回答是的如果你要求他们确认太多次。但在可用性测试的情况下,确认对话框可能是保存用户的最后机会,分析学,或者其他数据表明,人们可能会忘记他们所处的模式。
一种表,其中有一行处于编辑模式,并有明显的视觉信号。
Telerik使用此表中的几个清除模式指示器冗余地显示编辑 模式:行的背景颜色不同,数据表示为窗体字段,操作按钮改变位置和颜色。

模式的另一种选择是弹簧加载模式(也称为拟模;只有当修饰符被激活时,这样的模式才会激活。例如,按住换档键盘上的键是与盖帽锁键-只有当换档按键。准模式防止模式滑动,但要减少用户发现与这些模式相关联的功能的可能性。(还有)当然,在用户希望保持模式以执行扩展的操作集的情况下,弹簧加载模式效率较低。这就是说,你到底想多长时间打一个全大写的句子,在什么时候盖帽锁比弹簧负载更有效换档关键。)

可发现性问题和模式

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

例如,我有一副蓝牙耳机,当我戴着它的时候,它能阻挡大部分外界的声音。它们有一个有用的拨动装置,可以让我有选择地通过它。一些当我需要时,外部声音用于情景感知,比如当我走在一条繁忙的街道上。我在听音乐的时候双击耳机上的按钮来切换这个模式,它关闭或打开,以美妙的短蜂鸣声作为声音反馈。

这种环境感知功能在打电话时也很有用,因为它减少了说话时的奇怪感觉,但听到自己的声音时却非常低沉。然而,当我在打电话的时候周围有很大的噪音(我住在纽约,如果周围经常有很大的噪音,我经常想关闭这项功能一点。不幸的是,当您处于电话呼叫模式时,双击控制按钮不起作用-在这种情况下,双击按钮除了发出声音反馈哔声之外什么都不起作用。就像我分心时通常发生的那样(通过将注意力集中在对话上,不在耳机的用户界面上)。我花了很长时间才明白发生了什么——我遇到了一个与耳机模式相关的主要可查找性问题。

模态:模态的特殊情况

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

一个有一个模式弹出窗口的网站,其中包含了它背后的内容。
wired.com显示了一个经典的模式窗口-用户仍然可以看到,但无法与弹出窗口下面的内容交互。点击变暗的背景区域没有效果(并且不会关闭模式窗口)。

重要的是,并非所有弹出窗口都是模态的-如果用户仍然可以与下面的内容交互,窗口不是模态的(许多GDPR-符合性弹出窗口是非模态的,这至少让他们不那么烦人。模态是一个重量级的设计选择,只有当用户真正manbetx官方网站手机版必须与他们互动以继续他们当前的任务。

网站上的非模式弹出窗口
extweb.com提供了一个非模态的gdpr符合性弹出窗口(“有一个cookie”),当弹出窗口保持可见时,用户仍然可以与背景内容交互。

什么模式不是

数据空间的不同视图

模式不是查看相同数据的不同方式。例如,在Mac Finder中,列表视图和图标视图采用相同的数据(存储在计算机上的文件和文件夹),并以不同的方式显示它们,列表视图显示图标视图中缺少其他元数据。但是,在这两种情况下,相同的用户输入具有相同的效果:单击对象会突出显示它,双击会打开它。相同的输入在两种情况下具有相同的效果,所以图标和列表视图不应该被认为是不同的模式,只是数据空间的不同视图。

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

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

总结

模式对于管理大量使用相同输入控件的功能非常有用。如果输入控件的总数受到限制,例如,在按钮数量有限的物理设备上,或者,如果多个动作最好由同一输入信号(例如,通过在触摸屏上拖动手指,可以很好地表示滚动和绘图)。使用模式将是一个合适的设计选择。manbetx官方网站手机版必须清楚地显示当前的激活模式,视觉差异性强,并且模式不应用于模式错误可能产生灾难性后果的关键场景。

在我们的一整天中了解更多Web和桌面应用程序设计manbetx官方网站手机版当然。

工具书类

人性化的界面,Jef Raskin二千

DeganiAsaf .“人机系统建模:模式,错误,以及相互作用的模式。博士diss.,工业与系统工程学院乔治亚理工学院1996。