如何做页面优化

标签: 产品设计 | 发表时间:2013-02-16 10:37 | 作者:P迪
出处:http://www.alibuybuy.com

 

优化不同于改版。改版是在原有基础上做较大的改变;而优化是做些小的调整,快速提升效果。但不管是改版还是优化,都需要考虑以下的步骤:

 

1.问题现状(数据、用户反馈等)/  用户调研(问卷、访谈等内容,尽量结合数据看)/  竞品分析

2.结合上面三点,确定优化目标

3.根据目标确定设计计划(如何达成目标)

4.结果检验(数据、用户反馈等指标)

 

以最近优化的网易保健品首页为例,来谈谈如何做页面优化。

 



问题现状:

1. 跳出率过高

2. 首屏以下位置点击量很小(第一屏内的热门搜索、功效、品牌点击人数较多)

3. 转化率低(但购买商品类别较集中)

分析:根据点击和转化情况可以判断出,问题主要出在二三屏的商品推荐模块。从下图中可以看出,该区域给人的感觉非常平淡,难以勾起购买欲望。另外跳出率高也暗示着:除了首屏的功效和品牌外,我们是否还需要给用户提供些别的重要内容?让我们从用户分析和竞品分析中再找找答案吧。

 



用户调研(下图为部分数据):

1. 男用户偏多,教育背景良好,偏成熟稳重,收入中等

2. 最看重的产品属性分别为 功效、有无副作用、品牌、价格、适用人群、成分、口碑及其它。

3. 购买目的是为了保健预防、增强体质

4. 用户对排行榜和相关推荐,表现冷淡

分析:从上述内容可看出,保健品用户相对较理性,购买目的较明确(通过美图吸引无目标用户的可能性微乎其微)。目前这种不规则的商品排列方式并不太适合目标用户,而更适合服装、化妆品类的商品。另外就是商品功效不够突出,也不够吸引人。

 

竞品分析:

目前卖保健品的网站虽然不少,但垂直领域里做的好的并不多。但我们可以参考和保健品特征类似的产品网站,比如同样注重功效的化妆品网站(比如乐蜂网、聚美优品等)。

分析:通过对比,我们可以发现,竞品的单品推荐部分价格都比较明显(有调查称人们对数字更敏感、用户调研结果也证明用户对价格较关注)、功效用途更突出、排列较规整。这和用户调研结果,也是相吻合的(购买目的较明确)。

 

值得一提的是:竞品的分类主要按产品类别分,而我们的分类主要按人群和功效分(结合了用研结果),那么我们是否应该再给用户提供额外的分类方式呢?

 

 

根据之前的调研结果,用户最看重的产品属性分别为功效、有无副作用、品牌、价格、适用人群、 成分、口碑及其它。除了有无副作用不好表现外,功效、品牌、价格、适用人群都在首页上有所表现,那我们现在最需要考虑的就是成分了。

 

在淘宝指数上,我们可以明显看到,成分的搜索热度远远高于对应的功效。这说明用户对一些热门的成分(比如鱼油、卵磷脂、螺旋藻等)是非常了解和熟悉的,因此我们确实应该提供这些热门成分的分类,方便用户选择。

 

优化目标:

综上,我们可以得出本次优化的目标为:

1. 降低跳出率

2. 增加首屏以下位置的点击量

3. 提升从首页到下单的转化率(最重要)

 

设计计划:

如何达到优化目标?根据上述分析,计划如下:

1.改变推荐商品的陈列方式(按人群、功效区分)

2.突出单品的价格、功效

3.增加热门成分内容

 

热销榜是我们当时比较纠结的地方,虽然调研报告中不建议放,但是考虑到众多竞品(无论是保健品还是化妆品)网站都有这个模块,因此为了稳妥,还是放了。

 

结果检验:

1. 跳出率未得到明显改善

2. 首屏以下位置点击量增加(新增的成分内容点击量高,对提升二三屏点击率起到了重要作用)

3. 订单转化率增加44%(首页同样的商品,改版前后转化率提升明显,首页推荐的有效性大大增强了)

4. 排行榜几乎无人点击(新增问题)

 

这样就得到了新的“问题现状”,然后又可以循环往复,去考虑下一次的优化了。
源地址: http://blog.sina.com.cn/s……01018scr.html

 


© 推荐 for 互联网的那点事, 2013. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

传淘宝商城启用新品牌Logo 下周推开放新策略

交互设计实用指南系列(10)—别让我思考

