美文网首页@IT·互联网
【消息中心】设计思考

【消息中心】设计思考

作者: 元气大茜 | 来源:发表于2020-11-18 18:55 被阅读0次

    前言:从古代的烽火狼烟到如今的信息网络,消息的传达发展了上千年。曾经的八百里加急,到如今的即时触达,带来无限便利的同时,也给我们带来诸多困扰:随着满屏“小红点”、“99+”的累积,消息的价值变得越来越弱。【消息中心】作为APP中不可或缺的模块,承载着沟通交流、促活转化等功能,如何设计值得深入探讨。

    本文将从消息中心的「入口位置」「应用场景」「组成要素」「如何利用」四个方面展开说明。

    01.入口位置 


    不同的产品,消息模块的重要程度不同,比如微信、QQ等即时通讯类产品,消息是其最重要的功能,一般会放在首页;而工具类产品,消息作为辅助功能,入口就会深一些。当然,同类产品,也会因产品定位、商业模式等因素而产生差异。

    总结一下一般会有以下几种情况(按照重要程度排序):

    --首页

    --Tab栏

    --多页面常驻

    --单个页面

    首页

    即时通讯类社交产品(IM):沟通为核心功能,最重要。

    Tab栏

    1.内容类社交产品(SNS)

    UCG内容为核心功能,但评论、点赞等消息,可以增加成就感从而促进用户继续创作,提升活跃度,因此消息模块也很重要。

    2.沟通需求较高的电商APP

    除了物流信息、客服服务外,卖家还会通过消息系统与买家进行其他沟通拉近关系,组建粉丝群等。多见于平台类电商如淘宝,卖家众多,品质参差不齐,相较于自营电商,沟通的需求更高。

    多页面常驻

    一般位于页面顶部。如京东、天猫、考拉海购等电商平台

    单个页面

    重要程度较低,一般位于首页、动态页、个人中心页面顶部,或在个人中心功能列表中。如今日头条等资讯类产品、高德地图等工具类产品。

    02.应用场景 


    根据消息类型的不同,可以分为以下场景:

    --推广运营:运营部门发送,用于激活沉默用户、运营新活动

    --通知提醒:系统消息,点赞、转发、评论、@等产品想让用户知道的消息

    --沟通交流:普通用户之间或卖家与买家之间发送的消息,即时通讯或者私信等交流

    03.组成要素 


    消息中心主要有以下组成要素,根据产品属性及复杂程度进行设计,从用户体验出发,功能健全而不臃肿:

    --搜索框

    --分类导航

    --消息列表

    --其他辅助功能:一键清除/标记已读、消息设置、通讯录

    搜索框

    多见于即时通讯类产品,消息较多方便用户快速定位;有些产品消息中心承载的内容较多,也会提供搜索功能。

    分类导航

    消息类型较多时,分类导航可以很好的将消息归类展示,方便用户查找。通常有几种样式:

    1.顶部Tab,文字+红点提示

    配合手势左右滑动即可,直接在当前页面切换,操作成本低,路径短;占据空间小,消息列表有更大的展示区域;可拓展性较好(但不要多于9个,后面的触达率较低)

    2.顶部icon,图标+文字+红点提示

    高频消息类别固定在顶部,重点突出;一般只有一排,不多于5个;点击会跳转新页面,切换需返回上一级,路径较长。

    3.列表导航,icon+标题+说明文字+红点提示

    列表上可以展示简洁的说明文字,用户不用点击就可以知道大概的内容;不拘泥于页面排版,可拓展性较强。主要有以下两种情况:

    --列表顶部固定(站酷),与其他消息区分较明显,但占据空间较大;

    --按时间顺序排列(陌陌),与其他消息混合,如果消息中心内容较多,则不易查找,需配合搜索使用。

    消息列表

    消息列表是消息中心的主要内容,一般按照发送时间排序。主要有以下几种形式,需根据使用场景选择合适的设计,把握好一致性:

    --icon+文字:最多见,标题+文字可以很好的传达消息内容,且占据空间小;

    --图文列表:多用于运营类消息,高质感的图片可以很好的吸引用户点击;

    --纯文字列表:较为少见,页面较简洁,但文字较多时用户会失去耐心。

    其他辅助功能

    --一键清除/标记已读:消息较多时,体谅强迫症患者,支持一键清除小红点;

    --消息设置:给用户选择权,用户可以选择屏蔽某类信息,有些产品把此类功能放置在【设置】中,增加此操作的成本以减少用户对信息的屏蔽;

    --通讯录/发起聊天:与产品属性关系比较大;

    根据产品定位、消息中心的体量、用户体验等综合分析,适度增减功能。

    04.如何利用 


    以上介绍对消息中心有了深入的了解,在信息泛滥的今天,相信你也有因为被消息过度打扰而干脆关闭消息的推送;从以前的强迫症到如今对小红点视而不见...

    作为产品设计者,消息中心是我们的产品闭环运转、促进业务目标达成的关键环节。

    那么,应该如何更好的利用呢?(即时通讯、点评、转发、赞等消息通知,用户本身就有查看的欲望,因此此处只分析推广运营类消息)

    遵从MECE原则,从用户侧流程出发,我们找出了设计中需要注意的4个节点。

    推送

    本节点的数据指标为触达率,不适合的推送,会使用户反感然后屏蔽,直接影响触达率。

    --推送时间:根据产品属性,选择合适的推送时间,毕竟凌晨三点看新闻的人是极少的;

    --推送数量:推送过少难以拉近关系,推送太多则容易被忽视,根据自己的产品属性,根据消息的重要程度,分级推送,避免同类信息数量过多;更不能为了巩固运营效果重复推送。

    吸引

    本节点的数据指标为点击率,用户对待消息一般是扫一眼就过去了,因此需要快速让用户对消息内容感兴趣。

    --提醒有度:红点提示,文字 > 数字 > 点;也可以设计有趣的动效吸引用户注意;

    --文案吸睛:简洁、直接、有趣,拖沓的文案消耗用户耐心,中规中矩的文案入不了用户法眼;

    --精细化运营:精准营销、智能推送,这个很普遍了就不再细说。

    引导

    本节点的数据指标为转化率,引导用户付费或分享。根据海盗指标AARRR模型,转化路径要简短可以减少环节上的用户流失,因此消息内容最好可以直接链接到最终目标。

    反馈

    当用户完成了整个流程,我们需要及时给出反馈,toast、弹窗、新页面等根据需求适当选择。

    05.总结一下 


    消息中心作为产品不可缺少的模块,因为各产品属性、定位等的不同,呈现着不同的形式。

    通过对消息模块的梳理,发现了之前不曾注意的点,也发现关于消息中心有太多的内容可以去深入分析,比如如何引导用户打开消息通知、小红点的出现与消失等等都可以作为专题去写。

    本篇泛泛之作,欢迎交流讨论。

    相关文章

      网友评论

        本文标题:【消息中心】设计思考

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