菜单 关闭

指标,验证,和通知:选择正确的通信选项

通过 基姆弗莱厄蒂7月26日,二千零一十五

总结:状态反馈对任何系统的成功都至关重要。知道何时使用3种常用的通信方法是支持用户的关键。


在交互设计中,manbetx官方网站手机版一个系统,无论是应用程序,网站,或硬件(任何来自聪明人到A恒温器)应该总是通知用户,通过提供适当的反馈。确保系统的状态始终可见是10接口设计的可用性启发式方法manbetx官方网站手机版.系统状态信息,例如错误消息和系统活动通知,允许用户完全理解当前上下文。

通信系统状态的最佳方式取决于几个关键因素:

  • 所传达的信息类型
  • 信息的紧迫性-用户立即看到它有多重要
  • 用户是否需要根据信息采取行动

状态通信的三种常见方法包括确认,通知,和状态指示器。这些术语有时在产品设计中可以互换使用,manbetx官方网站手机版但它们代表了在不同情况下应该使用的不同的通信方法。了解它们之间的差异将有助于您通过为每个需求选择最佳选项来提高对用户的反馈。

指标

指示器是一种生成页面元素的方法(无论是内容还是用户界面的一部分)特别提醒用户值得用户注意的。经常,指示器将指示该元素表示的项发生了一些更改。

虽然,稍后我们会看到,经常使用指标来表示验证错误或通知,它们也可以单独使用。指示器是一种视觉提示,旨在吸引用户注意本质上是动态的特定内容或UI元素。(如果某些内容看起来总是相同的话,这不是指标,不管它的设计多么华丽。)manbetx官方网站手机版

实施指标至少有三种可能的方法:

  • 时常,但并非总是如此,指标执行为图标.容易地可识别图标能够制作非常有效的沟通工具。
  • 排版印刷变化也可用作指标;例如,投资账户中常见的粗体未读电子邮件或彩色编码股票符号(如果其价格发生了重大变化)。
  • 虽然不太常见,扩大的大小动画(例如,振动)也可用于使某些物品从人群中脱颖而出,从而作为指示器。
Yelp在搜索结果中使用了一个绿色标签指示器来表示茶叶市场有一个特殊的交易正在进行。该指标传达了有关茶叶市场的其他信息。

指标特点:

  • 指标是上下文的.它们与一个UI元素或一段内容相关联,并应显示在该元素附近。
  • 指标是有条件的-他们并不总是在场,但根据特定条件出现或改变。例如,股票表现指标,比如下面的美国世纪的例子,可以更改以指示股票价格是上涨还是下跌。此外,上面Yelp示例中的标记指示符仅在该业务有交易时出现。
  • 指标是被动的.他们不要求用户采取行动,但是,它被用作一种交流工具来提示用户注意某些事情。
美国世纪投资公司(American Century Investments)使用一个条件指标来提供特定股票表现的信息。当每日变化为负时,指示器是一个向下的红色箭头。当每日变化为正值时,它显示一个绿色箭头指向上。股票表现的状况影响了价格旁边显示的指标。

指示器会给你的整个界面带来噪音和混乱,可能会分散用户的注意力,因此,重要的是要考虑在设计中使用多少(如果有的话)指标。manbetx官方网站手机版

在决定指标是否合适时,请考虑以下几点:

  • 信息对用户有多重要?是否值得占用页面空间通知用户?
    • 信息的使用频率?
    • 用户希望看到信息吗?
    • 如果没有提供,会错过吗?
  • 用户发现信息对应用程序有多重要?

验证

验证消息是错误信息与用户输入相关:他们交流刚输入的数据是不完整还是不正确。例如,在电子商务系统中,验证消息通常涉及诸如名称,帐单地址,以及信用卡信息。

cobragolf.com提供了一条验证消息,明确指出哪个字段出错。然而,这条信息是复杂和混乱的。“请输入有效的电子邮件地址。”

验证特征:

  • 用户需要采取措施清除验证消息。
  • 验证消息中的信息是上下文相关的,适用于有问题的特定用户输入。

验证的实施方式因表格的特殊需要而有所不同。一般来说,如果用户输入不正确,系统应通过提供可识别和清晰的信息来通知用户,以帮助纠正错误。验证消息应跟随错误信息指南不是简单地确定问题,他们应该告诉用户如何修复它。例如,不要状态“字段为空。”请输入您的街道地址“更礼貌并指导解决方案。

由于验证是上下文相关的,使用图标指示器与验证消息一起帮助通信哪些输入丢失或需要更正。

bestbuy.com提供了一条有用的验证消息,告诉用户如何解决问题,还使用了一个图标指示器和不同的颜色来吸引用户对需要更正的字段的关注。

通知

通知是指通知用户系统中的常规事件.与验证不同,通知可以不直接绑定到用户输入或者甚至用户在系统中的当前活动,但它们通常会通知用户系统状态的变化或可能感兴趣的事件。如果是电子邮件,社交网络,以及手机应用程序,甚至可以在用户离开应用程序时发送通知。

通知可以是上下文的-应用于特定的UI元素-或全球的-应用于整个系统。

Facebook应用程序在新闻提要中使用了一个上下文通知来传达更新的新闻已添加到提要中。此通知不要求用户采取操作。

通知的特点:

  • 它们不是由用户的即时操作触发的。
  • 他们宣布了一个对用户有一定意义的事件。

