【转】我们的电子商务网站—Webtogs的发展历程

news/2024/5/14 10:29:22/文章来源:https://blog.csdn.net/weixin_34128534/article/details/93525625
过去的11个月里,我和我的团队在一个新的电子商务网站webtogs.co.uk上销售户外运动和探险装备。069月份成为了我们新的开始。

一切从零开始

一个网站设计的好坏就看它是不是很好地将网上的产品展示变成实际的交易,我们所做的每件事都要达到最好的目标。平均来说,电子销售商的商品成交量只有大约2%。但是,作为最重要的一个方面,易于操作的设计可能使成交量接近5%。有电子商人曾做过研究,有些美国的网站成交量超过了12%。所以说网站的设计和易用性会明显地影响到商务利润,付款成交率,以及很多其他的利益。

亚马逊花了很多年在书上做各种评估手段来测试他们网站的新做法。有个内部人士告诉我说,虽然他们并不满意网站的某些地方,但这是他们迄今所知的可能设计中最能将浏览展示转化成现实交易的一种。

‘简单为上’是另外一个宗旨。在设计一种应用程序或一个网站时,要将天下所有的东西都搬进来是很容易的(我们刚开始时就是这样做的!)。随着Webtogs的设计的发展,我们取消了很多不必要的东西。我们还在办公室的墙上贴了张这样的横幅:“你所卖的不是华丽的界面……”。当你看一个好的产品页的时候,你应该看的只是产品本身。

我们最大的(或即将成为)竞争对手Cotswold Outdoor最近更新了他们的网站,做成了全新的flash动画展示。至少在我看来,这是典型的形式主义,而且我敢打赌最终他们的成交量会受到影响。

那么电子商务的追求目标是什么?正如前面所说,就是100%地将展示商品卖出然后再摆满。很显然有很多因素会起作用,不只是销售商的品牌认知度,线上线下的市场策略等。不过本文的目的是谈论我们如何做的,谈论网站本身并试图解释为什么我们这么做。

提高要求

我见过一篇很有趣的文章——《17条成功电子商务网站的新规则》,文中列出了一些很重要的观点,说明哪些是不该做的,如何提升顾客的购物体验。有趣的是,这真的只是条起跑线而已。

对想要成为优秀者的电子商务网站来说要求还要提高。当前卖同样的或类似的产品的网站太多了。相比于5年前来说,要想保证顾客的回头率,获得稳定的增长,光靠不错的顾客体验,良好的客服和及时准确的送货已经不够了。

页面设计

我们刚开始时设计的页面可说糟透了。我们没有全盘考虑清楚整个市场,犯了很多堪称经典的错误。
The first design for webtogs.co.uk

我们最大的5个错误是:

  • 我们开始时没有成套的真实的,相关的产品,很少或没有考虑产品的特征(规格,颜色等)和这些设计这些特征的作用。
  • 我们没有考虑区分性别,导致设计非常男性化。
  • 界面太华丽,盒式的三栏设计使得用于布局的空间非常有限。我们总是遇到问题,产品名称,一些细节,产品描述过长,标志太长(事实上什么东西都太长了),根本不适合布局安排。
  • 我们在广告和文字链接上花费太多了。虽然现在这些花费也有所见效,但对于技术性很强的户外运动服装、鞋类和装备,这些花费并没多少实际用处。
  • 我们完全忽略了品牌引领的策略,有评论认为做任何一个电子商务网站都卖品牌货。

第二代的页面设计可以看到右侧有了很大改动。这次我们引入了一个更大更有经验的工作团队,有了几名设计的专家,有了菲·威尔金斯的加盟,他提出了与他在Kelkoo时很不同的高明的见解。

目前我们网站已经是第四代了。我们将发展细分成多个步骤,下一个版本里将会更少评论而加入更多的有趣的产品特点。
Version 4 of the design for webtogs.co.uk

在第四代里,我们做出的最大的5个改进是:

  • 现在的网站结构是围绕产品安排的,可通过AJAX实时查库存确定规格与颜色的搭配。这使我们可以通过规格与颜色过滤查找结果,查找更多的相关结果和获取更多的成交量(完全有可能)。
  • 设计的性别色彩更中性,作为全球元素可作性别选择,闲时切换产品显示。由此带来的成交收益非常明显,因为我们并未忽略这个40%的市场部分。
  • 目前品牌导航成为了网站的核心,搜索系统集成了‘根据品牌’菜单系统和品牌标签。用Google查查我们业内相关的关键词就会发现会显示超过60%的产品相关搜索,包括品牌名称。我想其他领域的大部分市场也都应该达到这个水平。
  • 广告,短片和大标题的图片都加入了完善的产品匹配引擎。这个引擎可以自动将产品配对,推荐相似的或免费赠送的产品,更灵活地进行交叉销售。我很期待根据销售量来看这个改变是否正确。我可以肯定现在我们的风格已经不再华而不实和掺杂很多无关的广告了。
  • 页面比之前朴实得多了,登陆与结果等页面上的产品展示像素利用率提高了500%

