`
rensanning
  • 浏览: 3549509 次
  • 性别: Icon_minigender_1
  • 来自: 大连
博客专栏
Efef1dba-f7dd-3931-8a61-8e1c76c3e39f
使用Titanium Mo...
浏览量:38170
Bbab2146-6e1d-3c50-acd6-c8bae29e307d
Cordova 3.x入门...
浏览量:607371
C08766e7-8a33-3f9b-9155-654af05c3484
常用Java开源Libra...
浏览量:682413
77063fb3-0ee7-3bfa-9c72-2a0234ebf83e
搭建 CentOS 6 服...
浏览量:89402
E40e5e76-1f3b-398e-b6a6-dc9cfbb38156
Spring Boot 入...
浏览量:401910
Abe39461-b089-344f-99fa-cdfbddea0e18
基于Spring Secu...
浏览量:69712
66a41a70-fdf0-3dc9-aa31-19b7e8b24672
MQTT入门
浏览量:91745
社区版块
存档分类
最新评论

【转】Web网站通知系统设计

 
阅读更多

写在前面: 通知系统是网站信息传播机制的重要的一部分,足够写一大章来说明。本文只梳理设计原则,后续相关内容会持续更新。 这里的通知包括但不限于公告、提醒或消息(不同使用场景下的功能定义不同)。 关于各客户端平台(ios、android、wp等)的通知机制,在其交互设计指南中有更详细的说明,大家可自行参考。

一、通知系统定义

通知系统,顾名思义即通知信息的传达处理系统。目的是为了让用户获得需要得到的消息及提醒并进行处理。

这里的“需要得到”有两层意思: 1、用户彼此互动触发的信息流(留言、评论或者回复、私信等) 2、网站希望用户了解关注的信息(系统公告等)

通知系统定义

通知系统设计的原则可简单的归纳为: 1、消息传播效率最高(获取、处理、信息传达、用户反馈等效率) 2、避免产生骚扰(噪音、频繁提示)

二、通知分类

不用的平台和产品本身由于对业务的需求不一样,种类也是有区别的。

大致可分为以下几种:通知分类

三、通知逻辑实现机制

通知的逻辑精简后如下:通知系统实现机制

现对这几个环节分开说明:

(一)通知合并

通知在推送之前需要进行汇总合并,目的在于提高消息传播处理效率;减少骚扰,降低噪音;平衡服务器压力。

1)合并周期:

  1. 固定时间内的消息全部汇总(24小时内/30天等);
  2. 无固定时间(只要未处理/未读即汇总)

当然一般都组合着用:合并24小时内未处理消息

2)分类合并

  1. 同种类进行合并(如n条留言合并为1条)
  2. 同一发起人合并(如张三给你发来的n条私信)
  3. 同一时间周期合并(如24小时共收到n条评论)

(二)通知分发

通知按照规则汇总完成后,系统将其通过通知管道推送到用户,以便用户处理。

1)分发方式

分发方式与Feed系统类似,多采用Push方式,即在指定时间内主动推送给用户。部分特定类型需要用户请求(Pull)拉取未读消息。 目前大部分通知优先推送未处理通知合并后的总数,已提醒用户已有新消息需要处理。用户点击数字后再去服务端请求具体的消息内容。此种方式综合考虑了成本、压力和体验。当然,某些极端情况下需要进行优化处理:如未读消息超过1000,用户请求时先推送前50条或者放入cache中等。技术童鞋会有各种手段,这里不做详述。

2)分发频率(时间)

分发时间主要根据消息的优先级来做区隔:分发匹女

3)分发管道

分发管道即消息通知的具体推送渠道,根据业务类型可以分为:Web、App、短信、邮件等。

(三)用户处理

根据前文提到的分发方式,对于通知的处理在逻辑上可以分为两层:通知状态的处理和通知内容的处理。

1)状态的处理狭义的理解即为是否已读(已处理)。

通常初始数字即为系统推送过来的未读总量,用户点击数字进入相关功能列表查阅后,读取的动作完成,未读数字相应减少。

消息未读状态有几种情况需要变通处理:

  1. 若用户未读信息较多(m=100),但第一页列表只能显示(n=10)条的话,那未读数字即为m-n=90;
  2. 某些产品会将点击等同于已读。即用户只要点击无论是否打开列表查看均认为已读。 这样的处理一般用于重要级别较低的消息。点击即已读可有效降低骚扰。
  3. 某些重要级别较高的消息已处理状态可以定义为用户进行相关操作后才为已处理,而非查阅。 如用户进行评论、回复、点击忽略或点击删除等动作时才认为已处理。

2)内容的处理狭义的理解即为用户是否操作。

根据不同消息的种类和业务的需要,操作可分为:

  1. 处理:用户必须点击功能链接进行处理。如:你的密码过于简单,点此进行修改;
  2. 回复:如回复私信,对评论进行回复;
  3. 确认:对消息做出确认的反馈,如某些系统提示可设置”我已知道,不再提示”的选项;
  4. 忽略:用户进行忽略操作或不进行任何操作;
  5. 删除:用户删除本消息。

3)消息处理后的状态需要统一。

消息需要标记是否已处理的状态,且状态在不同的终端是打通的。 如:用户在客户端对消息进行了查看,在web站点本消息应自动标记为已读状态。

(四)通知回收

回收主要针对用户已处理消息的操作。

  1. 用户之间触发的消息一般需要留档保存。 如评论/回复/留言/私信等。产品可提供选项询问用户是否超过一定周期自动清理。
  2. 在部分产品中,还需要考虑功能的优先级。 如解除好友关系或加入黑名单后自动将删除双方的私信记录。
  3. 系统触发的消息一般设置一定的回收删除时间。 如系统提醒、通知、公告等。过期后自动在产品里删除。物理上可以设置是否备份。
  4. 过期但用户未处理消息(用户长时间未登录但收到他人的回复)可以根据业务需求来处理。 如未读的私信/评论/回复永久保留等。重要未读消息可尝试二次推送或使用其他途径(邮箱、APP、短信等)通知。

四、通知处理交互

注:具体的交互需要考虑本身业务特点和目标需求。特定业务可能需要强调,某些业务又需要考虑骚扰,故抛开具体情境本身谈交互是无耻的。

这里只针对一般的社区网站,描述一下个人所喜欢的交互方式。

1、新消息到达时提醒交互

当新消息到达时,可以使用以下提醒方式

  1. 标题闪动标题闪动
  2. 声音提醒 新消息到达后自动触发声音facebook消息提醒
  3. 气泡+数字facebook消息提示
  4. 新消息浮层微博消息提示浮层
  5. 弹窗提示消息弹窗提示

2、通知处理

目前消息多采用当前触发、即时处理类似“所见即所得”的交互方式。 

facebook通知处理方式

采用此方式的需要考虑:

  1. 消息通知位于全局导航,访问任何频道时都可保证及时收到新消息;
  2. 消息在浮层中处理完毕后,用户可继续进行之前的操作,不至于造成打扰;
  3. 因导航面积有限,需对消息种类进行统一整理和规划;(Facebook的分类为好友请求、私信、通知。)
  4. 提供历史记录(更多、全部消息)的入口(二级页面)
  5. 标记已读未读状态,处理好消息提醒数字的关系 
知乎通知提示

五、防骚扰(打扰)

因消息本身业务性质,过多无用通知势必会造成噪音,打扰到用户。因此合理设置消息的通知频率和渠道,以防早上体验和效率上的损失。

1、提供通知频率和渠道的管理功能

如常见的邮件退订管理,消息通知类型管理。 

facebook消息通知设置

Facebook通知设置

facebook通知设置

2、增加屏蔽功能

消息屏蔽功能在业务上应该属于第一条中通知类型管理,当业务模块较多且之前关联分散时,或者开放平台功能接入的第三方应用通知时,可使用屏蔽功能。

facebook应用屏蔽facebook应用消息管理

新浪微博应用消息管理新浪微博应用消息管理

3、结合权限体系

1、功能隐私设置

使用隐私设置界定具体的接收权限、范围等微博私信设置微博私信设置

2、结合黑名单功能

使用黑名单可屏蔽指定用户或关键词的具体消息通知。

六、用户拉回

当用户长时间不登陆或对消息不处理时,可使用其他渠道推送通知,已达到拉回的目的。 这个要与网站整体的拉回策略相结合。

未读消息拉回

例:Facebook的好友请求确认拉回邮件:

Facebook的好友请求确认拉回邮件

七、总结

呃,如果你能看到这里,真的很感谢,这篇文章断断续续更新了好几天才完结,好多地方写的不完整,还望包涵。
我本来想试图去总结一套处理这种业务的逻辑方法,后来还是放弃了,原因是:

  1. 具体业务要具体分析,已有的资源和现状很重要,这个是设计的前提
  2. 大的原则,如优先级、全盘考虑、预留接口、数据统计等讲出来太空,还不如不说

原文地址:http://www.withink.net/webnotice/

分享到:
评论

相关推荐

    Web网站通知系统设计

    这里的“需要得到”有两层意思:1、用户彼此互动触发的信息流(留言、评论或者回复、私信等)2、网站希望用户了解关注的信息(系统公告等)通知系统设计的原则可简单的归纳为:1、消息传播效率最高(获取、处理、...

    梳理Web网站通知系统设计原则

    这里的“需要得到”有两层意思:1、用户彼此互动触发的信息流(留言、评论或者回复、私信等)2、网站希望用户了解关注的信息(系统公告等)通知系统设计的原则可简单的归纳为:1、消息传播效率最高(获取、处理、信息

    Qmail邮件即时通知系统设计与实现

    ### Qmail邮件即时通知系统设计与实现 #### 一、引言 随着互联网技术的不断发展,电子邮件作为一种重要的信息交流工具,在人们的日常生活中扮演着越来越重要的角色。然而,随着使用量的增加,电子邮件系统也面临着...

    WEB办公自动化系统的设计与实现毕业论文.docx

    本文中,我们对WEB办公自动化系统的设计与实现进行了详细的介绍,包括系统的需求分析、系统设计、系统实现、系统测试等。同时,我们还对系统的功能和性能进行了测试和评估,结果表明,该系统能够满足OA办公自动化...

    Web通知设计8.12

    "Web通知设计8.12"可能是指一个特定版本或更新,着重于优化和改进Web应用中的通知系统。这种设计旨在有效地传达信息,同时保持用户界面的清晰和简洁。以下是对这个主题的详细探讨: 1. **通知类型**:Web通知通常...

    基于Web的大学生论文管理系统设计与实现

    "基于Web的大学生论文管理系统设计与实现" 这个标题指出我们要讨论的是一个特定类型的软件系统,即一个用于管理大学生论文的Web应用程序。这个系统旨在提高论文管理工作效率,方便教师评审,同时可能也便于学生提交...

    基于Java-Web的办公自动化系统设计-闾枫.pdf

    【基于Java-Web的办公自动化系统设计】 随着全球经济一体化的加深,企业必须借助信息化系统来提升竞争力。办公自动化系统作为信息化的重要组成部分,它利用通信技术、计算机技术以及系统科学原理,将办公流程科学化...

    web_学生信息系统网站_

    总结,"Web_学生信息系统网站_" 涉及的技术栈广泛,涵盖了Web开发的基本元素、后端编程、数据库管理、用户认证、API设计、前端交互以及项目部署等多个方面。开发者可以通过修改源代码来定制功能,满足特定需求。

    基于Web育儿助手系统的设计与实现

    【基于Web育儿助手系统的设计与实现】是一个针对现代育儿需求的在线平台,旨在提供科学的育儿知识、资讯以及互动交流的环境。系统采用先进的技术栈,包括JSP(JavaServer Pages)、MySQL数据库以及Java编程语言,...

    web高级程序设计系统

    在IT行业中,Web高级程序设计系统是开发人员必备的技能之一,尤其是在使用Visual Studio 2005和C#语言进行Web和数据库开发时。本文将深入探讨这些关键知识点,帮助您更好地理解和应用它们。 首先,让我们从C#语言...

    基于WEB技术的同学录系统的设计与实现

    总结,基于Web技术的同学录系统设计与实现是一个涵盖多方面知识的综合项目,包括Web基础知识、系统架构设计、数据库设计、功能实现以及安全与优化。通过这个项目,开发者不仅可以提升Web开发技能,还能锻炼项目管理...

    基于Web的实验教学管理系统的设计与实现

    #### 二、系统设计目标与原则 ##### 1. 设计目标 基于Web的实验教学管理系统旨在实现以下目标: - **查询功能**:允许学生在校内任意联网计算机上查询实验项目相关信息。 - **成绩管理**:便于教师录入和管理学生...

    学校系统web网页设计

    在IT行业中,Web网页设计是一项基础且至关重要的技能,尤其对于教育机构而言,构建一个功能齐全、用户体验良好的学校系统Web网页至关重要。在这个“学校系统Web网页设计”项目中,我们主要关注的是HTML(HyperText ...

    基于web教学评估系统设计

    并阐述网站的结构设计和功能设计,实现用户的分类显示、最近新闻的提示、留言板功能等。管理员用户可以通过Web浏览器,以人机交互式的客户端程序实现对本科评估新闻的发布、管理。本系统是计算机系WEB站点的一个子...

    基于Web的办公室自动化(OA)系统的设计与实现1.doc

    基于Web的OA系统是提升企业效率的有效工具,通过合理的规划和设计,结合现代技术,可以为企业创造更大的价值。本系统实现了基础的办公自动化功能,但仍需持续改进和完善,以适应不断变化的业务需求。

    web 数据库课程设计

    #### 一、学生公寓管理系统设计 - **用户角色划分**:学生、宿管、总务处、系统管理员四类,各自具有特定的权限和功能需求。 - **功能要点**:学生自助选房、换房申请、问题反馈;宿管报告宿舍情况;总务处管理公寓...

    基于web数据库图书管理信息系统设计与实现(源程序)

    《基于Web数据库图书管理信息系统设计与实现》是一个适用于中小学图书管理的系统,它结合了现代Web技术和数据库管理,为图书的高效、便捷管理提供了全面的解决方案。本系统的核心功能包括图书的录入、检索、借阅、...

Global site tag (gtag.js) - Google Analytics