美文网首页
手机端app两种banner设计方案 A/B test

手机端app两种banner设计方案 A/B test

作者: 赵噗噗噗 | 来源:发表于2016-10-11 18:26 被阅读0次

由于新活动要上线,为提高此次活动首页banner的点击量,对之前活动banner信息展示重点进行了数据分析,目的是希望能用更直观的数据,了解用户对于传递何种重点信息的banner,以便为后续的设计优化和以及不同形式线上使用的数据效果预期提供参考。

近期活动基本都是闯关送奖金,在banner信息展示的时候,通常采用突出现金金额的形式来吸引用户注意,促使用户点击,但将几个活动banner对比分析发现,弱化金额的banner点击率更高,为验证哪类banner类型能够获取更多的点击量,进行了为期10天的A/B test。

展示位置:APP首屏第一帧banner

展示时间:9.20——9.29,为期十天

展示用户:将用户进行单双号区分,A版针对单号显示,B版针对双号显示

注:两个banner当中,唯一不同的是设计当中突出的重点不同

主要测试的两个个方面:何种类型/重点的banner更吸引用户点击,两种设计的分流能力;涉及到的数据有banner 点击数、点击率,活动页uv、pv

方案A:突出奖金金额200元

方案B:突出活动,弱化奖金金额200元

Banner的展示数据如下(由于数据的保密性我就说一下大致情况):

1、突出金额设计的banner uv相差不大,pv相差较多,达到300+;

2、通过此banner进入活动页后平均访问页面相差不大;

3、从点击率看,两个banner点击率相差不大,弱化金额的banner点击率高0.022%;

4、分流能力相差不大,弱化金额的高4%左右。

测试点1:点击量&点击率

从数据当中看到强化金额的uv、pv较高,这符合预期,但弱化金额banner的点击率更高,具体数据显示:两类banner的uv相差不大,pv相差较多,突出金额设计的banner高300+;从点击率看,两个banner点击率相差不大,弱化金额的banner点击率高0.022%。

可能有以下3点原因:

1、百度统计数据打点记录不准确(这个问题遗留了好久了);

2、从用户点击banner进入到落地页时,中间由于各种原因,用户虽产生了点击的行为但未进入落地页,导致banner点击率高而对应的活动页pv少;

3、用户进入活动页后不断刷新,或分享后返回页面又会重新计数一次,导致pv数高,那么这里是不是可以说明,用户更乐意将“领取XXX奖励”这个信息分享出去

测试点2:分流能力

两种类型对页面流量的分流能力上(banner点击数/页面pv),弱化金额的banner分流能力更强,这也与之前的预期有些偏差,具体的结果显示,弱化金额banner的分流比强化金额banner的分流能力高4%左右,而具体在整个页面流量中的占比,是受文案/活动本身内容吸引力决定。

总结及建议

突出金额显示设计:可以用在追求高uv、pv数据量,并且高传播量的场景下

弱化金额显示设计:可以用在引入流量并且高转化的场景下

1、虽然好的文案、好的设计能够吸引更多的用户点击,但最终吸引用户的还是活动本身;

2、本次测试测试面很浅,只统计到了基本的点击数据,对于后期的成交转化并没有统计数据,后续在此方面进行优化,可能统计之后又有很多与预期不符的呢~

3、对于趋利性质的用户来说,我们想当然的认为把金额摆在显眼的位置,更能吸引用户点击,但数据显示并不是这样,所以,多分析数据,就酱

相关文章

  • 手机端app两种banner设计方案 A/B test

    由于新活动要上线,为提高此次活动首页banner的点击量,对之前活动banner信息展示重点进行了数据分析,目的是...

  • 11-05移动端banner设计初识

    移动端Banner设计初识 什么是Banner Banner的意思是横幅广告,在App和Web端轮播图中经常出现。...

  • 互联网中的常用词汇

    2019年7月10日 A app :应用,通常特指手机应用 B banner :图片广告,在移动应用中通常特指头图...

  • nodejs+jsonp

    服务端 app.js 客户端 test.html

  • iOS A/B Test介绍和使用

    iOS A/B Test介绍和使用 一、什么是A/B Test 现在 App Store 中的应用,就像商场中的商...

  • 手机端网页banner实现

    效果是这样的:注意的是:要记得导入 jquery! jquery! jquery! 才能运行哦。。。 废话不多说直...

  • Banner视觉表现形式!

    文/袁希晨 Banner由于其表现方式直接、简单被广泛应用于移动手机端和网页端界面设计中,Banner作为信息传播...

  • app下webview问题

    情景:app-点击banner-打开A页面(点击A某个按钮跳转)-B页面(点击B某个按钮跳转)-C页面(点击C某个...

  • iOS Smart App Banner 智能App广告条

    在iOS中提供了两种在浏览器中打开APP的方法:Smart App Banner和schema协议。Smart A...

  • 跨域

    服务端app.get('/test', function (req, res) {// var pa...

网友评论

      本文标题:手机端app两种banner设计方案 A/B test

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