屏幕上显示大量的产品

产品的像素利用率越高,网站就越好,是这样吗?这确实是一条很多关于这方面的文章所未提到的规则。我们在此之上花了不少的功夫。我们看成人是如何做事的,与任何可能的人交谈,看大量的相关文章,测试我们自己如何使用电子商务网站。

我们50%的研究支持用网格式展示,不管有多少行,每行展示5~6个产品,如Play,Gap等网站的做法。
Sample grid view layout from webtogs.co.uk
另外50%的研究支持列表式的详细展示,每件产品有很多讯息,但产品的像素利用率不高,像亚马逊和其他的一些网站的做法。
Sample list view layout from webtogs.co.uk

所以,最终我们们两种方法都采用了。每个产品结果页既可以以每排5个的网格式显示,又可以按详列式显示。目前暂时默认的是按网格式显示,因为我们认为这样会稍好一点点。如果用家改变浏览方式,我们就会记住这个设置并在以后他的浏览时都使用这种方式(通过cookies信息来实现)。

如果用户是在用详列式浏览,我们还允许改变产品的颜色和看放大的图片。

这种网格/详列式浏览有一个很不错的附加效果,就是可以从详列式浏览中直接购买,不必点击打开单独的产品页。Gap在他们的网站中就是这样做的,我很想知道这样做是否能提高成交量。
Screenshot from gap.com

我们如何将事情做得更好?

在我们的网站能存活之前,我们输不起。基于这种思想,我们组织了一个40人的封闭测试群。我们将整群人按性别分成大致相同的两半,尽量合理搭配懂技术和不懂技术的人以及不同年龄段的人。

隔几个星期我们就发布一个网站的新版本,然后请测试群来测试新性能。我们的测试版本每一页底部都有一个文本框,用来发表意见或指出bug。用户登陆进来后,我们就跟踪看他们点击了什么地方,看哪里,当然还有他们给我们的意见。我强烈建议要做相似的项目的人都来用用这种方法,事实证明这种办法非常管用。
Sandbox comments box from webtogs.co.uk

我们从封闭测试员那里学到的最重要的5件事:

  • 你无论怎么做一个东西它都不会太显眼。按钮永远不会太大,要让用户注意到某些东西,背景的对比相当重要。头几个测试版里,我们讶异于他们忽视了网页上的很多内容。
  • 一个产品你怎么做都不能把所有的细节表现出来。
  • 如果要让客人填写表格,一定要给他们尽量多的帮助(比如自动检测)。
  • 越有经验的用户在一个页面上停留的时间越短,如果他们能看页面内容的10%那你就该感到庆幸了。
  • 男人几乎都是一开始就想好了要买什么东西,而女人则倾向于随意看各种东西,甚至会去看一些毫不相干的页面。

如果我们有机会再写详细一点,我们会谈谈网站的其他一些问题,比如说自动检测程序,产品页面的细节,还有如何将社会因素考虑到风险之中。很高兴能开诚布公地谈论这些,我们抛砖引玉,当然也希望能有各种回应。

转载于:https://www.cnblogs.com/xujiaci/archive/2008/01/29/1057036.html

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

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

相关文章

阿里云普惠建站轻量应用服务器/ ECS 云服务器/虚拟主机如何选择?

阿里云普惠建站计划是阿里云面向刚接触云服务器的朋友们准备的,适合新手建站使用的建站项目。之前魏艾斯博客发过阿里云普惠建站主机低至 14 元/月 轻量应用服务器 1 核/1G/3M 带宽/40G SSD/500G 流量包/350 元/年的文章,简单介绍了一下这个活动&#xf…

阿里云ECS建网站(建站)超详细全套完整图文教程!菜鸟必看!

阿里云ECS建网站(建站)超详细全套完整图文教程!菜鸟必看! Ethan_HangZhou | https://www.jianshu.com/p/2604e53a7f6a 第一步:如何以最低价格快速买到阿里云服务器?1 1.1 如何便宜购买云服务器&#xff1f…

4.Windows Server2012 R2里面部署 MVC 的网站

网站部署之~Windows Server | 本地部署:http://www.cnblogs.com/dunitian/p/4822808.html#iis 后期会在博客首发更新:http://dnt.dkill.net 添加角色 基本功能 默认即可 装一下iis 选4.5和iis核心 其他的下面继续选 安全肯定全要的,常见HTTP和应用程序开…

60个优秀的免费网站模板下载(下篇)

这篇文章收集了60款各式各样的高质量网站模板,您可以免费下载使用。当你需要在短时间内制作出网站的时候,网站模板就非常有用了,感谢那些优秀的设计师分享他们的劳动成果,让更多的人可以使用他们的创意设计,希望这些网…

新云CMS网站内容管理系统生成HTML静态化教程

网站静态化一直是SEO重点关注对象。静态化有好有坏,最大的好处是收录迅速,坏处是纯静态的HTML页面难以维护,特别是对于大型的网站。本文将介绍如何将新云CMS网站管理系统静态化。 本文以新云CMS 3.0为例。 1.进入后台控制面板,找到…

