在交互设计,一个系统,无论是应用程序,网站或一块硬件(从什么智能手表恒温器),要经常来通知用户通过提供适当的反馈。确保系统的状态始终是可见的一个10个可用性启发式界面设计。有关系统状态,如错误消息和系统活动的通知信息,让用户充分理解当前上下文。

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

  • 的类型的信息被传达
  • 该信息的紧迫性 - 是多么重要的是,用户可以立即看到它
  • 用户是否需要采取行动的信息的结果

对于状态通信三种常用方法包括验证,通知和状态指示灯。这些术语有时可以互换使用,在产品设计,但它们代表应在不同情况下使用不同的通信方式。了解它们之间的差异将帮助您选择适合每个人都需要的最佳选择锐化您的反馈给用户。

指标

一个指标是制造页元件的方式(将它的内容或所述用户接口的一部分)站出来通知用户有一些特别的东西它是保证用户的关注。通常,指示器将表示该已有一些改变由该元件所表示的项。

虽然,我们稍后会看到,指标用来屡有信号验证错误或通知,他们也可以自己使用。指标是视觉提示旨在吸引用户的注意力吸引到一个特定的内容片段或UI元素本质上是动态的。(如果有些东西看起来总是相同的,它不是一个指标,不管它是如何张扬设计的。)

有落实指标的至少三种可能的方式:

  • 通常情况下,但并非总是如此,指标实现为图标。容易识别的图标可以很有效的沟通工具。
  • 排印变化可以也可以用作指标;例子包括,如果它们的价格实际上已经改变了在一个投资账户加粗未读电子邮件或颜色编码股票符号的共同约定。
  • 虽然不太常见,放大尺寸要么动画(例如,振动)也可用于制备某些项目从脱颖而出,因此可作为一个指标。
Yelp的应用在搜索结果中的绿色标签指示,表明茶叶市场有一个特殊的交易运行。该指标传达有关茶叶市场的更多信息。

特性指标:

  • 指标是上下文。它们与UI元素或用一块内容相关联的,并且应在靠近该元素被显示。
  • 指标是有条件的- 他们并不总是存在,但出现或变化取决于一定的条件。例如,股票业绩指标,如一个在下面的美国世纪例如,可能会改变,表示如果股价是上升还是下降。此外,在Yelp的例子中,标签指示,如果有一笔交易以该业务上面才会出现。
  • 指标是被动。他们并不需要用户采取行动,而是作为一种通信工具,以提示用户注意的东西。
美国世纪投资使用条件指示器,以提供关于特定股票的性能信息。当每天的变化是负的,指标是一个红色箭头指向下方。当每天的变化是积极的,它显示一个绿色的箭头朝上。股票表现的影响条件这是旁边显示的价格指标。

指标可以引入的噪声和杂波你的整体界面,并且可能会分散用户,所以要考虑有多少(如果有的话)指标,您的设计中使用是很重要的。

考虑决定是否一个指标是在适当的时候如下:

  • 重要的是如何将信息提供给用户?是否值得占用空间网页上通知用户?
    • 多久使用这些信息?
    • 将用户希望看到的信息?
    • 如果不提供它会是错过了什么?
  • 如何重要的是它为用户发现信息的应用程序?

验证

确认消息错误信息相关用户的输入:他们沟通刚输入的数据是否完整或不正确。例如,在电子商务系统,验证消息往往涉及信息,如姓名,账单地址和信用卡信息。

Cobragolf.com条件是明确指出哪个字段是错误的验证消息。然而,该消息是复杂和混乱。更好的消息可能会说“请输入有效的电子邮件地址。”

验证的特点:

  • 用户需要采取行动,以清除确认消息。
  • 在验证消息中的信息是上下文,并适用于具有问题的特定的用户输入。

在确认应实施方式而异基于表单的独特需求。然而,在一般情况下,如果用户的输入不正确,系统应该通过提供可识别的和明确的信息,在纠正错误艾滋病告知用户。验证消息应遵循错误消息指引而不是简单地识别问题,他们应该告诉用户如何修复它。例如,不状态“字段为空。”请输入您的街道地址”更有礼貌,引导到一个解决方案。

由于验证是上下文,它可以帮助使用图标指示与确认消息以帮助沿其通信输入(多个)丢失或需要校正。

Bestbuy.com提供一个有用的验证信息,告诉用户如何来解决这个问题,也使用的图标指示,并以不同的颜色来吸引用户的注意力吸引到外地一个需要修正。

通知

通知是信息性消息说在系统中提醒一般出现的用户。与验证,通知可能不直接连接到用户输入甚至在系统中用户的当前活动,但他们通常会通知变化的用户在系统状态或可能感兴趣的事件。在电子邮件,社交网络和移动电话应用的情况下,通知甚至可以在用户是离开应用程序交付。

通知可以上下文-applying到特定的UI元素 - 或全球-applying该系统作为一个整体。

Facebook的应用程序使用的语境通知的新闻馈送来传达新的故事已被添加到饲料中。该通知并不需要用户采取行动。

通知的特点:

  • 它们不是由用户直接操作触发。
  • 他们宣布,具有一定的意义给用户的事件。

