首页 > 新体验 > 设计沙龙 > 交互设计
  • 浅谈APP首页弹框形式和价值

    adinnet/2017-04-19 14:57/交互设计

    一、弹框的形式

    按是否是模态弹框分类

    • 模态,当一个模态对话框打开时,用户只能与该对话框进行交互,而其他用户界面对象收不到输入信息。多数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首页弹框是否还有必要?其次是是否需要进行优化调整?


    文章摘录链接 :http://www.woshipm.com/pd/638886.html

上一篇:设计中的设计:日本公共服务中的「点数」设计下一篇:使用 UIBezierPath 进行简单的图形绘制
400-021-8655
在线咨询
在线留言