菜单 关闭

系统状态可见性

通过 奥罗拉哈雷6月3日,二千零一十八

总结:通过通信当前状态,用户可以感受到对系统的控制,采取适当的行动来实现他们的目标,最终相信品牌。


雅各布·尼尔森的第一个十启发式-系统状态的可见性-与用户界面设计无关。manbetx官方网站手机版本质上,它是关于沟通和透明度,对生活的许多方面都至关重要。人们努力实现可预测性和控制性,而且,在大多数情况下,更多信息转化为更好的决策.

无论你在哪里,不管你在做什么,花点时间四处看看,注意你周围的各种系统,以及他们如何传达自己的现状。您的手机或笔记本电脑显示剩余电池电量;您的电子邮件应用程序告诉您有多少未读电子邮件;地铁中的标志表示下一站(或,如果你错过了最后一个,到下一班火车到站还有多少分钟)。所有这些信息都允许您准确地评估与之交互的系统的当前状态。

定义:系统状态的可见性是指系统状态向用户传递的程度。理想的,系统应始终让用户了解正在发生的事情,在合理的时间内通过适当的反馈。

知识就是力量

只有知道当前的系统状态,你才能改变它——也就是说,你可以克服评估湾找出你接下来要做什么才能达到你的目标。

例如,当你开车的时候,你需要不断地观察它的速度来决定你是需要加快还是放慢速度。那些曾经驾驶过速度表坏掉的汽车的人可以证明这是相当困难的。当这件事发生在我身上时,我觉得我周围的车都在摆布我,当我试图跟上步伐,盲目地相信他们以合理的速度前进时。缺乏信息往往等同于缺乏控制.

适当的反馈

每当用户与系统交互时,他们需要知道交互是否成功。系统是否真的抓住了那个按钮,或者它正忙于别的事情而忽略了它?该商品是否已添加到购物车?申请通过了吗?(用户有这些问题的一个原因是以前被不能正常工作的技术烧坏了.然而,即使在无缺陷技术的美好日子到来的时候,人们仍然会怀疑他们是否真的点击或点击正确。)

用户行为的适当反馈可能是用户界面设计的最基本准则。manbetx官方网站手机版它的作用是让用户了解当前的状态,并允许他们引导交互朝着正确的方向发展,不会浪费精力。

这样的反馈可以很简单,只要用户点击一个按钮,就可以改变颜色。或A进度指示器当一个过程需要更长时间才能完成时。这些指示灯表示系统正在工作,减少不确定性——防止用户说,多次点击同一个按钮,因为他们不确定第一次是否有效。

