【网站设计】网站消息通知系统的设计

发布时间:2020-03-27 11:30:00

现在很多网站都有消息通知系统,比如新浪微博页面右上角的小黄标,以及Facebook页面左上角的通知。但是消息通知系统是一个通用的概念。我知道它的基本功能是网站及时向用户提供一些有价值的信息。例如,在常见的SNS关系中,谁关注你,谁评价你发布的内容,谁邀请你加入一个群,等等。

现在很多网站都有消息通知系统,比如新浪微博页面右上角的小黄标,以及Facebook页面左上角的通知。但是消息通知系统是一个通用的概念。我知道它的基本功能是网站及时向用户提供一些有价值的信息。例如,在常见的SNS关系中,谁关注你,谁评价你发布的内容,谁邀请你加入一个群,等等。

这类新闻大致可分为两类。一是信息量大。用户可以知道这一点。最多只能对内容有一个具体的了解。例如,其他用户对您发布的内容发表了评论。另一个需要用户处理。无论您是接受、拒绝还是忽略,用户都必须做出一些响应操作,例如好友请求。

纵观目前一些网站的短信通知产品设计,有两种实现方式。一种是对每个功能模块的消息进行分类,然后告诉用户每个类别中有多少个数字。用户需要进入特定功能模块页面查看类似内容,典型的是新浪微博的设计。如下图所示:

相比之下,Facebook则是所谓的强关系,即用户添加一个人作为好友,并且必须得到对方的确认。为了处理通知性质和操作性质这两个方面,Facebook将好友请求部分分离,可以理解为一个更复杂的消息通知。界面如下:

用户必须在这个界面中确认才能真正成为朋友,但用户在消息通知中通知用户并立即确认是非常方便的。与新浪微博不同,Facebook的传统消息通知可以显示消息中的特定内容,而不仅仅是一些提示:

这样做的好处是,不必设计单独的函数来总结某种类型的消息。不好的是,当消息较多时,用户需要频繁地在消息通知界面和特定内容界面之间切换,才能查看未读内容,这更麻烦。在中国,模仿配额的智虎还设计了如下消息通知功能:

那么,是否有更好的方式来显示消息通知及其特定内容?Google plus做了更好的尝试。首先,您可以在消息通知的小窗口中查看特定消息的内容:

下面是如何在一个小窗口中查看特定的消息内容。在此页上,您可以在邮件详细信息的正面和背面之间切换:

然后在“完整消息列表”页面上,将直接显示消息的详细信息:

的组合也非常重要,可以避免大量相同消息对用户的干扰。新浪微博的通知数量本身就是一种组合,Facebook和G+也非常擅长这种组合。还应注意的是,Facebook在一段时间前并不显示历史消息,从消息通知的功能性质和系统的性能来看,这是可以理解的。


17742004931 联系我们,谈您的需求

立即咨询 立即建站