数据如何驱动网站页面设计和优化

news/2024/5/12 5:37:38/文章来源:https://blog.csdn.net/weixin_33691817/article/details/90561764

0?wx_fmt=jpeg

电商行业已经进入红海阶段机会主义不在技术洼地被填平精细化运营和数据化管理已是电商决策者的必修课。电商企业的兴衰荣辱总能最先在数据层面窥见端倪甚至可预见是否养痈成患。

随着互联网业态不断深入发展如今在互联网含移动互联网跟电力一样稀松平常作为生活、工作刚需之时数据化管理与运营之道不是空心的概念但是它需要成熟的应用场景和可复制的业务支撑套路仅凭一些数据分析师的主观能动性是远远不够的。

下面这一段书摘主要从电商网站艺术设计的角度对首页长度、结构布局、首页商品撤换原则等方面结合数据分析进行阐述。

网站首页最优长度如何测定

网站首页长度并非随意的尽管不需要十分精确但是首页的大体长度还是需要拿捏好分寸首页太长加载速度会变慢强烈影响到客户体验的首页太短固然短小精悍但是显而易见暴露了不能盛放足量信息的弊端。因此首页长度有一个大致的最优长度。

如图1所示是一家电商公司首页点击率示意图。其中横坐标表示图片的从上到下的排列顺序比如第1排、第2排、第3排……纵坐标表示点击率单位是‰千分比而不是%这点要注意。

0?wx_fmt=png

图1 优化之前点击率与首页位置的关系

图1表明随着首页商品图片的位置越往下点击率急剧衰减我们可以很清楚地看到在80排至120排之间点击率贴近渐近线趋向为0由此而承受的点击量绝对值也是很少的。但是从80排至120排中间有40排的商品图片网页负荷不轻网站打开时加载速度尤其是在共用网络环境中如办公环境、群租胶囊公寓等会变得更慢势必影响客户体验。好在互联网带宽不断拓展这方面的因素正在弱化。

不过后面一大排商品图片堆砌在首页上实际上点击量很少没有功能性从这个层面上说后面40排无疑是一个累赘所以去掉后面40排的商品图片优化之后的点击率跟踪如图2所示每一排图片都有不容忽视的点击率且从最终销售额的结果上看销售额没有任何减少是完全可行的所以我们可以放心大胆地给电商网站首页做一个“大手术”。但是需要提醒的是这跟图片的大小、网站的结构布局、商品类目等皆有关系需要通过实际的数据来分析合理的页面长度尽量减少主观臆测。

0?wx_fmt=png

图2 优化之后点击率与首页位置的关系

经典“F型”网页结构布局

说到网页结构的布局不能不提到经典的“F型”结构而此项结构来源于长期研究网站可用性的美国著名网站设计师杰柯柏·尼尔森Jakob Nielsen在2006年4月发表了一项《眼球轨迹的研究》报告原题为F-Shaped Pattern For Reading Web Content,有兴趣的读者可以了解下。我们引用杰柯柏·尼尔森大师的三条基本结论如图3所示图中用颜色来表示浏览者眼光聚集的热度分为最热、较热、不热和基本不关注四种颜色最深处表示热度最大。

0?wx_fmt=png
图3 F型眼球浏览轨迹

对F型的浏览轨迹解读如下。

从左往右从上往下跟之前黑白电视电子扫描枪朝电视屏幕上发射电子的原理类似。

浏览者目光往下移动短范围水平移动。

浏览完毕网站主页面之后开始系统化浏览左侧栏的信息和内容。

我们可以利用现成的经典理论去指导网页优化且需要跟踪实际效果。不过“F型”经典理论就像牛顿定律一样,也并非放之四海而皆准笔者就曾见到一些质疑此理论的观念并罗列了众多事实有的学者还研究出与之对应的所谓的“E 型”结构。任何一种理论都有其使用的前提和环境也就是外延这一点非常重要。

站内搜索热词设置

电商网站首页除了页面长度和结构布局之外还有导航页和搜索框可以进行相对精确的量化。不同品类的导航页设计的风格差异极大重点在于推送品牌形象、利润高、覆盖面广、应季性等商品这方面知识不准备展开叙述。关于站内搜索一直以来都是电商重点关注和研究的领域。一般来说欧美人习惯个性化的搜索因此喜欢用站内搜索框而东方人偏爱固定的搜索因此喜欢点击站内提供的热搜词。例如一家民族风情的女装电商网站的内部搜索热词如图4所示。

0?wx_fmt=png
图4 站内搜索框和搜索热词

一般站内搜索词筛选方式如下

热词不需要多一般不会超过十个多了会模糊搜索目标。