2通过反馈传达系统状态的屏幕截图示例
更改颜色并向选择屏幕上的按钮添加选中标记,表示系统已注册用户的选择(左)。进度指示器让用户放心,较长的等待是正常的,系统仍在工作(对)。
在我们的移动眼球跟踪研究的视频剪辑中,用户单击了一个按钮,不确定是否实际加载了一个新页面,因为没有反馈。空心的红色圆圈显示用户固定在屏幕上的位置。我们可以看到她在按钮和屏幕顶部之间来回看,页面加载的进度指示器通常会出现,评估是否有任何事情发生。(在大多数浏览器中,将鼠标悬停在视频上方以显示控件(如果控件尚不可见)。

为交互式事件提供即时反馈,允许用户快速识别错误一做好就把它们修好。事实上,即时反馈直接操纵,用户可以直接对不同的UI对象进行操作的交互样式。与直接操作用户界面不同,命令行接口不显示系统的当前状态,他们也不会立即给出反馈。程序员知道在缺乏即时反馈的接口中定位错误源有多困难;它们通常必须借助诸如断点和单步执行之类的工具来理解系统状态如何随代码中指定的每个操作而变化。

您想让您的用户感觉他们在使用DOS或Unix吗?这些古老的命令行uis和现代的gui设计之间的真正区别不是彩色图标的存在。manbetx官方网站手机版它是系统状态的可见性。

在Amazon Prime Music移动应用程序上使用拖放播放列表重新排序歌曲的屏幕截图
iOS上的亚马逊音乐应用程序允许用户直接操作播放列表中项目的顺序。用户随时都知道系统状态,从而可以很容易地识别和纠正错误。

即使用户看不到操作的效果,因为系统没有屏幕(例如仅限语音设备比如亚马逊Echo和谷歌主页,听到命令的最小反馈是必要的。亚马逊的echo在设备上显示一个光圈,表明它正在监听或处理命令。这种开关式指示器不如运行计时器好,例如,但至少用户可以确信,系统听到命令,计时器是在第一时间设置的。

迫使用户采取行动

现代系统往往很复杂,假设描述系统状态的所有变量都能传达给用户是不合理的。许多后台组件,例如,为了使站点工作,正在下载和执行哪些javascript文件,对用户不感兴趣。然而,有时候后台方面实际上可以在前台发挥重要作用。

采取,例如,库存大小的情况。产品的库存量通常与用户无关,不应显示。然而,有两个例外:

  1. 当库存不足时:如果人们知道只剩下一些物品,他们更有可能立即采取行动,如稀缺社会证明.
  2. 当库存中没有商品时:此信息可以为用户节省尝试将不再可用的商品添加到购物车的努力。(失去即时订单比失去信誉对于未来的订单,如果用户觉得他们不能信任您,则不会放置此选项。)
J.Crew网站上的产品快速浏览截图
J.Crew网站会显示一条通知:“只剩下几个了!”当用户将鼠标移到产品的低库存尺寸上时。有些尺寸已经卖完了,因此显示为浅灰色。

沟通用户目前离获得免费送货或其他类型交易资格还有多远,也可以鼓励额外购买。

NatureBox网站的屏幕截图,其中1项添加到购物车中
naturebox.com:页面顶部的横幅显示用户需要花费多少钱才能享受免费送货服务。

交流可能影响用户的后台事件,你也可以用通知或指标.模式对话框也用于告知人们可能对其产生重大影响的状态变化。

沟通创造信任

什么时候?在现实生活中与一个人的关系中,此人隐瞒我们的信息或单方面作出决定,我们开始失去信任,感觉到这段关系不再是平等的。当我们与一个系统交互时,同样的事情也会发生。

当我们了解系统的状态时,我们感觉控制住了-我们可以依靠这个系统在任何情况下都按预期行事。交互的可预测性不仅在网站或应用程序的机制中创造了信任,而且在品牌本身。

网站和应用程序应该向用户清楚地传达系统的状态-未通知用户,不得采取对用户有影响的行动。当外部事件或时间推移导致系统状态发生变化时,用简明易懂的语言解释。

例如,当用户重新访问先前创建的心愿单时,如果该心愿单现在包含缺货或不再销售的商品,该怎么办?最糟糕的用户体验是,如果这些项目只是从列表中消失,没有解释为什么。屏幕顶部的通知怎么样?这只会稍微好一点,因为它不会帮助用户记住列表上以前的项目,以找到合适的替换项。这两种方法都会从用户手中夺走控制权并降低信任度——如果其中的项目有时自行消失,用户可能会停止依赖愿望列表。

更好建立信任的方法是显式地通信当前系统的状态-哪些项目不再可用-然后允许用户将其从列表中删除或保持可见以供将来参考。

Loft网站的心愿单上缺货项目的屏幕截图
loft.com继续在心愿单中显示缺货商品,通过适当的消息向用户传达项目的状态。

结论

系统状态的可见性是一个伟大用户体验的基本原则。在其核心,这种启发式方式鼓励开放和持续的交流,这是所有关系的基础——无论是与人还是设备。不了解系统当前状态的用户无法决定下一步要做什么来实现他们的目标,他们也不知道自己的行动是否有效,或者是否犯了错误。不要蒙蔽你的用户!