新车
notifications(为App设计通知:探索不同通知模型以及使用场景)

通知可能是一个复杂的要素。这篇文章没有涵盖关于通知的所有细节,但我希望这篇文章可以为你提供足够清晰的指导,以便为你的App选取正确的通知模型。

Notification Models — Schema

  • 来源(source):通知的来源属于应用程序的一部分。应用程序的架构可以有几个对信息进行分类的存储桶(bucket),这些存储桶将成为通知的来源。
  • 信息(information):通过通知传达给用户的信息。例如“Daenerys Targaryen请求添加为好友”,“Lords Varys 关注了你”。
  • 类型(type):通知主要分为俩个类型:信息型(informational)和可操作型(actionable)。这两个类型可以有其他的子类型,这取决于应用程序的背景。
  • 通知角标(notification badge):这是可以将用户引导到通知的可视化指示物,可视化指示物可以是点,也可以是未读信息的数量。
  • 锚点(anchor): 锚点是应用程序的可视化组件,将通知显现在界面上。简单来说,这是一个用户可以看到通知角标的组件。注意,锚点不一定是通知的来源,而只是将通知显现出来的组件。一个锚点可以容纳多个来源或一个来源的通知。可以这样想,来源更多是在架构/信息层面,但是锚点是你可以看到通知角标的可视化组件。

1. 通知中心(Notification Center)

Medium用的就是这种通知模型。一个带角标的铃状图标是所有通知的入口。已读和未读通知在视觉上有所不同以便用户能够区分它们,同样是很重要的。

这种模型最大的优点是灵活性。通知中心是一个可以容纳所有通知的地方,无论是来自现有来源的通知还是新的通知。

何时使用通知中心

  • 你的产品需要通知,但这些通知又无法被放到已有的导航选项中时。可能是因为这类通知与产品上的现有对象不一致,或者这类通知不是源自信息架构中任何已经定义的来源。
  • 当通知来源多于应用程序主屏幕所能容纳的时候。

在此模型中,每个通知都固定到导航选项上,该导航选项也很有可能也是通知来源,没有为你的通知准备单独的中心。

在Android和iOS两个平台,聊天和通话的通知被放置在各自的导航菜单。这个模型的优点是可以使更多的内容被发现,用户可直接到达通知所传达的信息,无需添加中间环节的麻烦。但是这个模型不像通知中心那样灵活,以及具备可拓展性。

这个模型重度依赖于应用程序的信息架构。导航必须可以容纳不同类型的通知。并且像前一个模型一样,已读和未读通知在视觉上有所不同是很重要的。

何时使用固定来源通知模式

  • 当所有可能的通知来源都可以容纳在主屏幕上时。
  • 你已经考虑了所有通知的方案,所有的通知都可以被归纳到现有的设计方案中。这些通知必须遵循其被规定好的来源的方案,这一点很重要。

这个模型是前两个模型的结合,是最被广泛使用的模型。Facebook, linkedIn, Twitter和Instagram这些受欢迎的应用程序都在使用这种混合模型。这种模型中,通知中心变成了导航菜单的一个选项,可用作那些不需要出现在主屏幕上的通知来源的锚点。例如,Facebook把新好友请求放在“朋友”标签中,但是喜欢页面的邀请被放在了通知中心。

这种模型具备着前两种模型的优点,并且可以轻松应对大多数情况。尽管现在你可以将通知放到通知中心,但是仍然必须仔细考虑通知的所有方案,并给哪些通知可以被放到特定来源的通知排出优先级。

准则

  • 确定产品架构中最重要的信息并将其分类。分类可以使你优先处理哪些通知应该被放到锚点,哪些应该放进通知中心。由于此模型取决于导航,因此通知的布局可以根据可利用的空间进行调整。
  • 确保主要的锚点和通知中心可以被轻松的发现。

你已经充分考虑了通知方案。一些通知可以被放到它们各自的来源,但是其他的一些通知则不能放置到架构中的任何现有的来源。

结论

原文 :https://uxmag.com/articles/designing-notifications-for-apps

编译作者:hubiabia;公众号:插画鸭

题图来自Unsplash,基于CC0协议


顶一下()     踩一下()

热门推荐

发表评论
0评