美文网首页中间件
产品 | 消息通知系统设计

产品 | 消息通知系统设计

作者: 戰敭 | 来源:发表于2016-12-08 23:48 被阅读266次

网站的消息通知系统设计漫谈

一、通知的本质功能

网站把某些对用户有价值的信息及时告知用户。

比如常见的SNS关系中谁关注了你,谁评价了你发布的内容,谁邀请你加入某个小组等。

二、通知的分类

通知消息可以大体上分为两类:
  • 告知性质——用户知道有这么回事就行了,最多是具体看一下内容
    比如其他用户对你发布的内容做了评论。
  • 需要用户处理——用户必须做出某种动作来回应
    比如好友请求,你是接受、拒绝还是忽略。

三、两种实现方式

纵观现在一些网站的消息通知产品设计,可以分为两种实现方式:

  • 1)把各个功能模块的消息分类,然后每类有多少数字告知用户,
    用户需要到具体的功能模块页面查看同类的内容

典型的是新浪微博的设计。如下图所示:

weibo_notice

其按功能分类通知每类新消息的数目,
然后可以点击链接到某个功能模块查看同类消息。
对应的,在功能设计上就有专门的评论汇总地方,有@我汇总的地方。

这样的好处在同类消息很多的时候,比如收到几十条新评论的时候,
用户不必频繁的在消息通知页面和具体评论页面来回切换,
因为所有的评论在一个页面都能查看了。

不好的地方就是不够直观,需要再次点击才能查看用户是对你的哪些内容发布了评论。
另外,新浪微博中并没有用户必须处理的操作,
用户之间是以关注为表现形式的弱关系,不需要确认就能关注一个人。

~

  • 2)告知性质和操作性质区分开来,
    在消息里显示具体的内容,而不是单纯的数量提示

相对微博,Facebook就是所谓的强关系,
就是用户加一个人为好友,必须得到对方的确认,
为了处理好告知性质和操作性质两方面的消息通知,
Facebook把好友请求部分独立出来了,
可以理解为是一种比较复杂的消息通知。
其界面如下:

facebook_notice_confirm
用户必须在这个界面进行确认才能真正成为朋友,
但是在消息通知里告知用户并能马上确认,对用户操作来说是很方便的。

Facebook传统的消息通知和新浪微博不同,
它可以在消息里显示具体的内容,而不是单纯的数量提示:

facebook_notice

这样做的好处就是,不必设计一个单独的功能汇总某一类的消息

不好的地方就是在消息很多的时候,
用户需要频繁的在消息通知界面和具体的内容界面切换来查看未读的内容,比较麻烦。

~

国内模仿quora的知乎也是这样设计消息通知功能的:

zhihu_notice

四、更好的方式

那么有没有更好的方式来展现消息通知及其具体内容呢,

——Google Plus做成了更好的尝试,
首先在消息通知的小窗口就能查看某一条具体消息的内容:

g+_1

以下是在小窗口查看具体消息内容的情况,
在这个页面可以进行消息详细内容的前后切换:

g+_2
然后在完整的消息列表页,是直接显示了消息的详细内容:
g+_3

正如你看到的,前两条消息就要占用一屏以上的空间,
这在消息很多的情况下,是很不方便的。

~

那么有没有更好的展现方式呢,我认为Twitter的界面风格就是最佳的方式:

twitter
在左边展示完整的消息列表,右边展示某个消息的具体内容及操作动作,用户可以很清晰的知道自己当前查看或处理的消息,并且不需要界面切换,perfect!

消息通知的合并也很重要,可以避免大量同样的消息对用户造成干扰,
新浪微博的通知数目的方式本身就是一种合并,
Facebook和G+也都对合并做的很好。

还要注意的是,Facebook对于一段时间以前的历史消息就不予显示了,
这无论从消息通知的功能本质来说,还是系统的性能方面考虑,都是可以理解的。

相关文章

  • 产品 | 消息通知系统设计

    网站的消息通知系统设计漫谈 一、通知的本质功能 网站把某些对用户有价值的信息及时告知用户。 比如常见的SNS关系中...

  • 消息通知推送

    我们在设计产品时会涉及到消息通知的功能,消息通知一般采用消息推送系统来进行处理。 消息通知的基本功能 点对点的消息...

  • 如何设计消息通知系统

    消息通知系统设计注意事项 总结一下我在设计消息通知系统时候,遇到的难点与考虑到的问题,供大家参考,如有疏漏,还请多...

  • 消息通知的系统设计之初识通知渠道

    消息通知作为系统的基础功能,虽然很难察觉,却是完成产品用户体验的重要闭环,也是产品经理应该熟知的最基础功能之一...

  • iOS消息通知产品设计

    ios消息类型有本地通知、推送消息以及系统消息。 消息类型: 本地通知:是由ios设备生成并发布的,无论应用程序是...

  • 通知系统设计

    通知系统 标签(空格分隔): NNK商户开放平台 目录 1.通知系统设计 1.1 模块功能图 1.2 系统结构图 ...

  • 「Charles 应用」通过 Charles 分析社区消息系统

    背景 参考市面上相同维度的 App 产品,蔚来 理想,对其消息系统进行抓包分析。得到比较适合我们自己的消息系统设计...

  • 消息系统设计

    消息推送和聊天功能是移动时代的重要功能,广泛存在于各种业务中 一、特性 消息推送(单播、组播、广播); 聊天(聊天...

  • 消息系统设计

    最近需要做到关于消息的功能,参考着博客写下自己的一点感悟(读后感),参考博客链接。 消息分为两大类:私信和公告/提...

  • IM消息收发调整版

    接收消息 接口设计 如果需要感知新消息的通知,可以注册消息通知回调IIMMsgListener。新消息到来时,on...

网友评论

    本文标题:产品 | 消息通知系统设计

    本文链接:https://www.haomeiwen.com/subject/qafemttx.html