指示器、验证和通知:选择正确的沟通方式

指示器、验证和通知:选择正确的沟通方式

Indicators, Validations, and Notifications: Pick the Correct Communication Option


文/KIM FLAHERTY

译/吴立杰


状态反馈是任何系统成功的关键。知道什么时候使用常用的三种沟通方式是帮助用户的关键。

在交互设计中,一个操作系统,无论是应用、网页还是硬件(从智能手表到恒温器的任何事物),都应当一直提供适当的反馈保持用户知情。确保操作系统的状态始终可见,是界面设计的十个可用性原则之一。错误消息和系统通知这类的操作系统状态信息,帮助用户充分了解当前情境。

沟通操作系统状态的最佳方式不尽相同,它取决于几个关键因素:

●传达信息的类型

●信息的紧迫性——用户立即看到它有多重要

●信息是否导致用户需要采取行动

三种常用的展现状态的方法包括状态指示器、验证和通知。在产品设计中有时可以相互交换地使用这些方法,但它们代表不同的沟通方法,应该用在不同的情况下。理解它们之间的区别,在各种需求下选择最佳的方式,将帮助你更敏捷地给用户反馈。


指示器(Indicators)

指示器通过突出一个页面元素(无论是内容还是用户界面的部分),通知用户关于该元素有一些特殊事情值得去注意。通常这个指示器表示该元素所代表的项目有一些变化。

然而我们稍后将看到,指示器十分频繁地用作信号验证的错误或通知,它们也可以独立使用。指示器是视觉上的提示,目的是吸引用户的注意力到一些特定的、实际在变化的内容或用户界面元素上。(如果一些事物总是看起来一样,那么无论它设计得多么炫丽,都不是一个指示器。) 指示器的实现方法至少有三种:

●指示器经常由图标来实现,但不总是如此。易于识别的图标可以成为非常有效的沟通工具。

●版式的变化也可以用作指示器,例如加粗未读电子邮件或者把投资账户中价格发生了明显变化的股票代码变彩色等常见惯例。

●放大尺寸或者动画(例如振动)也可以用来使特定项目突显出来,虽然不太常见,但也可起到指示器的作用。

指示器、验证和通知:选择正确的沟通方式
图1 Yelp在搜索结果中使用绿色标签指示茶叶市场有一个特殊的交易正在进行。这个指示器传达了关于茶叶市场的额外信息。

指示器特征:

●指示器是和前后情境相关联的。它们与界面元素或内容是相联系的,展示时应该与该元素或内容靠的很近。

●指示器是有条件的——它们不一直显示,出现或变化仅取决于某些特定条件。举个例子,如果股价正在减少或者增加,股价表现的指示器可能会变化,如下面的美国世纪的例子。此外,上面Yelp例子中的标签指示只出现在有交易的生意中。

●指示器是被动的。它们不要求用户采取行动,而用于提示用户一些值得注意的线索。

指示器、验证和通知:选择正确的沟通方式
图2 美国世纪投资使用一个有条件的指示器来提供关于特定股价表现的信息。当每天的变化是负的,该指示器是一个向下的红色箭头。当每天的变化是正的,呈现的是向上的绿色箭头。股价表现的状况影响了股价旁边显示的指示器。

指示器会向你的整个界面引入噪音和干扰,并可能会分散用户注意力,所以考虑在你的设计中使用多少(如果有的话)指示器很重要。在决定一个指示器是否合适的时候,考虑以下:

●这个信息对用户有多重要?是否值得占用页面上的空间来通知用户?

使用信息的频率是多少?

用户希望看到这个信息吗?

如果没有提供这个信息,会错过它吗?

●用户发现这个信息对这个应用有多重要?


验证(Validations)

验证消息是与用户输入相关的错误信息:无论输入的数据是不完整还是不正确的它们都通知。例如,在电子商务系统中,验证消息往往涉及的信息有姓名、账单地址和信用卡信息。

指示器、验证和通知:选择正确的沟通方式
图3 cobragolf.com提供的验证信息明确表示了哪个字段是错的。然而这个消息是复杂让人迷惑的。更好的消息会是“请输入有效的电子邮件地址。”

