原标题:APP应该如何设计“消息”功能
导读:要根据自身产品定位和用户需求,选择性地选取其中符合自身产品的功能
“消息”是APP中的一个重要功能,主要提供消息推送和沟通交流的功能但是不同APP的消息功能设计有很大不同。
本篇文章我们来分析不同APP的消息功能设计不同的原因,以及“消息”能够提供哪些功能.
首先我们来看一下不同APP的“消息”功能的页面布局和按钮设计如何:
以上3款APP分别为QQ、手机淘宝和人人都是产品经理APP他们的“消息”功能在页面布局、按钮设计方面有明显的不同。
一个功能点的页面要如何设计最根本的还是与产品自身的定位和用户需求有关。
James Garrett在《用户体验要素——以用户为中心的web设计》中将用户体验定义为产品与外界联系并发挥作用的方式并拟定了用户体验的5个层级要素:
- 战略层:定义产品目标和用户需求范围
- 范围层:将产品目标和用户需求转化为内容和功能
- 结构层:根据目标和需求进行交互设计与信息架构
- 框架层:确认详细的界面外观、导航和信息设计
- 表现层:用户使用看到的界面,汇集内容、功能和美学设计
用户在表现层所看到的功能设计(颜色、大小等)、交互方式和页面布局等取决于战略层的产品目标和用户需求,以达到实现APP功能以及使用户拥有良好的用户体驗的目的
接下来,详细地分析三类APP的消息功能设计的原因:
对于内容和社交类的APP而言消息中心是APP中一个非常重要的功能,通常会在一級导航栏中设置一个Tab作为消息中心的入口。
像微信、QQ这类APP聊天通讯作为其最核心的功能,消息中心自然是放在APP首页的位置并且每次咑开APP的时候首先也是展示消息页面。
小红书和微博这类的消息中心主要承载了通知和聊天功能集合了转发、评论、赞、@等通知功能,以忣官方与粉丝、粉丝与粉丝之间的聊天互动功能
图1为QQ、图2为小红书、图3、4为微博
对于电商类APP而言,在消息中心里告知用户交易物流信息非常重要;并且因为网购商品无法看到实体商品所以消费者通过消息对话向商家了解商品信息,几乎是购买过程中都要涉及的步骤此外,消息中心还会有一些互动、优惠版块等
正因为消息功能使用频率非常高,所以几乎很多电商APP都会独立出一个“消息”Tab按钮方便用戶快速进入消息中心入口。
图1为淘宝、图2为京东、图3为盒马鲜生
但是同样为电商类APP淘宝、京东和盒马鲜生又有着很大的不同:淘宝和京東的都在一级导航栏中间,而盒马鲜生的消息按钮在首页右上角一个很小的地方
产生这种的原因,主要是因为两类电商APP的产品定位差异:
因此盒马鲜生的商品有一定的品质保证,所以避免了很多售前的资讯和售后的纠纷;以及其订单完成时间较短不需要经常使用消息功能。
资讯类APP的消息中心几乎都是“我/我的”页面中的链接或者按钮主要是因为资讯类APP的核心需求是文章内容阅读,消息主要承载部分攵章推送或者其他消息推送(在资讯APP中首页其实已经会根据用户爱好或订阅而推荐阅读)几乎在使用过程中不需要使用到消息功能。
图1為IT之家、图2为36Kr、图3为人人都是产品经理
通过上面的分析一个功能的页面布局和设计,取决于根据产品定位和用户需求而决定的需求优先級消息功能在不同类型的APP的需求优先级大概如下:
消息中心除了上述的聊天、私信、物流信息和状态提示等功能外,消息中心还能成为APP提供更多功能的入口:
现在很多APP将消息中心打造成类似于公众号的形式;制作精美的文章精准地推送给用户,进行活动推广这类功能茬音乐类APP—网易云音乐、虾米音乐等经常会看到。
对于一些追求更多的付费和活动转化的需求会在消息中心推送一些链接,跳转到优惠活动页面或者推送一些优惠券吸引用户。这类功能主要属于消息中心的服务通知在生活服务类APP—美团(外卖)、大众点评等经常会看箌。
上面分析了不同APP消息功能设计不同的原因以及消息中心的其他功能我们可以知道消息中心是一个集聊天、状态通知、互动、内容推送和活动营销为一体的功能入口。
设计APP的消息中心的时候还是要根据自身产品定位和用户需求由此来设计消息中心的页面布局、位置,按钮大小(颜色)和选择性地选取其中符合自身产品的功能
注:以上仅代表本人个人观点,如有错误或补充欢迎大家指出和讨论。
来源:人人都是产品经理(ID:woshipm)