美文网首页
通知系统的设计(二)

通知系统的设计(二)

作者: 贾老师和他的朋友们 | 来源:发表于2016-10-24 18:05 被阅读233次

UI将从web(用户)、移动(app和H5)和管理后台三个方面进行阐述。通知通知,就是让消息第一时间到达,让用户第一时间知道。虽然web、app、H5在实现方式上是区别的,但是及时方便获取是首要目标。

WEB

位置上,web最能惹眼球的位置就是边栏,不论是上、下、左、右边栏,因为不随着用户操作而变换,所以通知的第一提醒应该是这个位置。第二个位置就是首页,叫仪表盘或者看板无所谓,登录后就会看到这个页面。第三个位置就是通知的自己的家。所以,分三个部分进行分析。

1、边栏

边栏的位置我越来越推荐左边栏,因为都是宽屏的嘛。传统是上边栏。我们系统中多是是后者,有的版本会换成前者。

图 1

展现形式上多为图1所示。这种消息推送功能实际上不明显,大致告诉我们有新消息,但是也不至于打扰用户。

新消息提示使用顶部滑出,延时n秒(要多次体验时常,即不烦人又可以了解内容)后自动消失。

图 2

2、首页

根据不同的应用,首页会有不同的模式。包含的元素应该是任务、任务日程视图、通知、动态、图/报表,根据用户的场景进行组合。

3、通知自己的家

这是看通知的地方,我们会嵌入到其他系统,可能的变化就是菜单和ui,我们目前两种类型,应用型和网站型,样式会有变化。我们对于通知的处理,可以采用弹出窗口的模式,看一条信息采用侧边栏滑出信息的模式(wt)。

平台

管理员使用发布通知通告

H5

相关文章

  • 通知系统的设计(二)

    UI将从web(用户)、移动(app和H5)和管理后台三个方面进行阐述。通知通知,就是让消息第一时间到达,让用户第...

  • 通知系统设计

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

  • 通知系统的设计(一)

    web应用和移动app中,通知系统是一个独立并且重要的功能。为了规范化,也为了重用,我们把通知和站内信做成一个独立...

  • 通知系统的设计(三)

    对象设置和API 行为分析 管理员 1、发布公告 2、 系统 发起一个提醒,是由业务根据自己的情况产生的,产生的消...

  • 通知系统的设计规则

    我们通过门铃响得知门外有人来访,电话铃响得知被人呼叫,设备中例如短信及各类产品的消息推送也起着类似的作用不同的是,...

  • 如何设计消息通知系统

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

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

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

  • Web网站通知系统设计

    写在前面: 通知系统是网站信息传播机制的重要的一部分,足够写一大章来说明。本文只梳理设计原则,后续相关内容会持续更...

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

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

  • 学生信息管理系统

    学生信息管理系统 通知通告 新生信息采集系统 新生分班查询系统 学生成绩查询系统 师生互动系统 学生页面设计 功能...

网友评论

      本文标题:通知系统的设计(二)

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