当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 四种不同的电子商务网页布局测试

心得技巧
IE8 Beta 1两个地方需要大家注意
提高网站性能中内容有关的10条原则
网页设计者应该从三个方面优化网页
Web 设计 实现干净代码的12条定律[图文]
网页设计必备工具 firefox Web Developer插件 CSS工具组教程
UCenter Home 站点添加统计代码
9款很棒的网页绘制图表JavaScript框架脚本
提高网站可用性的10个小技巧
网站维护页面的列表制作技巧
B2C 网站用户体验细节设计参考
收集12个实用的网页在线工具
设计参考 漂亮和原创的博客设计
收集25个知名网站标志中使用的字体
极尽简约的网站设计实例
个性化创意鲜明的网站设计实例(30个)
水平滚动的网站设计 小结
更受欢迎 更具创造性的深底色网页设计实例
有创意的关于我们网页页面设计
整洁漂亮的网页设计的4项原则
设计参考 WordPress建站成功案例

心得技巧 中的 四种不同的电子商务网页布局测试


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-01   浏览: 94 ::
收藏到网摘: n/a

网页布局的好坏已经从单纯的美观角度上升到影响网站收益的情况,以下是四种不同的布局测试,分别对应电子商务网站,用户注册表单,搜索框使用率,注册吸引力等。我们可以通过测试看出由于小细节或位置的变化影响到的可能是整个网站的收益与转化率。因此现今的网页布局需要更多的考虑到用户,通过不断尝试寻找最能提高网页效率的方案:

测试一:哪种价格排序方案收益最好?

测试结果:B方案

测试结果:B方案

这是grasshopper.com针对pricing页面做的测试。
根据测试结果显示,实施方案B后,月收入增加24.2%。原因:在从高到低的价位排列中,更多的人购买$49的付费服务。

从grasshopper.com的现在页面上看,他们依旧是这样的布局,并且更加突出了中间$49的价格方案。

补充说明:很多朋友应该没有仔细看问题:哪种收益最高。没有明确goal就做出的答复,虽然思路不错,但是结果为零。

可能有用的经验:设置产品付费方案的时候,至少要有3种方案,将你最希望用户购买的方案定价(价格、价值)适中。(这个测试结果是有心理学依据的,哪位朋友能给专业说明下?)

测试二:哪种方案的注册成功率高?

测试结果:A

测试结果:A

这是Campaign Monitor之前对他们的首页做的测试。测试结果显示A方案以超过24.7%注册量胜出。

感觉不可思议,对不?我们一直在说不给用户在注册、购买流程中太多干扰。但是这个例子。。。

不过,不要轻易怀疑自己的经验和理论。如果你现在去看Campaign Monitor的网站,你会发现他们已经不在用这步弹出了,为什么?因为他们优化了首页下文文字说明,将他们所提供的软件目标对象描述得更加清晰明确。上下文、语境等情景实际上关系着目的的实现和产品的表现形式。

但是这个例子确实说明,如果你增加的操作步骤能让用户感觉到你所提供的产品是真的对他们有用、有价值的,那用户不会反感。

测试三:哪种注册表格更有效吸引注册

这是Audio Editions这个网站的某个页面的测试。如果这一题,你答案选择的是A简洁页面,那是对的,我问的就是注册量大小。数据表明,A方案的注册成功量比B大。 但是从后续的监控情况看,B方案的注册用户的价值要比A高。如果从转化价值来看,B更应该是最终选择,毕竟注册量带不来收益。

测试四:哪种页面会让用户更多的使用搜索框?

这道题很简单,直接上Mozilla的support页面上就可以看到B方案是最终选择。关于这个测试的结果,Mozilla博客上有说明。方案B虽然让用户更多点击阅读下面链接和使用搜索,但是同时它的跳出率也是稍微高了一点(0.2%)。(我们应该思考,为什么方案B会让用户更多的使用网站功能。)

总结

如开头所说,这个测试并不干净,所以你的答案正确与否并不重要。重要的是不能过分依赖自己的片面经验去代替用户做判断和设计产品,在一些可能影响到网站转化目标实现的地方,尽量做做测试,Google Website Optimizer是个很好的工具。

最后再分享个测试结果,页面上一个简单的改进都能很大程度的影响到目标的实现。
z111111111111111
图中不同之处在于右侧中间的两张图片不同,可是能想到那种睡着的新生儿的图片让这个页面的转化率增长了12.6%吗?!

PS1:上面所说的大部分测试实验在Which Test Won网站上都有更详细说明,可以仔细阅读。

PS2:以上例子都是英文网站的例子。有朋友有中文的A/B测试对转化率的影响实例分享吗?