构化数据让 SEO 更上一层楼

继上一篇使用 SSR 来优化搜索引擎之后,为了进一步提高自己的网(zhi)站(ming)排(du)名,就打算进一步优化 SEO。之前有听朋友提到结构化数据对 SEO 有帮助,便去了解了一下&…

分享最棒的免费PSD资源网站

为什么80%的码农都做不了架构师?>>> 日期:2012-9-23 来源:GBin1.com 是不是你也同样有过这样的经历,需要免费PSD的时候找不到,不需要的时候又常常能够看到,今天我们将要分享一堆免费下载PSD文…

学习SEO更像是一种参悟

2019独角兽企业重金招聘Python工程师标准>>> 济宁辉腾网站建设www.0537web.net 供稿 不少刚接触SEO的新手都会问,要怎样才能学好SEO呢?在这之前,你得确定你的目的只是单纯的想赚钱还是想从事SEO这个行业。这两者区别很大。赚钱的…

大型网站后台架构的Web Server与缓存

1.1 Web server Web server 用来解析HTTP协议。当web服务器接收到一个HTTP请求时,会返回一个HTTP响应,例如送回一个HTML页面。为了处理一个请求,web服务器可 以响应一个静态页面或者图片。进行页面跳转,或者把动态响应的产生委托给…

使用Java开发高性能网站需要关注的那些事儿2

近期各家IT媒体举办的业内技术大会让很多网站都在披露自己的技术内幕与同行们分享,大到facebook,百度,小到刚起步的网站。facebook,百度之类的大型网站采用的技术和超凡的处理能力的确给人耳目一新的感觉,但并不是每个…

java处理高并发高负载类网站的优化方法

2019独角兽企业重金招聘Python工程师标准>>> 一:高并发高负载类网站关注点之数据库 没错,首先是数据库,这是大多数应用所面临的首个SPOF。尤其是Web2.0的应用,数据库的响应是首先要解决的。 一般来说MySQL是最常用的,可能最初是一…

9月第1周国内社区类网站/频道:西安论坛上升5位

09月11日报道:根据国际统计机构Alexa公布的最新数据显示,9月第1周(2013-09-02至2013-09-08),我国社区类网站/频道排行榜中,天涯虚拟社区以3060的周均用户覆盖数居榜首;排行第二的是凯迪网络&…

IIS网站发布若干问题

1.Win7 64位 IIS未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项 未能加载文件或程序集“System.Data.SQLite”或它的某一个依赖项 解决方案: 1、需要在IIS里设置,启用32位应用程序 我用的是iis7 把启用32位应用程序的false改为true 2.…

认识爬虫:提取网站 cookie 信息,并使用 cookie 信息实现登录

为什么要使用 cookie 信息来进行爬虫呢?做后端的朋友们都知道,一般情况下,在服务器上发布接口都是要设置身份信息验证,验证的方式就是通过 cookie 信息中包含的身份认证来进行验证。在身份验证通过之后,才能获取到响应…

初学者福利:分享五个免费的 Python 学习网站,抓紧收藏吧

最近有好多人说刚开始学习,有哪些免费的学习网站可以自学一下。于是,趁着周末的时间在各大网站上面梳理了一下找出了六个比较好的学习网站,并且都是免费的,比较适合初学者了解一些基础语法、解决BUG问题。如果是大佬的话了解一下就…

Python爬虫建站入门手记——从零开始建立采集站点(三:采集入库)

上回,我已经大概把爬虫写出来了。 我写了一个内容爬虫,一个爬取tag里面内容链接的爬虫 其实还差一个,就是收集一共有哪些tag的爬虫。但是这里先不说这个问题,因为我上次忘了 这次又不想弄。。 还有个原因:如果实际采集…

怎样自己创建一个个人网站,怎样将自己写的网站发布到外网?

注**:本教程是在window平台上的展示: 以下只是一个简单的html网页,如果想了解整体系统功能(包括登录,注册,数据库,后台等功能)可以加我微信号yizheng369咨询哈 华丽分割线 注意&…

生成微信二维码,微信扫码登录网站

微信扫码登录网站 源码地址1(这个是nodejs项目实现):https://gitee.com/618859/wx_login_qrcode 源码地址2(这个是前端vue3项目中实现微信扫码登录源码): https://gitee.com/618859/wx_login_qrcode_vue 源码地址3(这个是前端vue2项目中实现微信扫码登录…

网站流量统计系统 phpMyVisites

phpMyVisites是一个网站流量统计系统,它能够提供非常详细的统计报告和高级图形报表。phpMyVisites不是一个Apache log分析工具,它建有自己的log。它的特点包括: 安装部署:提供可视化的安装向导,并且使用简单只要把一段…

基于LAMP 的NFS数据共享论坛网站

基于LAMP 的NFS数据共享论坛网站实现要求:1.在两台或多台Linux系统上安装LAP(Apache和php),一台安装mariadb,一台安装DNS服务器。2.其中LAP之间的网页数据是相同的,且安装Discuz论坛,论坛上传的…