在本文底部下载Jakob的可用性启发1的免费海报。

jakob nielsen的第一个十个启发式- 系统状态的可见性 - 与用户界面设计有关。在其本质上,它是关于沟通和透明度,这对生活的许多方面至关重要。人们争取可预测性和控制,并且在大多数情况下,更多信息转化为更好的决策

无论您在哪里,无论您在做什么,花点时间看看周围,注意一下您周围的各种类型的系统,以及它们是如何传达当前状态的。你的手机或笔记本电脑会显示电池的续航时间;你的电子邮件应用程序会告诉你有多少未读邮件;地铁里的指示牌会指示下一站(或者,如果你错过了上一站,指示下一趟火车到达还有多少分钟)。所有这些宝贵的信息允许您准确地评估与您交互的系统的当前状态。

定义:系统状态的可见性是指系统的状态传达给其用户的状态。理想情况下,系统应始终通过合理的时间内通过适当的反馈,使用户能够通知用户正在发生的事情。

知识就是力量

只有通过了解当前系统状态可以改变它 - 即,您可以克服评价海湾并弄清楚为了达到你的目标你下一步需要做什么。

例如,当你开车时,你需要不断地观察它的速度,以决定你是需要加快还是减速。那些曾经驾驶过速度计坏掉的汽车的人可以证明这是相当困难的事实。当这种情况发生在我身上时,我觉得自己完全被周围的车所左右,因为我试图跟得上他们,并且盲目地相信他们在以合理的速度行驶。缺乏信息通常相当于缺乏控制权

适当的反馈

每当用户与系统交互时,他们都需要知道交互是否成功。系统是否实际上捕获了该按钮,或者忙于别的东西,它忽略了它吗?该项目是否已添加到购物车?请求经过了吗?(用户拥有这些问题的一个原因是他们已经以前因为技术不正常工作而被烧了。但是,即使在免费的错误技术的快乐日到来时,人们仍然会想知道他们是否真的点击或敲击了。)

用户操作的适当反馈可能是用户界面设计最基本的指导。它有助于让用户通知当前状态,并允许它们在不浪费努力的情况下在正确的方向上转向互动。

这样的反馈可以是简单的改变颜色,一旦用户点击了一个按钮,或一个进度指标当流程需要更长时间才能完成时。这些指标表明系统正在工作,并减少了不确定性——例如,防止用户多次按同一个按钮,因为他们不确定第一次是否工作。

2屏幕截图通过反馈进行通信系统状态的示例
更改颜色并将复选标记添加到选择屏幕上的按钮通信系统已注册用户的选择(左)。进度指标向用户保证更长的等待是正常的,并且系统仍在工作(右)。

在此视频剪辑从我们的移动眼科研究中,用户已单击一个按钮,并不确定新页面是否实际加载,因为没有反馈。空心红色圆圈显示用户在屏幕上固定的位置。我们可以看到她在按钮和屏幕顶部之间来回呼号,其中似乎出现了页面加载的进度指示符,以评估是否发生了任何事情。(在大多数浏览器中,如果它们尚不可见,则鼠标悬停在视频上以显示控件。)

为互动事件提供立即反馈允许用户快速识别源错误并尽快修复它们。事实上,即时反馈是主要好处之一直接操纵,用户可以直接在不同的UI对象上行动的交互式方式。与直接操纵UI相比,命令行接口不显示系统的当前状态,也不会提供立即反馈。程序员知道在缺少立即反馈的界面中找到错误的源是多么困难;他们经常不得不诉诸诸如断点和踩踏的工具,以了解系统的状态如何使用其代码中指定的每个操作进行更改。

您是否希望您的用户觉得他们正在使用DOS或UNIX?这些古代指挥线UIS和现代GUI设计之间的实际区别不是彩色图标的存在。它是系统状态的可见性。

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

即使用户无法看到动作的影响,因为系统没有屏幕(就像是这样的情况只有通话功能的设备如亚马逊回声和谷歌主页),该命令被听到的最低反馈是必不可少的。亚马逊的回声显示设备上的灯环,以指示它目前正在侦听或工作。例如,这种开关类型的指示器与运行定时器不如运行计时器,但至少用户可以放心系统听到命令并首先设置定时器。

强迫用户采取行动

现代系统通常是复杂的,并且假设描述系统状态的所有变量可以传送给用户是不合理的。许多后台组件(例如JavaScript文件正在下载并执行以进行网站工作,对用户有何感兴趣。然而,偶尔的后台方面实际上可以发挥重要作用前台。

以库存规模为例。一个产品有多少库存通常与用户无关,不应该显示出来。然而,有两个例外:

  1. 当存货不足时:如果人们知道只有几件存货了,他们更有可能立即采取行动——遵循诸如此类的偏见缺乏社会证明
  2. 当没有库存物品时:此信息可以保存用户尝试添加到不再可用的购物车产品的努力。(失去立即顺序是优选的失去信誉对于未来的订单,如果用户觉得他们不能相信你,那将永远不会被放置。)
屏幕截图在J.Crew网站上快速查看
crew网站显示一个通知,说“只剩几个了!”当用户将鼠标移动到低库存尺寸的产品上时。一些尺码已经售罄,因此用浅灰色划掉。

传达用户目前来自符合免费送货的距离或其他类型的交易也可以鼓励额外购买。

带有1个项目的自然框网站的屏幕截图添加到购物车中
NatureBox.com:页面顶部的横幅传达了用户需要多花多少钱才能获得免费送货资格。

要传达可能影响用户的后台事件,可以使用通知或指标模态对话框也用于告知人们可以显着影响它们的状态变化。

沟通创造信任

当与一个人的真实关系时,那个人扣留来自美国的信息或单方面做出决定,我们开始失去信任并觉得这种关系不再是平等的。当我们与系统互动时发生同样的事情。

当我们了解了系统的状态,我们感到控制- 我们可以依靠系统在所有情况下按预期行事。互动的可预测性不仅会在网站或应用程序的机制中创建信任,而且在本身。

网站和应用程序应该清楚地告诉用户系统的状态是什么- 不通知他们,不应采取对用户后果的任何行动。当外部事件或时间的流逝导致系统状态发生变化时,请简要解释它,但可理解的术语。

例如,当用户重新访问先前创建的现在包含缺货或不再销售的商品的愿望列表时,会发生什么情况?最糟糕的用户体验是这些项目从列表中消失,而没有解释原因。在屏幕顶部有个通知怎么样?这只会稍微好一点,因为它不会帮助用户记住以前在列表中有哪些条目来寻找合适的替代品。这两种方法都剥夺了用户的控制权并降低了信任——如果愿望列表中的项目有时自己消失了,用户可能会停止依赖它。

一个更好的建立信任的方法是明确传达当前系统的状态-哪些项目不再可用-然后允许用户从列表中删除它们或者让它们保持可见以备将来引用。

在阁楼网站的愿望清单上屏幕截图
Loft.com继续在愿望清单中显示股票商品,具有适当的消息传递,以将项目的状态传送给用户。

结论

系统状态的可见性是一个伟大的用户体验的基本宗旨。在其核心,这种启发式鼓励开放和持续的沟通,这是所有关系的基础 - 无论是人还是设备。无知的用户对系统当前状态无法决定下一步做什么,以实现其目标,也不能弄清楚他们的行为是否有效或者他们犯了错误。不要蒙上眼睛!