- 原文地址:How To Design Notifications For Better UX
- 原文作者:CanvasFlip
- https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672~tplv-t2oaga2asx-image.image文出自:掘金翻https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672~tplv-t2oaga2asx-image.image计划
- 本文永久链接:github.com/xitu/gold-m…
- https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672>~tplv-t2oaga2asx-image.image;
- 作者:dongpeiguo
- 校对者:HydeSong winjeysong
通知会引起用户复杂的反应,有时候他们发现通知很有用,有时候却被通知扰的很烦。但是通知是有目的的,他们是告知用户应用崩溃、介绍新功能或更新、以及告知用户来自朋友的新消息和邮件的强有力工具。从营销角度来看,通知可以帮助联系上那些已经放弃应用的用户并促进互动。
通知是反用户体验的,它们会使用户分心。所以,如何设计你的通知使得它变得既有意义也有用?
在此之前,我们先要详细了解一下通知。

通知是什么?
简单来说,通知就是将事件告知给用户的一种行为,是应用提醒你或发送信息给你,而你无需打开就能阅读的一种方式。
邮件提醒就是通知中一个很简单的例子。当你收到一封邮件时,你的手机屏幕上会闪出一条消息,你希望直接从主屏幕打开应用,你也可以滑动来忽略通知。然而通知的主要目的是告知收到电子邮件。正常情况下,你需要打开邮箱检查你的邮件,通知则可以让你在不打开邮件应用的情况下知晓邮件重点。
通知类型:
- 用户生成的通知:

这是一种最常见最吸引人的通知类型,手机短信是这个类型通知最简单的例子,它是特别针对某一特定用户的。此类型通知的其他简单示例:在社交媒体上发文、点赞及评论所传递的通知
- 情景生成的通知:
这也是一种迅速发展的通知类型,它由应用根据其自身的用户权限来生成通知。基于定位的通知是最好的例子。运动和会议的更新在此类通知中也很常见。

Source: Macrumors
- 系统生成的通知:

Source: aboveandroid.com
这类通知是由应用程序根据自身需求生成的,如重置密码时的安全告警提示。
- 推送的通知:
事实上,所有类型的通知都可以被归为推送通知,简单说是因为他们都是由系统推送的。推送通知有两种类型:一种需要你立即响应,另一种则是被动通知。
- 要求用户立即响应的通知
这类通知的目的是引导用户立即响应,它可能是邮件提醒,修改密码的通知,使用打折券来获得售卖折扣的通知等等。

Source: material.io
- 被动通知:
这类通知是为了向用户提供信息,它不需要用户进行任何反馈。天气更新就是此类通知的一个简单的例子

Source:Androidcentral
- 智能通知:

Source:Beebom
智能通知具有独特的能力,能够送达至每个应用。你可以设置通知触发的敏感度来调整通知发送的时机。文章前部分我们已经说过,通知的时机是非常重要的。推送通知的目的是为了确保用户及时响应,所以时机很重要。此系统可以感知响应度何时到达最大值,进而为用户带来积极的体验。
其次,你可以追踪智能通知并分析其结果,这使得系统可以及时优化通知的质量,以保证通知有足够的成功率。
什么是好的通知?
- 不干扰: 通知应是适时的提醒,然而它也有可能让用户分心。因此,通知的最主要特征应该是不干扰的,它应该达到的目的:让用户知晓某些重要的事情马上就要发生了。
- **体积小:**一个好的通知应该尽可能的小且有效。日历通知就是这类简单又不显眼的通知的一个例子,它通常会在手机屏幕的上方划出。他们体积很小但却目的明确。
- **符合情景:**基于位置推送的通知是符合情景的。如果你在特定的零售店附近将会提醒你。这个功能是否起作用,取决于你是否在购物网站上创建了购物清单及愿望清单。
- **提供警告:**一条好的通知应该像确认消息一样,特别是当你卸载应用或删除重要信息的时候,它可以作为适时的警告,提醒用户将要从手机中永久删掉这些内容。
什么时候不使用通知?

Source: kissmetrics
通知并不适用于所有情况,太频繁的打断会引起用户反感。以下情况最好不要使用通知:
- 当用户从未打开你的应用时
- 诸如“好久不见”之类对用户无意义的通知
- 要求用户查看应用或给应用评分
- 不需要用户参与的操作,如同步信息
- 应用可以在没有用户操作时修复的错误状态
如何设计通知?
好消息是你可以设计有意义的通知而不影响用户体验。以下是设计通知时的几个小提示-
- 考虑信息的重要程度来设计: 为各种不同类型而选择不同的设计。对于被动通知,选择轻量一些的设计,对于要求用户回应的通知,应为吸引用户注意而设计。选择正确的颜色,比如红色是要求立刻执行,并且使用相关的图标。

Source: Designdeck
- 提供足够的信息: 通知的目的是告知事件并鼓励用户采取行动,但是为了这个目的他需要足够的信息。所以确保你的通知有足够的信息,能帮助用户理解通知的目的以及他需要做什么。

Source: easycodeway.com
- 给用户控制权: 当用户感觉到一切尽在掌控的时候,用户体验显得突出。他们可以选择关闭通知,更甚至,可以让用户选择他们想要收到的通知的类型,想要何时收到通知,以及通知的频率。

Source: Gadgetguideonline.com
- 智能处理多个通知: 为了处理同一个类型的多个通知,可以创建一个总结所有同类型通知的通知。比如,一个消息应用也许会有一个汇总通知「3条新消息」。展开后它可以展示每条信息的片段。这让用户了解处理通知大概需要的时间。


Source:material.io
- 利用A/B测试: 证明你设计是正确的最好的方式是进行严格的测试。尝试不同的设计并对他们进行测试,看哪种设计是让用户乐意做出反馈的,哪些是不奏效的。

最后的想法:
通知是一把双刃剑,他们可以提升参与感同时也会带来用户的不满,所以正确的使用通知对于整体的体验是很重要的。
如何管理你的通知呢?你是用什么准则来设计优秀的通知的呢?在评论区分享你的想法吧。此外,如果你对我的文章感兴趣也请分享给你的朋友们。

Validate your designs FREE with real users at canvasflip.com
掘金翻https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672~tplv-t2oaga2asx-image.image计划 是一个翻https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672~tplv-t2oaga2asx-image.image优质互联网技术文章的社区,文章来源为 掘金 上的英文分享文章。内容覆盖 Android、iOS、React、前端、后端、产品、设计 等领域,想要查看更多优质https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672~tplv-t2oaga2asx-image.image文请持续关注 掘金翻https://p1-jj.byteimg.com/tos-cn-i-t2oaga2asx/gold-user-assets/2017/11/9/09b297d5250b96daab1ae4e598d2f672~tplv-t2oaga2asx-image.image计划、官方微博、知乎专栏。