浅谈APP首页弹框形式和价值

17 评论 41799 浏览 229 收藏 9 分钟

越来越多的APP被打开时,首页都会有弹框出现,然而不同APP的弹框也各不相同,形式风格内容花样繁多。本文主要介绍APP首页弹框的几种类型及其价值。

一、弹框的形式

按是否是模态弹框分类

  • 模态,当一个模态对话框打开时,用户只能与该对话框进行交互,而其他用户界面对象收不到输入信息。多数APP首页弹框均为模态的对话框,用户必须先进行弹框内操作,对于用户体验来说,是有打扰到用户交互使用流程。
  • 非模态,则是当用户打开非模态对话框时,依然可以操作其他窗口。

按是否可以关闭弹框分类

  • 不可关闭,弹框没有明显的“关闭”按钮,常见于打开APP弹框进行签到、或者任务类型的领取,例如,网易蜗牛读书“免费领取1小时读书时长”弹框
  • 可关闭,多数首页的弹框都是可以进行关闭的,常见于活动页的弹框展示,另外关闭的样式基本上是“×”或者“取消”按钮。“×”应用于有内容的弹框,位置一般在右上角、右下角或正下方;“取消”应用于系统提示框,比如是否开启消息通知,是否开启定位等。

按是否可以跳出弹框分类

  • 不可跳出,弹框内容不可以点击跳转,这种弹框一般是纯图片或者弹框内用户即完成点击操作任务。
  • 可跳出,点击弹框内容会跳出弹框,一般有两种情况,一种是业务类型弹框,点击会在app内进行跳转,另一种是系统提示,点击会跳转到手机设置内。

按是否自动关闭弹框分类

  • 自动关闭,弹框在用户未操作的情况下,可实现自动关闭,一般设置3秒的倒计时,若用户在弹框内进行任何操作即关闭弹框,例如,微票儿。
  • 手动关闭,用户如果想关闭弹框,必须进行关闭操作处理。

二、弹框的价值

系统操作引导

  • 当APP首页加载需要获取用户手机权限,则会进行弹框显示。比如获取用户位置或者开启消息推送,目的是一方面通过开启消息推送,提高APP消息推送率、用户活跃度等,另一方面是通过弹框提醒,引导用户进行系统操作,来提高用户使用体验。
  • 针对于系统操作引导这类的首页弹框,在满足业务需求的同时,还需要注重视觉的体验。如下图,明显可以感觉到ofo的弹框视觉效果更加友好。

任务领取或提示

  • 任务领取,就网易蜗牛读书而言,打开APP在弹框内需要领取阅读时长,若没有领取的话,用户阅读的目的就完成不,所以为了提高用户使用体验,在首页进行弹框提醒。
  • 任务提示,任务提示一般有三种情况,第一种情况是便捷操作提示,为了给用户操作带来便利性;第二种情况是优惠券发放,目的是通过打开APP即赠送优惠券的活动,来提高订单量;第三种是自动签到的提示,用户首次打开APP即完成签到,目的是提高用户活跃度和用户留存率。

版本更新提醒

  • 当用户APP版本过低时,打开低版本APP就会进行新版本弹框提示。版本更新弹框内容主要是新版本上线的主要功能介绍,为了用户能准确了解新版本上线功能点。下图中,携程的版本更新弹框更值得学习大家学习,不仅显示新版本功能,还显示多少用户选择更新和建议wifi情况下更新需要的时长,一定情况下能引导用户选择更新(从众心理),另一方面提醒内容全面,用户感受较好。

获取用户反馈

打开APP即进行APP评价的弹框,目的是通过用户评价来获取用户的使用反馈。APP评价一般要考虑产品类型,比如电商产品,建议是用户下单完成后进行APP评价弹框显示,而不是首页弹框,这样不会打扰到用户正常下单流程。

活动页宣传

这类APP首页弹框目的很明确就是活动宣传,如果按照APP是否有活动页入口区分的话,ofo和网易严选是有活动页入口的,ofo在右上角活动列表入口,而网易严选则是在首页轮播图位置。摩拜则属于APP内没有活动页入口,所以进行弹框显示。既然ofo和网易严选有活动页入口,为什么还要进行弹框显示呢?可能原因ofo的右上角活动列表入口不明显,具体活动页入口有点深;而网易严选主要是1周年庆活动相对比较重要,所以既在首页弹框显示,又在首页轮播图位置显示,凸显活动的重要性。

当首页弹框是以广告宣传的形式,一方面要考虑APP是否还存在启动页,如果存在的话,用户至少操作2步才能到达首页,增加用户操作成本;另一方面要考虑如果存在启动页且为广告宣传,那么首页弹框是否还显示广告弹框,两次广告的展示会给用户造成一定的排斥。