热词要结合跳失率和搜索量两个数据指标综合决定。搜索绝对量大但是跳失率也高说明搜索热词与产品对应关系不精准反之即使跳失率很低但是搜索量很小对于引导客户亦没有价值。

热搜词一般参考行业数据或者站内数据如果站内数据与行业数据发生对立以本站搜索数据为参考标准因为行业的数据一定代表的是行业的共性而一般电商网站在商品方面都有自己独特的个性和特质标准品类除外。

热搜词需要不断更新具体依据类目特点决定。例如化妆品类目更换频率一定会高一些而3C数码会低一些。当然更换频率跟产品线丰富程度也有很大关系。

首页商品撤换的“ROI”原则

商品首页需要不断地更新商品那么更新商品的原则如果从数据分析的角度出发则应该遵循什么样的原则呢

假设表示最近7天某商品的销售额表示该件商品所对应的访客数则便是度量商品价值的指标我们称值为“商品价值度”。

C=A/ B

显然值越大该商品应该排在首页最黄金的位置增加其曝光量。任何按照销售量或者销售额大小的指标来排列商品在首页的“座次”都是不合理的。比如说销量没有考虑商品单价的因素而销售额跟其曝光量又有很直接的关系而值则是依据同样的访客数比较产出的价值大小跟广告学中ROI其实是一个道理。当然“商品价值度”的排列必须建立在一定的CTRClick Through Rate点击率基础之上CTR很小值排列就没什么意义了。

这里需要特别强调一点不是一切商品排序皆以值大小为唯一标准。我们结合实际还需要考量以下因子来进行综合评判

1、同一个版块或者同一排商品品类和风格是否统一比如围巾和内裤是不适合放在同一排的。

2、是否是好评、口碑不错的商品恶评商品坚决不能置于首页。

3、是否是广告顶起来的商品广告推起来的商品显然溢价过高。

4、首页各个版块之间的商品不能重复尽量覆盖面广一点让更多商品有机会展现。

5、相近位置点击率高的商品可以优先往左侧挪前面的F型眼球轨迹已经告诉我们为什么这样安排了。

商品在首页或者在整个电商网站上需要不断地汰换例如上面介绍的按照“商品价值度”来汰换商品还可以按照”毛利润/访客数”的比值来撤换商品撤换商品的目的有三点

1、最大化利润。

2、优化库存结构前端销售顺畅对库存起到间接优化的作用。

3、避免同类商品或者SKU数量过多否则不符合客户“懒得找懒得比较”的基本消费心理客户幸福感下降且增加后悔的机会。

原文发布时间为2015-12-04

本文来自云栖社区合作伙伴“大数据文摘”了解相关信息可以关注“BigDataDigest”微信公众号

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.luyixian.cn/news_show_771607.aspx

如若内容造成侵权/违法违规/事实不符,请联系dt猫网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

程序员面试过关必备网站,你用过几个?

对于程序员而言,面试所谓是人生重要的一件事情,在这之前,还是有必要刷一些编程面试题,为面试做好充足的准备! 今天小编给大家分享一些面试相关网站,给大家面试来一波神助攻噢! 0.Reddit 在Red…

Java程序员常去的学习网站,等你来收藏

在程序员的职业生涯中,似乎这一生追随程序员的必定是和学习脱不了关系的,那么提升自身能力是职业生涯上必不可少的。小编也不示弱哦,今天给大家带来几个能学到知识的网站,网上的很多优质网站完全可以满足大多数人的自学需要&#…

程序员必备5个编程自学网站,你都用到过吗?

有的人觉得编程难学,而有的人,编程对人家来说就是小菜一叠! 其实想学好编程,并没有那么难 分享5个程序员必备编程自学网站,看到大家都没有用过 赶紧来看一看吧 小编是一个有着5年工作经验的java程序员,对…

Java程序员必须掌握的网站知识 —— HTTP