交互设计的类型与难点

iPad手机QQ浏览器产品风格调研
无觅

相关 [页面 优化] 推荐:

如何做页面优化

- - 互联网的那点事
改版是在原有基础上做较大的改变;而优化是做些小的调整,快速提升效果. 但不管是改版还是优化,都需要考虑以下的步骤:. 1.问题现状(数据、用户反馈等)/  用户调研(问卷、访谈等内容,尽量结合数据看)/  竞品分析. 2.结合上面三点,确定优化目标. 3.根据目标确定设计计划(如何达成目标). 4.结果检验(数据、用户反馈等指标).

前台页面优化全攻略(一)

- - 博客园_知识库
   英文原文: http://www.sitepoint.com/complete-guide-reducing-page-weight/.   据调查,网页大小在2013年平均增长了32%,平均达到了1.7M,单独的HTTP请求达到96个. 这是令人震惊的数字,而且这只是个平均值,有一半的网站会大于这个值.

前台页面优化全攻略(二)

- - 博客园_知识库
  在 上一篇文章中,我们讨论了一些基本的页面优化和减肥方案,现在我们的页面已经被缩减了30%-50%,如果你还没有阅读上一篇文章,我建议你完成那些基础热身之后再继续进阶的训练.   如果你已经尝试了基础的热身,那我们就继续采取一些更极客的解决方案.   看到这个标题请不要惊讶,我并不是让你放弃第三方社交平台,而是希望你能放弃那些肥胖的官方组件.

前台页面优化全攻略(四)

- - 博客园_知识库
  通过前几篇文章,你应该已经掌握了很多优化网站的方法. 现在你的网站加载速度已经很快了,但是你必须持续的监控你的网站,了解它的大小变化,要不然一段时间过去之后,它可能又成为了一个胖子.   如今每个页面平均已经达到1.7M,每年增长大概32%. 你可以通过以下几个工具来查看你的网站是不是又在暴饮暴食,而且它们都是免费的.

前台页面优化全攻略(三)

- - 博客园_知识库
  经过前 两篇文章的实践,你的网站加载速度一定有了非常明显的变化. 能把实践跟到这篇文章的人想必一定是极客中的极客. 如果你仍对网站的加载速度不满意,可以看看再尝试一下本文中几近疯狂的终极优化方案.   你可以对网站进行快速的优化,但网站日常的节食却很难. 也许你已经花了很大的力气去优化你的 CSS和 JavaScript代码,但是你所做的努力马上又会因为老板或客户期望的新功能而付之东流.

网站页面优化策略

- - 月光博客
  网站的页面优化,也即网页优化是对网页的程序、内容、版块、布局等多方面的优化调整,使其适合搜索引擎检索,满足搜索引擎排名的指标,从而在搜索引擎检索中获得的排名提升,增强搜索引擎营销的效果使网站的产品相关的关键词能有好的排位. 使网站更容易被搜索引擎收录,提高用户体验和转化率进而创造价值. 下面主要从网站代码、标签、正文等几个方面来讲述网站的页面优化.

管理好页面图片,减少页面加载时http连接,优化页面

- - ITeye博客
浏览器渲染页面的时候,遇到图片标签或者css中的背景图片设置,先会到本地缓存中寻找是否已经下载了这张图片,如果已经下载过了就直接从缓存中加载;否则会到图片指定的路径下载到本地缓存. 而且这种下载是阻塞式的(部分浏览器内核已经实现异步加载图片. 也就是说在下载这些图片的时候,页面渲染处于暂停状态,必须等到图片下载完成了再继续渲染.

[转]浏览器的加载与页面性能优化

- Allen - linux大棚-roclinux.cn
本原创文章属于《Linux大棚》博客,博客地址为http://roclinux.cn. 为了防止某些网站的恶性转载,特在每篇文章前加入此信息,还望读者体谅. 文章部分转自“百度泛用户体验平台”,本文地址为:http://www.baiduux.com/blog/2011/02/15/browser-loading/.

浏览器的加载与页面性能优化

- 彦强 - 百度泛用户体验
本文将探讨浏览器渲染的loading过程,主要有2个目的:. 了解浏览器在loading过程中的实现细节,具体都做了什么. 研究如何根据浏览器的实现原理进行优化,提升页面响应速度. 由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前端和Web Server),同时由于浏览器种类繁多且不同版本间差距很大,本文将侧重一些较新的浏览器特性.