详细解析如何做好网页页面优化

2016-02-16 22:26 9 1 收藏

下面是个超简单的详细解析如何做好网页页面优化教程,图老师小编精心挑选推荐,大家行行好,多给几个赞吧,小编吐血跪求~

【 tulaoshi.com - 平面设计 】

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

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

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

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

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

问题现状:

1. 跳出率过高

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

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

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

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

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

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

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

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

竞品分析:

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

详细解析如何做好网页页面优化,PS教程,图老师教程网

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

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

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

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

详细解析如何做好网页页面优化,PS教程,图老师教程网

优化目标:

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

1. 降低跳出率

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

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

设计计划:

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

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

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

3.增加热门成分内容

详细解析如何做好网页页面优化,PS教程,图老师教程网

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

结果检验:

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)

这样就得到了新的问题现状,然后又可以循环往复,去考虑下一次的优化了。

来源:http://www.tulaoshi.com/n/20160216/1575699.html

延伸阅读
看惯了千篇一律的404,来感受今天这波视觉干净清爽,文案带点小幽默的创意404页面吧。想学习的,文末附上两个免费可商用的404页面模板源文件,怒转吧。 注:用小米路由器的同学记得把路由器的网络劫持关了,不然会访问错误。 WEARESPRY – 404 Error Page Cayenne – 404 Error Page kwarter – 404 Error Page ...
上一篇我们学习了啥,知道的同学们举个爪子,如果你是第一次进来的内,你可以先看看咱这慕歌的文章.如果觉得还行呢,还可以可以看看前面咱说的内容哈。上一篇咱们学习鸟爆款详情的萝莉养成日记,爆款详情的制作方法,不知道看了上一篇的同学们系不系有了很大的提升呢?如果不是的话,跟我没关系噢,下面让我们来简要的回答一下上一篇遗留的精..精....
在广告着陆页上,注册转化率无疑是关系到许多部门业绩的一个重要指标。当某些页面的注册转化率不尽如人意的时候,我们通常需要通过多种手段来进行注册转化率的优化。以下是我们在工作中通过实际操作总结的一些小心得。 理论派:行为层分析着重于快速找出功能/逻辑方面的问题 情绪层分析则用于找到不易发现的设计/使用方面的问题 结合...
推荐:最齐全的8种胎教方法!(1) 如今的人们越来越注重使用胎教来使孩子各方面的发展更加聪明,如下我们就看看生活中常见的8种胎教方法。 胎儿的记忆是惊人的。胎儿就像一台不断被存入程序的计算机,各种信息刺激会被存入,特别是反复的刺激。胎儿不但会有记忆,还会产生固定的条件反射,对胎儿出生后的发育起到很大的影响。 原苏联著名提琴...
面包屑导航,一个曾经风靡武林,不经意间已默默无闻的古老控件。很多交互设计师在刚听闻它大名的时候,它就隐退江湖了。不过,在某些类型的网站上,它还是必不可少的导航方式。今天美团网的交互设计师德川亮特意重新梳理资料,从头开始带你认识面包屑导航的前世今生。 什么是面包屑导航 网页上让用户感知当前页面所在的层级位置,或者是产品...

经验教程

781

收藏

71
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部