验证的特性:

●用户需要采取行动来清除验证信息。

●在验证消息中的信息是和情境相关联的,应用于特定的输入有问题的用户。

要实现验证的方式有多种,它根据表单的独特需求而变化。然而,一般情况下,如果用户的输入是不正确的,该操作系统应提供一个可识别的、明确的信息通知用户,帮助用户纠正错误。验证消息应该遵循错误消息的准则,而不是简单地识别问题,应该告诉用户如何解决这个问题。例如,不要说“字段是空的”,说“请输入你的街道地址”更为礼貌,并且指出了一个解决方案。

由于验证是和情境相关联的,将图标指示器与验证消息一起使用,对于传达哪一个输入没有填写或需要校正,会更有帮助。

指示器、验证和通知:选择正确的沟通方式
图4 Bestbuy.com提供了一个有帮助的验证消息告诉用户如何解决问题,并且使用了一个图标指示器和不同的颜色来吸引用户注意这个字段需要校正。


通知(Notifications)

在操作系统中,通知是提醒用户经常发生的事件的情报信息。与验证不同的是,通知可能与用户输入没有直接关系,甚至与操作系统中用户的当前活动也无关,但它们通常会通知用户可能感兴趣的系统状态或事件的变化。在电子邮件、社交网络和手机应用的情况下,甚至可以在用户不在该应用中的时候递送通知。

通知可以是和前后情境相关联的——应用于特定的用户界面元素,也可以是全局的——应用到整个操作系统。

指示器、验证和通知:选择正确的沟通方式
图5 Facebook应用在新闻供应中使用了一个和情境相关联的通知,用来传达更新的故事已经添加到列表中。这个通知不要求用户采取行动。

通知的特点:

●它们不是由用户直接行为触发的。

●它们通知的事件对用户有一定的意义。

主要有两种类型的通知,它们根据用户是否需要基于通知付诸行动而有所不同:

●需要采取行动的通知,提醒用户有一件事需要用户的行动。从这个意义上讲,这种通知类似于验证,但因为它们不是由用户自己的行为引发的,所以它们需要不同的设计。

需要采取行动的通知往往迫切并且应该是打扰性质的;例如,它们可以是模态弹窗的形式来打断用户,迫使用户立即关注它们,并且需要用户采取行动来让它们消失。

指示器、验证和通知:选择正确的沟通方式
图6 苹果操作系统使用一个通知来通知用户可用的系统更新。用户必须通过选择安装更新或者在稍后的时间提醒安装更新才能让这个通知从屏幕上消失。这是一个要求用户采取行动的打扰性质的通知。

●被动通知是信息性的;它们报告系统发生的不需要用户做任何操作的事情。在移动应用程序中的许多通知都是被动的:他们通常会通报用户潜在感兴趣的事件。

被动通知一贯是不紧急的,应该是较少打扰用户的。一个典型的实现被动通知的方式可能是一个徽章图标或者在屏幕的一角,一个小的非模态的弹窗。被动通知很容易被错过,因为它们不需要用户操作。当通知的信息对系统的理解有关键作用时,使用容易被忽略的被动通知可能是有问题的。

指示器、验证和通知:选择正确的沟通方式
图7 Adobe Creative Cloud用一种非侵入式的被动通知通知用户可用的应用程序更新。这个通知在屏幕上出现几秒钟后消失。用户不需要采取行动。

指示器、验证和通知:选择正确的沟通方式
图8 Uniqlo.com使用非侵入式的被动通知来提供一个物品已添加到购物车的反馈。想要忽略该通知,就不要采取行动。这种通知有时会给那些没有 注意到短暂的消息的电商消费者带来问题。错过消息的用户或者可能会多次增加同一个物品到购物车,或者打断他们的购物流程去检查哪些物品已添加到购物车。

通知的设计有挑战,它们并不是用户特定操作的直接且明显的结果。相反,用户很可能正在做其他不相干的事情,也许并没有考虑通知提出的问题。这就要求通知建立更多的和前后情境相关联的关系,并为用户提供足够的背景信息来了解这个通知关于什么事情。