介绍 HTTP协议是Hyper Text Transfer Protocol(超文本传输协议)的缩写,是用于从万维网(WWW:World Wide Web )服务器传输超文本到本地浏览器的传送协议。 HTTP是一个基于TCP/IP通信协议来传递数据(HTML 文件, 图片文件…

一步一步SharePoint 2007之八:允许所有域用户访问网站

一步一步SharePoint 2007之八:允许所有域用户访问网站摘要上一篇文章让我在同事们面前丢尽了脸,真是郁闷啊,到现在还是红红的:)没办法啊,咱脸皮儿薄呀!(呵呵,没人扔臭鸡蛋过来吧?&am…

程序员必备的几大实用小网站

很多人想要从事IT行业,可是却没有志同道合的朋友,以及学习的途径,(当然,我们万门有许多编程语言课),所以分享几个程序员必备的比较实用而且酷炫的网站。 “Hello World”大全 https://hellowor…

帮程序员减压放松的 10 个良心网站

工作之余,不妨放下微博跟朋友圈,来这10个网站感受一下看着就醉了的情境:「念完往上一推音乐键,我往后一靠,潮乎乎的软皮耳机里头,音乐排山倒海。」今天推荐的网站,利用代入感强的图片与音频&…

资深程序员总结了9个java学习需要收藏的网站!

第一个:JavaSED 这是1个很大的资源类型的网站,涉及了很多Java代码案例。这个网站也可以查看很多Java API类源代码,值得收藏! 第二个:Code Project Code Project:1个可以够适合程序员全部需求的论坛。 第三…

Windows 8实现所有微软网站免登录

犹豫了非常久,最终还是把Windows 8装到了工作用的笔记本中,但由于本本比较老了,本来以为可能获得的体验不会很好,但经历了10多分钟的安装后,发现Windows 8确实非常的强大!首先是内置的hyper-V功能&#xff…

Apsara Clouder云计算专项技能认证的网站建设-部署与发布,你知道吗?

2019独角兽企业重金招聘Python工程师标准>>> 建站认证可以帮助学员掌握如何将一个本地已经设计好的静态网站发布到Internet公共互联网,通过自己的域名让全世界的网民访问到,并且教会学员如何完成工信部的ICP备案,实现监管合规。 0…

程序员常逛的几大网站!

1、Github gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。 2、w3school 领先的 Web 技术教程 - 全部免费在 w3school,你可以找到你所需要的所有的网站建设教程。 小编相信这里有很…

Flash互动网站设计学习-Flash发展历史

Flash互动网站设计学习历程(一) Flash发展历史 打开Flash网站,我就被其绚丽的视觉效果、小巧的体积、不用安装插件等优势吸引了,我决定好好研究一番,写此文章主要是激励我能坚持学习FALSH互动和加深对知识的理解。 Flash发展历程 Flash最早期…

程序员常用网站:让代码更简单

说起程序员,总有那么几个网站是程序员不可或缺的,小编办公室的程序员就常常用这几款网站,你用过么? Stack Overflow 这个网站,就算不常用,每次搜索编程相关都能看见它。当你遇到任何编程问题,…

AWWWB 网站克隆器 更新到1.01 修正错误

测试克隆网站: http://www.simdoo.com/default.aspx 分析UTF-8等编码的网页时会出现此问题,现已修正。 新版下载地址:http://www.uushare.com/user/icesee/file/2249659 本文转自斯克迪亚博客园博客,原文链接:http://w…

如何快速搭建一个社交网站平台?

2019独角兽企业重金招聘Python工程师标准>>> 截至到2017年12月,我国的网民规模已经达到了7.72亿,而手机网民规模也达7.53亿,2017年网络社交娱乐类应用用户规模均保持了高速增长,同时电子商务、网络游戏、网络广告收入水…

美帝垃圾评论大战:一堆马甲狂刷脏话,致使FCC网站崩溃

本文讲的是美帝垃圾评论大战:一堆马甲狂刷脏话,致使FCC网站崩溃,一周前,HBO 脱口秀节目 Last Week Tonight 的主持人 John Oliver 在节目中呼吁观众通过域名gofccyourself.com 到美国联邦通信委员会(FCC)的…

教你如何防止网站挂马和黑客入侵

今天我谈谈虚拟空间用户如何防范网站被黑客入侵和挂马,目前基本很多虚拟主机和服务器提供商都有防盗链插件首先:要在你的网站全部上传到空间或者服务器正常运行不需要修改网站原始源代码的情况下才在进行设置!如果是虚拟机用户请登录你的主机…

[轉]十个极其有用的在线网站设计工具

轉自:http://www.cnblogs.com/biko-zc/archive/2009/09/07/1562183.html发现有不少外国朋友看我的blog,为保他们也有东西可看,特附英文在下。大家也可趁机复习下English。也许你和我一样只能使用windows进行网页设计开发工作,而设计时常用的操…

网站性能优化

前言对于一个网站来说,优化是我们持续关注的话题,今天浅谈一下网站的性能优化。一、WEB前端性能优化1.1、浏览器访问优化1、减少HTTP访问请求HTTP协议是无状态的应用层协议,也就是每次请求都需要建立通信链路,进行数据传输&#x…

在阿里云搭建ThinkPHP模板的网站

1.服务器的购买和配置 服务器:阿里云 CentOS系统 (https://promotion.aliyun.com/ntms/act/campus2018.html) 购买完去控制面板,打开云服务器的安全组列表,在配置规则里,添加相应的规则。。 其中的 888/888…