通知有两种主要类型,这取决于用户是否需要根据通知采取行动:

  • 需要操作的通知通知用户需要用户操作的事件。从这个意义上说,它们类似于验证,但由于它们不是由用户自己的行为引起的,它们需要不同的设计。manbetx官方网站手机版

需要采取的行动通知通常是紧急的,应该是侵入性的;例如,它们可以作为中断用户的模式弹出来实现,强迫立即注意并要求撤销诉讼。

Mac操作系统使用通知来通知用户可用的系统更新。用户必须明确地将其从屏幕上删除,选择安装更新或稍后再次提醒。这是一个侵入性通知,要求用户采取行动。
  • 被动通知是信息性的;它们报告不需要任何用户操作的系统事件。移动应用程序中的许多通知都是被动的:它们通常会通知用户可能感兴趣的事件。

被动通知通常不是紧急的,应该不那么具有侵入性。被动通知的典型实现可能是一个徽章图标或屏幕角落的一个小的非模态弹出窗口。被动通知很容易丢失,因为它们不需要用户操作。当通知提供的信息是理解系统的关键时,容易忽略的被动通知可能有问题。

Adobe Creative Cloud使用非侵入式被动通知来通知用户可用的应用程序更新。这个通知在消失前在屏幕上出现了几秒钟。用户不需要对其执行任何操作。

uniqlo.com使用非侵入性被动通知提供项目添加到购物车的反馈。无需采取任何措施来撤销通知。这些通知有时会给没有注意到短消息的电子商务购物者带来问题。错过消息的用户可能会多次向购物车中添加项目进行响应,或者通过中断他们的购物流程来检查购物车,查看添加了哪些项目。

通知的设计挑战在于它们不是特定用户操作的直接和manbetx官方网站手机版明显的结果。相反地,用户可能正在做一些不同的事情,可能没有考虑通知所引发的问题。这需要通知来建立更多的上下文,并为用户提供足够的背景信息,以了解通知是关于什么的。

(相比之下,通过验证,用户刚刚做了需要纠正的事情。因此,验证消息不需要向用户介绍手头的任务。例如,如果电子商务签出表单中的信用卡到期日期字段为空,验证消息不需要说“请提供您想要支付29.90美元的信用卡的有效期,以支付您在优衣库网站上购买的蓝色无袖连衣裙的费用。”然而,第二天的一个通知,服装已经从仓库发货,需要说的不仅仅是“您的包裹已发货。”

如果通知是上下文的,并且与接口中的特定元素相关,元素上的图标指示器可以在应用通知的位置进行通信,并引起用户的注意。例如,移动应用程序图标上的指示器徽章显示用户已收到来自相应应用程序的通知。

iPhone消息应用程序创建了一个通知,通知用户收到了一条新消息。连同通知,消息应用程序图标上放置了一个指示器徽章,用于通知应用的位置。要清除指示灯,用户必须查看消息。

mint.com使用一个指示器和一个通知来传达一个帐户需要注意的信息。警告指示灯(1) 与需要注意的账目摘要非常接近,当通知(2) 与其他重要信息一起出现在页面的中心区域。通知消息中的实际文本可能更有用,不过。

选择正确的通信选项很重要

使用错误的通信方法可能会对用户体验产生负面影响。让我们回顾一下上面的场景,Yelp在搜索结果中使用了一个绿色标签指示器来指示茶叶市场有一个特殊的交易正在运行。对于那些专门寻找喝茶地点的用户来说,这些信息是上下文相关的并且很重要。

您可能认为,提醒用户潜在茶叶交易的另一种方法是在此类交易可用时向他们发送通知。错了!无论当前用户目标如何,发送的通知都可能被忽略,甚至可能会让用户恼火,因为这会扰乱他们当前的任务,与他们当前的需求无关。

(一般而言,任何类型的广告都会被忽略,除非它与用户的目标和心态有关。

或者,一个吐司(一个小的非模态弹出窗口,几秒钟后消失,像新故事Facebook应用程序使用的一个)。虽然适合被动通知,这将是实现错误消息的一个坏方法,不管是验证还是其他。事实上,我们的一个移动用户花了5分钟等待加载一些内容,只是因为她没有注意到屏幕底部显示的小错误消息,这些消息在5秒钟后很快就消失了。

allmodern.com使用了一个操作所需的通知来通知用户某个产品已被保存为收藏。对于将大量项目保存到其收藏中的用户,这可能是一种烦人的、干扰性的反馈方式。这可以通过在屏幕的角落显示一个被动的非模态弹出来更好地传达。但不需要用户采取行动来清除它。

结论

记住,这三种沟通方法的主要区别是:

  • 指示器提供关于动态内容块或UI元素的补充信息。它们是有条件的——也就是说,它们可能在特定条件下出现或改变。
  • 验证与用户的操作或输入相关。
  • 通知集中在与系统相关的事件上。

下表总结了这些差异:

验证

通知

指标

全球VS上下文:与全局系统事件或特定页面元素相关

上下文的

全局或上下文

上下文的

被动VS需要用户操作

要求行动

所需动作或被动动作

被动的

由用户操作触发系统事件

用户行为

系统事件

用户操作或系统事件

了解何时以及如何使用这些反馈工具对于建立与用户通信的一致性非常重要。通过评估交付的信息类型,我们可以确定正确的使用机制。