(相比之下,对于验证的方式,用户刚做了需要被校正的事情,因此验证消息不需要教育用户手头的任务。例如,如果一个电子商务结帐表单有一个信用卡到期日的区域是空白,验证消息不需要说“请提供您在Uniqlo.com购买蓝色无袖连衣裙支付29.90美元的信用卡到期日期。”然而,次日的通知,衣服已经从仓库运出需要不仅仅提示“你的包裹已经被投递。”,还要提示更多背景信息。)

如果一个通知是和情境相关联的,且关系到界面上特定的元素,这个元素上的图标指示器可以传达出通知适用于哪里并且获得用户的关注。例如,移动应用程序图标上的指示图标表示,用户收到了来自该程序的通知。

指示器、验证和通知:选择正确的沟通方式
图9 苹果手机应用创建了一个通知,以传达接收到了一个新的消息。随着通知,通知应用的图标上放置了一个指示图标。要清除该指示,用户必须查看信息。

指示器、验证和通知:选择正确的沟通方式
图10 Mint.com和通知一起使用了一个指示器,来传达帐户需要关注。预警指示器(1)出现需要注意的账户总额附近,而通知(2)和其他重要信息一起出现在页面的中间区域。然而通知消息的实际文本可能会更加有帮助。


选择正确的沟通方式很重要

使用错误的沟通方式会对用户体验产生负面影响。让我们回到上面的场景,Yelp的搜索结果中使用绿色标签指示器,表明茶叶市场有一个特定的交易正在进行。这个信息对于专门寻找一个地方喝茶的用户是相关的和重要的。

您可能认为,提醒用户潜在的茶交易的一种可替代方法,是当交易可以进行时,向他们发送通知。错!发送的通知与用户的当前目标无关,可能会被忽略,甚至可能会惹恼用户,因为它会破坏他们当前的任务,并且与他们的当前需求无关。

(一般而言,任何类型的广告都被倾向性地忽略,除非它与用户的目标和思维倾向有关)。

另外,无论是验证还是其他方式的消息提示框(几秒钟后消失的非模态小窗口,就像Facebook应用使用的新故事),当它作为被动通知时,都将是一个不好的报错方法。实际上,我们的一个移动用户花了5分钟时间等待加载内容,因为她没有注意到在屏幕底部出现5秒后迅速消失的小错误消息。

指示器、验证和通知:选择正确的沟通方式
图11 Allmodern.com 使用一种需要操作的通知来表达一个产品已经保存成喜欢了。对于保存大量物品到喜欢的用户,这是一种令人讨厌的、打扰式的反馈方式。这可能比在屏幕可视区域的角落展示被动的非模态弹窗,但不要求用户采取行动清除它的方式传达得更清楚。


结论

记住三种常用沟通方式的关键区别是:

●指示器提供动态的内容或界面元素的额外信息。它们是有条件的,也就是说,它们在特定条件下可能出现或发生变化。

●验证和用户的动作或输入相关联。

●通知都集中在系统相关的事件。

下表总结了这些差异:

表1 三种常用沟通方式的差异

指示器、验证和通知:选择正确的沟通方式
为了建立和用户沟通的一致性,理解何时以及如何使用这些反馈工具是很重要的。通过评估传递的信息类型,我们可以确定使用正确的机制。


原文地址:

http://www.nngroup.com/articles/indicators-validations-notifications

编辑:韩筱婷

配图:来自pexels.com



本文出自58用户体验设计部(58UXD),转载时请连同下方内容一起转载。

指示器、验证和通知:选择正确的沟通方式


回复关键字,获取文章:

回复:UXD课堂,获取UXD精彩讲座集锦;

回复:你好设计,获取《你好,设计》杂志文章;

回复:用户招募,参与用户调研,更有好礼相送;


如果您有任何想法,请联系我们,我们期待您宝贵的建议,E-mail:hanxiaoting@58ganji.com或直接留言给我们。



本篇文章来源于微信公众号:58UXD

UI/UX

活动品牌化初步尝试-创想力量活动总结

2015-12-30 19:29:55

UI/UX

淘宝色彩购形象片拍摄分享

2016-1-4 18:53:30

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索