主要有两种类型的通知,而不同基于用户是否需要在所述通知采取行动:

  • 需采取行动的通知提醒需要用户操作的事件的用户。在这个意义上说,它们类似于验证,但因为它们不是由用户自己的动作引起的,它们需要不同的设计。

需采取行动的通知往往紧急的,应该是侵入;例如,它们可以被实现为中断用户,迫使立即引起注意,并要求动作被解雇的模态弹出窗口。

在Mac操作系统中使用的通知,告知可用的系统更新的用户。用户不得不从屏幕上明确驳回,通过选择要么安装更新或将在稍后的时间再次提醒。这是一种侵入性的通知,需要用户采取行动。
  • 被动的通知有信息;他们报告的系统出现,不需要用户进行任何操作。在移动应用的许多通知是被动的:他们通常宣布的潜在用户感兴趣的事件。

被动通知通常不紧迫,应少侵扰。被动通知的典型实现可以是徽章图标或在屏幕的一角小非模态酥料饼。被动通知可以很容易被忽略,因为它们不需要用户操作。当由通知中提供的信息是关键系统的理解,一个易于忽视被动通知可以是有问题的。

的Adobe Creative云使用的非侵入式被动的通知,告知可用的应用程序更新的用户。此通知出现在屏幕上几秒钟才消失。用户不需要采取任何行动。

Uniqlo.com使用非侵入式被动通知提供反馈项被添加到购物车。没有行动是必要的解雇通知。这样的通知,有时会造成对电子商务的消费者谁不通知的简短消息的问题。谁错过了消息,用户可以通过将项目添加到购物车多次作出反应,或破坏他们的购物流程,检查车看到添加了什么项目。

通知有设计挑战,他们不是一个特定的用户操作的直接和明显的效果。相反,用户很可能在做一些不同的中间,可能不会考虑在通知中提出的问题。这就要求的通知,建立更多的情况下,为用户提供足够的背景信息,了解该通知是关于什么的。

(In contrast, with a validation, the user has just done the thing that needs to be corrected. Thus, the validation message doesn’t need to educate users about the task at hand. For example, if an e-commerce checkout form has a field for a credit-card expiration date that was left blank, the validation message doesn’t need to say“请提供你希望有收取$ 29.90支付的蓝色无袖连衣裙你在购买上Uniqlo.com的过程中,信用卡到期日。”然而,通知的第二天,那件衣服已经被从仓库中运会需要说超过“您的包裹已发货。”

如果通知是上下文和涉及的特定元件在界面,所述元件上的图标指示符可以沟通,在这里该通知适用,引起用户的注意。例如,在一个移动的应用程序图标,用户已经接收到来自相应的应用程序的通知显示的指示符徽章。

iPhone的消息传递应用程序创建一个通知来传达接收到一个新的消息。随着通知,指示徽章被放置在消息传递应用程序图标进行通信应用的通知,其中。要清除指示符,则用户不得不查看的消息。

Mint.com使用的指示器一起与通知通信,一个帐户所需的关注。警告指示灯(1)出现在靠近帐户还需注意的总结,同时通知(2)出现在其他重要信息页面的中心区。在通知消息的实际文本可能有更多的帮助,虽然。

选择正确的通讯选项是非常重要

使用错误的通信方法可以对用户体验造成负面影响。让我们重提以上,其中Yelp的应用在搜索结果中的绿色标签指示,表明茶叶市场有一个特殊的交易运行的情况。此信息背景和重要的谁已专门寻找一个地方喝茶用户。

你可能会认为,提醒潜在的茶叶交易用户的另一种方法是向他们发送通知时,这样的交易已经变得可用。错误!发送的当前用户的目标,不论通知可能会被忽略,甚至可能惹恼用户,因为它会破坏其目前的任务,无关他们的当前需求。

(一般来说,任何类型的广告往往除非它关系到用户的目标和心态被忽略。)

另外,敬酒(几秒钟后消失小非模态弹出,像新故事一个通过Facebook的应用程序中使用),而适合于被动通知,将实现一个错误消息一个坏的方式,无论是验证或以其他方式。事实上,我们的移动用户的一个花5分钟等待一些要加载的内容仅仅是因为她没有注意到在屏幕5秒钟后迅速消失的底部呈现的小错误消息。

Allmodern.com使用所需的行动通知来传达产品保存到收藏夹。对于这是一个很大的项目保存到自己喜爱的用户,这可以提供反馈的麻烦和侵入性的方式。这可以通过显示在可以看到屏幕的角落被动的非模态酥料饼能够更好地沟通,但不需要用户采取行动来清除它。

结论

记住三个通信方式之间的主要区别是:

  • 指示器提供关于一个动态一块内容或用户界面元素的补充信息。他们是有条件的,也就是说,他们可能会出现或在特定条件下的变化。
  • 验证是依赖于用户的动作或输入。
  • 通知侧重于系统相关的事件。

这些差异总结如下表:

验证

通知

指标

全球语境对比:与全球系统事件或特定的页面元素

上下文

全球或上下文

上下文

被动与需要用户采取行动

需要采取的行动

需要采取的行动或被动

被动

通过用户操作与系统事件触发

用户操作

系统事件

用户操作或系统事件

了解何时以及如何使用每一种反馈工具是在通信用户中建立一致性,以便重要。通过评估的信息传递的类型,我们可以确定正确的机制来使用。