三、关于弹框的细节

弹框出现频率

首页弹框出现频率应该是怎样的?按照自然时间计算(一月弹一次)还是按照间隔时间计算(弹出后间隔一个月再次弹出)

 弹框出现位置

弹框按理是在首页进行弹出展示,要考虑当用户网络较差情况下打开APP,弹框未能加载完成进行弹出,那么在其他页面加载完成后是否还需要进行展示?

弹框停留时间

当弹框是可以自动关闭的,那么自动关闭的时间应该设置在几秒之内?另外是否需要增加手动关闭按钮?

弹框关闭按钮位置

若弹框存在关闭按钮时,那么关闭按钮的位置处于什么地方,更便于用户进行操作?

弹框上线时间段

首页弹框在满足业务逻辑的情况下,要一直维持在线上吗?特别是特定时间内的广告宣传

四、总结

APP首页弹框上线前,应结合自身实际情况考虑,应该选择何种形式的弹框且想表现出何种价值?另外弹框的视觉选择也是值得关注的。上线后,要关注APP弹框的数据情况,一方面是用户数据,比如弹框出现次数、APP活跃度、APP卸载率、APP更新率等;另一方是业务数据,用户反馈数据、活动页点击量以及相关订单量。综合数据情况,来分析APP首页弹框是否还有必要?其次是是否需要进行优化调整?

 

本文由 @董小白 原创发布于人人都是产品经理。未经许可,禁止转载。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
11-202454 浏览
白话结算
04-264136 浏览
美团开始To B
02-221702 浏览
XBZ摇摆摇摆
评论
评论请登录
  1. 真的是小白 拿OFO跟淘宝定位的弹窗比 产品类型目标都不一样 设计要分场合啊 不是每一个弹窗都必须做的那么华丽 华丽的背后意味着增加用户的认知成本

    来自广东 回复
    1. 哪有淘宝?

      来自山西 回复
  2. 您好,这个后台逻辑中的时间,您会根据哪些数据确定弹出的时机呢?比如具体到评分弹窗的话。

    来自北京 回复
  3. 请教弹框的后台系统如何设计呢?比如携程版本更新的样式是写死,还是后台可配置?活动宣传页的弹框是否亦是如此?前端重用户体验,后端重业务支撑,不知楼主对后端是否也有了解

    回复
    1. 个人见解,版本更新样式应该是写死的,更新内容通过接口或数据库维护;广告页类型的应该做成可在CMS系统进行配置

      回复
    2. 只说安卓,默认安卓端用原生弹框提示升级,属基础模式,由服务端下发标题和内容及button的文案,字体字色字号由终端渲染。
      服务端可调用自定义H5模式提示升级,属高级模式,由服务端给终端URL,终端利用JSAPI渲染调用。
      参考:http://www.woshipm.com/pd/639654.html

      来自北京 回复
    3. 嗯嗯,多谢科普 :mrgreen:

      来自福建 回复
    4. 我也求后台系统的弹框设计,能教教我么?

      来自浙江 回复
  4. 第一部分的系统引导,其实还是有一些问题的,在跟用户要权限方面,通常分为,首次进入统一要,这样子成功率比较低,多数用户会点不允许。第二,有些app不适合制作这种频繁弹窗,对用户体验很伤。分段要权限的好处,在于可以提高沉没成本,从而提高成功率,但一些软件,界面不够友好

    来自辽宁 回复
    1. 嗯嗯,多谢建议,如果首页需要拿用户当前位置,那也只能在首页弹框不适合分段,像消息推送这个如果是非社交类或者IM产品是没太必要在首页弹框显示。

      来自上海 回复
  5. 好(✪▽✪)

    回复
  6. 关于系统操作的引导弹框,建议再去深入了解这个系统弹框的机制,文章中的三个案例,是有问题的

    来自浙江 回复
    1. 求科普。

      回复
  7. 为了吐槽一下膜拜,我专门注册了这个网站,我想说,膜拜的弹窗那简直就是让人烦到不行,每次打开都有弹窗,然后关闭按钮却做的垃圾小,膜拜PM小弟弟啊,我要用车啊,而且你弹个订单量2千万跟我有屁关系。

    来自上海 回复
    1. 因为用户吐槽太多,摩拜最新的版本更新内容说已经把广告弹框拿掉了

      来自上海 回复
    2. 奥奥,那我更新看看。多谢你啦。

      来自上海 回复
    3. 原来我不是一个人

      来自广东 回复