竹磬网-邵珠庆の日记 生命只有一次，你可以用它来做些更多伟大的事情–Make the world a little better and easier


128月/120

电子商务网站 订单转化率思维导图

发布在 邵珠庆

做电子商务，一般有三种思路：互联网、零售和供应链。

把转化率等同于网站体验的，一般是互联网出身的设计师或产品经理，他们特别强调网站的视觉效果，交互的友好性；

把电子商务理解为零售渠道的，一般是做传统零售出身，他们喜欢处处开店，比如入驻天猫、拍拍、当当等，然后经常性搞一些打折促销；

把电子商务理解成供应链的，典型如亚马逊，它的界面设计毫无美感（虽然很好用），没有促销氛围，就如同一个人孤零零地在一个大仓库里面选东西，但它的供应链做得非常到位，在网站随处都突出商品的库存、送达时间。

我们究竟该选择哪一种思路？有一个原则，那就是用户转化率，即用户进店后有多少人掏腰包。

用户最终是否下单，是一种整体体验，如果用户不知道该网站，而第一次进入发现界面很简陋，自然会没有安全感，所以，我们应该关注网站的视觉风格。

如 果是老用户，其实是不太关注界面视觉效果的，更关注选购、下单的便捷性以及品类和物流；所以我认为，亚马逊是专注于老用户的，我第一次下单是我知道它两年 后，用过一次我就觉得它是我最喜欢的电子商务网站。我当初之所以不在它上面买冰箱，因为我根本不相信这么冰冷的网站会为我提供快捷的上门安装服务，所以我 选择了京东。

我们究竟该强化网站的哪一方面？决定于用户的诉求点和公司的竞争优势。像亚马逊，由于已经有海量有粘性的用户，以及强大的智能运营系 统（自动化的商品推荐和备货补货机制），可以将运营成本降到最低，从而提供天天低价服务（无需浓重的促销氛围），而供应链是这类忠诚用户的关注核心。

其它方面，我就不展开了。下图是转化率的核心影响因素。

电子商务网站之订单转化率思维导图【转载】 - web_analyst - 网站数据分析
转化率是一个综合影响因素，需要公司各部门协作解决。我相信很多产品经理都深有挫折感：为什么我这么自信的网站改版，转化率才提升0.5个百分点。如果网 站的产品价格普遍提升5%，或者竞争对手一下子降价8%，你看吧，你的网站转化率一下子会降多少，如果这件事正好发生在新版上线，你作为产品经理就等着冤 吧，要是你的老板不懂上面这个图。
在网站上线后，作为产品经理当时的设计直觉，就要通过运营数据来验证了。同时，运营经理就要考虑如何来提升转化率了。
我认为，运营经理=提升运营效率 + 提升转化率。
提升转化率的第一步，就是监测转化率。而监测转化率的第一步是流量细分，它主要从两个维度来细分：流量来源和流量衰减率（购买漏斗）。
流量来源决定了流量的质量，也就是流进来的用户的需求和网站商品的关联度。如果你在一个驴友论坛去推广母婴用户，转化率肯定惨不忍睹。如果你在一个知名博客，如左岸阅读上推广当当图书，估计这个转化率不错。
流量来源是转化率第一个核心因素。
当 将用户流量细分后，我们该细分站内流量了，比如图书B2C，走搜索的用户和走频道首页的用户，用户行为完全不一样，一个是有明确购买意图的主动型用户，一 个是有购书欲望但没有明确购买意图的被动型用户，比如他有20元优惠券快到期了，但不知该买啥。比如后面这类用户，你给他图书排行榜或是图书专题，他可能 就下手了。

电子商务网站之订单转化率思维导图【转载】 - web_analyst - 网站数据分析
在将流量通过入站来源和站内流量细分后，就应该开始关注其购买衰减率了，即每一步的放弃率，找出其核心影响因素。比如购物车的放弃率达到了45%，是因为 注册阻力还是因为只是将购物车作为比价工具呢？对于一次购买10本图书的用户，真正有意义的，是比较各购书网站的购物车价格，而不是单本书。这就要看放弃 购物车的用户，有多少点击过“去收银台”，因为点击“去收银台”后就有一个巨大阻力：需要注册。这就需要监控点击“去收银台”的流量了。
下图就是我们需要监测的细化指标。

电子商务网站之订单转化率思维导图【转载】 - web_analyst - 网站数据分析

 

 其实，产品经理和运营经理，都是对同一件事情负责：网站转化率。上线前，是产品经理根据直觉和定性分析来设计网站，网站上线后，更多是来自运营经理的运营数据，来定量指导网站的进一步优化。
根据以上监测统计到的数据，就要开始从流量来源、网站着陆页、新老用户等这些维度去权衡网站的设计了。比如像亚马逊，如果老用户占到了70%，网站布局和视觉风格就不能大动了（或者保留老网站入口），因为会很影响老用户的浏览习惯

标签: , , , , 没有评论
98月/126

Google Analytics跨域跟踪电子商务网站的实现方法

发布在 邵珠庆

 

大多数情况遇到的是一个主域多个子域的数据追踪及谷歌关键字排名，据我目前所知的方法如下： 对所有子域使用相同的跟踪代码，然后使用过滤器来分离报告数据，这样既可以得到整站数据，又可以得到子域的数据。Google Analytics很好很强大，今天才意识到对GA的了解才仅仅入门，还有太多需要进一步研究与探索的空间，想想GA跟踪从商店到购物车的用户会话和广告系列数据，甚至是大致计算注册流程的流失率或订单的流程，我要恶补下了。

什么是跨域跟踪？

跨域跟踪是指Google Analytics在多个域（包括子域与主域）跟踪访问者的访问行为。

为什么要进行跨域跟踪？

这个问题与cookie的path、domain属性以及GA的域哈希值有关。path及domain决定了cookie的可见性。GA的 cookie默认情况下只能由设置的主域读写。虽然cookie可以在各子域间共享，但是，默认情况下，GA会为不同的子域指定不同的域哈希值，因此，子 域之间的GA数据无法共享。

另外，通过设置path可以将cookie限制仅为该域或子域下的某个目录可读写。

因此，当我们需要在子域间共享GA数据时，需要统一各子域的域哈希值。而主域间是无法共享cookie的，想一想如果你在A网站的cookie保存了密码信息，而B网站可以读取这些cookie信息是多么可怕的事情，因此，cookie自身的安全设置就禁止了这样的共享。

PS：通过不同的domain和Path设置，在一个域可以存储多组GA的cookie。

如何进行跨主域的跟踪？

主要有两种方式：

一、借助于第三方cookie。比如广告投放过程中，先在第三方域的一个页面进行跳转，然后在第三方域上设置cookie，当访问者访问A网站及B 网站时，都向第三方域发送信息，向第三方域发送请求时会在header中携带第三方域上的cookie。通过第三方域上的cookie信息就可以将访问者 在A网站及B网站的行为统一起来。

AdWords的转化跟踪就是采用这种方式。用户在点击AdWords广告时会在Google的域下写入相关cookie，当用户发生转化时，会向google发送一个图片请求，这个请求会携带之前点击广告时写入的cookie信息，从而在转化与广告点击之间建立联系。

但是，随着访问者隐私意识的不断提升，禁用第三方cookie的比例不断提升，一些浏览器的默认设置就是禁用第三方cookie，从而降低了使用第三方cookie跟踪的准确性。

二、使用第一方cookie，通过在几个主域间跳转的URL添加参数传递cookie信息。这是GA跨域跟踪采用的方式。也是本文下面将要介绍的主要内容。

如何使用GA进行跨域跟踪？

GA代码分析工具的跨域跟踪主要涉及到六个方法的使用。

1. _setDomainName

这个方法用来控制GA的cookie（__utma、__utmb、__utmc、__utmz等）的domain属性及域哈希值。默认情况 下，GA使用主域作为domain的值，通过这个方法，可以传递一个参数指定domain的值。主要有两种用法，一种是跨子域跟踪时，将主域作为参数传 入，可以在各子域间共用一个域哈希值；一种是关闭跨子域跟踪时，可以传入一个none，这样GA会将cookie的domain设置为子域，从而将各子域 作为独立主体跟踪，且不会影响主域的GA cookie。

2._setAllowHash

这个方法用来控制域哈希值，有一个参数，其值为布尔值，默认值为true，开启域哈希值，设置为false则会将域哈希值设置为1，关闭域哈希值。

3. _setAllowLinker

这个方法用来开启或关闭通过链接接受和传递cookie。只有一个参数布尔值，默认状态下为false，关闭通过链接接受和传递cookie；当需要跨主域跟踪时，才需要开启，设置为true。开启后必须与_link或_linkByPost一起使用。

4. _link

这个方法用在需要通过链接参数传递cookie的出站a标签上。有两个参数，第一个为URL，第二个为是否使用#传递cookie参数，此参数可选。

5. _linkByPost

这个方法通过将一个字符串附加到引荐表单的操作值 （HTTP POST），从而将 Cookie  从引荐表单传递到字符串中包含的另一网站。在从一个网站到第三方购物车网站跟踪用户行为时通常使用此方法，但也可用于将 Cookie  数据发送到弹出式窗口或 iFrame 中的其他域。同样支持两个参数，第一个为表单对象，第二个为是否使用#传递cookie参数。

注：目前为止，很少遇到这种类型的跨域，因此，以下内容不包括_linkByPost方法的使用及通过表单跨域。

6. _setCookiePath

这个方法可以将GA cookie的读写仅限于该域下的某个子目录。

常用的GA跨域跟踪情境及GA代码部署方式

了解了上面的基础知识，下面介绍一下常见的GA跨域跟踪情境及GA代码部署方式。

单一主域多个子域作为一个整体跟踪

这是最常见，同时也是最简单的跨域跟踪情境回报率 。根据上面的介绍，我们知道这种情况只是要在同一主域的不同子域间共享域哈希值。只需在_trackPageview方法前调用_setDomainName方法指定主域名。

GATC样例：

<script> 

var _gaq = _gaq || [];

_gaq.push(['_setAccount','GA网络资源ID']);

_gaq.push(['_setDomainName','你的主域']);

_gaq.push(['_addOrganic','baidu','word']);

_gaq.push(['_addOrganic','soso','w']);

_gaq.push(['_addOrganic','sogou','query']);

_gaq.push(['_trackPageview']);

_gaq.push(['_trackPageLoadTime']);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

注：本文的GATC都是以异步代码为准。

单一主域多个子域，整个主域作为一个整体跟踪，各个子域也各自作为一个整体跟踪

这种情况与上面的情况相比还涉及到多跟踪器部署。因为，对于每一个页面需要部署两个GA跟踪器，一个是主域的跟踪器，一个是子域的跟踪器。

跟踪器在GATC中用来标识GA账户的对象，异步代码的默认情况下，GA会使用一个名称为空的对象来标识GA账户。

这里的一个技巧是一个域不考虑path的情况下，郑州房产 www.zhengzhoufang.com只能存在两组GA cookie。一组是主域的cookie，一组是子域的cookie。

一个跟踪器使用_setDomainName（‘none’）;，这个跟踪器会将cookie限制在子域，用于跟踪子域的流量，另一个跟踪器则调用_setDomainName（‘你的主域’），这个跟踪器使用的是主域的cookie，用于跟踪整个主域的流量。

GATC样例如下：

<script> 

var _gaq = _gaq || [];

_gaq.push(['_setAccount', '子域的网络资源ID']);

_gaq.push(['_setDomainName','none']);

_gaq.push(['_addOrganic','baidu','word']);

_gaq.push(['_addOrganic','soso','w']);

_gaq.push(['_addOrganic','sogou','query']);

_gaq.push(['_trackPageview']);

_gaq.push(['_trackPageLoadTime']);

_gaq.push(['t2._setAccount', '主域的网络资源ID']);

_gaq.push(['t2._setDomainName','你的主域']);

_gaq.push(['t2._addOrganic','baidu','word']);

_gaq.push(['t2._addOrganic','soso','w']);

_gaq.push(['t2._addOrganic','sogou','query']);

_gaq.push(['t2._trackPageview']);

_gaq.push(['t2._trackPageLoadTime']);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

注：部署多跟踪器时，需要注意，对于其他的一些自定义GATC，比如事件跟踪、自定义变量、电子商务也都需要指明跟踪器。如果这些数据是两个跟踪器所在的GA账户都需要的，则需要针对每一个跟踪器添加一次。

单一主域多个子域，整个主域作为一个整体跟踪，各个子目录也各自作为一个整体跟踪

这种情形与上面的情形类似，所不同的就是添加_setCookiePath指定cookie所属的目录。GATC样例如下：

<script> 

var _gaq = _gaq || [];

_gaq.push(['_setAccount', '子目录的网络资源ID ']);

_gaq.push(['_setDomainName','none']);

_gaq.push(['_setCookiePath', '/子目录名称/']);

_gaq.push(['_addOrganic','baidu','word']);

_gaq.push(['_addOrganic','soso','w']);

_gaq.push(['_addOrganic','sogou','query']);

_gaq.push(['_trackPageview']);

_gaq.push(['_trackPageLoadTime']);

_gaq.push(['t2._setAccount', '主域的网络资源ID ']);

_gaq.push(['t2._setDomainName','你的主域']);

_gaq.push(['t2._addOrganic','baidu','word']);

_gaq.push(['t2._addOrganic','soso','w']);

_gaq.push(['t2._addOrganic','sogou','query']);

_gaq.push(['t2._trackPageview']);

_gaq.push(['t2._trackPageLoadTime']);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

多个主域作为一个整体跟踪

跨主域跟踪才是GA中较复杂的情况，除了需要在GATC中作出修改，还需要在跨域的链接及表单上作出对应的修改。

首先，需要调用_setDomainName（‘主域名’）及_setAllowHash（false）将域哈希值关闭。这里没有使用 _setDomainName（‘none’）的原因是_setDomainName（‘none’）会将GA  cookie的Domain属性设置子域，这样的话，会将情况变得更复杂，我们需要在各个子域之间的跳转链接传递cookie。

其次，需要调用_setAllowLinker（true），开启通过URL参数接受和传递cookie值。

最后，也是最复杂的，在每个出站链接上调用_link方法。

GATC样例如下：

<script> 

var _gaq = _gaq || [];

_gaq.push(['_setAccount', '总的网络资源ID ']);

_gaq.push(['_setDomainName','网站主域']);

_gaq.push(['_setAllowLinker', true]);

_gaq.push(['_setAllowHash', false]);

_gaq.push(['_addOrganic','baidu','word']);

_gaq.push(['_addOrganic','soso','w']);

_gaq.push(['_addOrganic','sogou','query']);

_gaq.push(['_trackPageview']);

_gaq.push(['_trackPageLoadTime']);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

</script>

主域间跳转链接的_link方法使用样例：

<a href=”http://example.com/test.html[/url]” 

onclick=”_gaq.push(['_link', 'http://example.com/test.html']); return false;”>click me</a>

手动在每个主域间跳转的链接上添加_link方法几乎是不可能完成的任务。可以利用下面的JS遍历a标签，在主域间跳转的链接上添加_link方法。

<script> 

var oldwhandler=window.onload

window.onload =function whandler () {

if (!!oldwhandler){oldwhandler()};

var links = document.getElementsByTagName(‘a’);

for (var x=0; x < links.length; x++) {

var oldlhandler=links[x].onclick

links[x].onclick = function () {

if (!!oldlhandler){oldlhandler()};

var mydomain = new RegExp(‘你的主域名’, ‘i’);//不包括.com、.cn等后缀

if(!mydomain.test(this.getAttribute(‘href’))) {

_gaq.push(['_link', this.getAttribute("href")]);return false;

}

};

}

}

</script>

注：这里需要注意的是，这段JS必须在页面完全加载后才会执行，因此，当访问者在页面没有加载完成前点击跨主域的链接，会导致跨域跟踪失败。

多个带有子域的主域，每个主域作为一个整体跟踪，且多个主域作为统一的整体跟踪

这种跨主域跟踪是更复杂的情况。除了上面的设置外，还涉及到多跟踪器。

GATC样例：

<script> 

var _gaq = _gaq || [];

_gaq.push(['_setAccount', '具体主域的网络资源ID ']);

_gaq.push(['_setDomainName','网站主域']);

_gaq.push(['_setAllowHash', false]);

_gaq.push(['_setAllowLinker', true]);

_gaq.push(['_addOrganic','baidu','word']);

_gaq.push(['_addOrganic','soso','w']);

_gaq.push(['_addOrganic','sogou','query']);

_gaq.push(['_trackPageview']);

_gaq.push(['_trackPageLoadTime']);

_gaq.push(['t2._setAccount', '总的网络资源ID ']);

_gaq.push(['t2._setDomainName','网站主域']);

_gaq.push(['t2._setAllowHash', false]);

_gaq.push(['t2._setAllowLinker', true]);

_gaq.push(['t2._addOrganic','baidu','word']);

_gaq.push(['t2._addOrganic','soso','w']);

_gaq.push(['t2._addOrganic','sogou','query']);

_gaq.push(['t2._trackPageview']);

_gaq.push(['t2._trackPageLoadTime']);

(function() {

var ga = document.createElement(‘script’); ga.type = ‘text/javascript’; ga.async = true;

ga.src = (‘https:’ == document.location.protocol ? ‘https://ssl’ : ‘http://www’) + ‘.google-analytics.com/ga.js’;

var s = document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(ga, s);

})();

</script>
标签: , , , , 6 评论
95月/120

城市生活分享与消费服务网站爱乐活CEO蔡虎

发布在 邵珠庆

人物简介

　　蔡虎先生拥有清华大学工学学士和硕士学位，以及长江商学院EMBA硕士学位。拥有十余年跨国公司在华业务的销售与运营、市场营销、战略与业务拓展等相关深厚管理经验，对多个行业有深刻理解和丰富实践。 　　蔡虎先生2009年2月加入百度，任百度联盟总经理，主导并积极推进了百度联盟的战略跨越和业 务发展。2010年3月，调任百度电子商务事业部总经理，负责百度有啊、百付宝等电子商务战略、产品及商业运营。2011年11月底，百度宣布百度有啊融 资分拆，独立运营，随即推出国内领先的城市生活分享与消费服务网站——爱乐活,蔡虎先生担任爱乐活首席执行官。 　　加入百度前，蔡虎先生任博士伦眼睛护理产品公司中国区副总裁，负责业务拓展和销售运营。之前还曾在美国硅谷图形（SGI）大中华区任全国行业销售总监，以及在德州仪器（TI）和施乐（Xerox）担任市场拓展及营销管理相关工作。

个人语录

担子不一样，内心的责任不一样 　　——如果说只有一点不同的话，就是肩上这个担子不一样，内心的责任不一样。以前还是一个非常职业的打工状态，为公司的绩效负责或者为自己的KPI负责。成为创业者，突然那一天，我感觉要为几百号人的吃喝拉撒睡负责，其实就是这样，或者说为我们共同的一个梦想负责。 　　

脱去大公司的笔挺外衣，穿上小公司的紧身背心 　　——我们看到团队一天天变得更加有激情、更加辛苦，晚上也夜以继日地在工作、在奋斗。但是仍然 有一些大公司的病在里面，比如说开会还非常讲究流程，很多的会议会写很多的PPT，所以我发了一条微博说我们不需要这些东西，我们需要的是速度、需要的是 激情、需要的是更快捷地行动。然后有一句话叫我们需要脱去大公司的笔挺外衣，穿上小公司的紧身背心。所以不要这些约束，把这些东西都脱去，变成一个行动很 快的，像运动员一样可以在赛场上奔跑一样的形象。 　　

只要这些人在天就塌不下来 　　——我自己在心目中划出来了大概三十来个核心骨干，只要这些人在天就塌不下来。结果是果然他们几乎都坚持下来了，这是他们对我的信任，更是我的幸运，也是今天爱乐活的福气。 　　

我骨子里是一个完美主义者 　　——如果只是凭借流量导入，并简单粗暴地售卖给商家，商家不一定愿意付钱，即使愿意，也不心甘情愿，更不持久，因为缺少用户决策的重要环节。我要做，就做彻底，做到最好，能够解决根本问题。也许我这个人有些理想化，我知道我骨子里是一个完美主义者。 　　

Sky is ready for a bird 　　搬家前一天，蔡虎在微博里说，“今天是我们在百度的最后一天，太多美好时光留驻记忆里，更多雄心壮志一路前行中。@爱乐活leho 三百多口一大家子，下周一就搬到新家了，紧邻鸟巢，起飞的地方。抖抖羽毛，Sky is ready for a bird!”

行业观点

O2O的核心是消费决策 　　——我们认为O2O和传统电子商务最大的区别就是，传统电子商务它的核心是交易，这是传统电子商务B2C或者C2C的核心。与此类似，我们的O2O最大的核心是消费决策，因为很多东西是不可能在线上发生的。 　　

从没有把新浪或者腾讯微博当成竞争对手 　　——从战略定位上来说，我从来没有把新浪或者说腾讯微博当成是我们的竞争对手，我们双方的战略 定位一定是一个合作伙伴关系。就像Pinterest和facebook一样，它们是一个合作伙伴的关系，流量会互转。我们做的事情是腾讯、新浪微博做不 了的，我们给它提供内容和应用，同时它上面的用户也可以更得到满足。 　　

O2O的门槛远远大于团购 　　——O2O的门槛远远大于团购，团购的产品形态很简单，更多的是运营，所以各个团购网站最大规 模是销售队伍，是销售驱动的商业模式，但是产品大同小异没有什么太大的变化。但是对于O2O而言，产品和运营是两个不可不少的环节。同时O2O对资金的要 求更加的高，所以我认为O2O是有资源所做的事情。 　　

爱乐活是实体企业的合作伙伴 　　——生活服务电子商务和传统电子商务服务的区别在于，不是线下实体企业的竞争对手，而是合作伙伴。传统电子商务做的越大，线下越受到伤害。而爱乐活能够帮助用户做消费决策，将交易引导到线下商家。 　　

O2O一半是海水，一半是火焰 　　——经过近一年来的探索，真的感觉到O2O是个蓝海，这个市场将拥有无法想像的巨大商机。但在我们尝试的过程中，无论是用户还是商铺、平台都遇到了众多的困难，也遇到了非常多的挑战，这个里面没有一个地方不暗藏着火坑甚至是火海。 　　

不以靠谱为核心的O2O都是瞎扯 　　——蔡虎认为，既然O2O最核心的是提供消费决策，那么是否“靠谱”显得尤为重要，也是当前O2O模式亟待解决的问题。对此他甚至认为：“一切不以靠谱为核心理念的的O2O都是瞎扯，甚至是骗局。” 　　

O2O成功的五大关键因素 　　——蔡虎认为，O2O成功的关键因素有五点：一是有足够运营商户的能力，商户的忠诚度、附着力；二是有足够运营用户的能力，用户的忠诚度和粘性；三是健康可持续的商业模式；四是要有足够资金实力；五是团队综合实力的比拼。

标签: , , , , , , 没有评论
711月/114

网站分析师的一点感想

发布在 邵珠庆

我有幸在一家业务非常齐全的360度营销公司带着这顶帽子为大大小小的各行业的顾客工作了2年多。在这期间，关于网站分析构成的图形做了一版又一版，越画越大；也越来越多的发现自己的能力的欠缺，甚至有时候也会迷失到极端。
尽管很多人不同意，我仍然认为，作为一个边缘学科，网站分析入门很简单。只要你愿意学习并且思维灵活，一点点Html+JS，一点点 datamining，marketing的基础知识最后加上一个免费的Google Analytics的使用技巧，你就可以成为一个入门级的网站分析师了.
然后，在做网站分析的过程中，你能够理解网站分析工具数据采集的原理和各种工具的个性化变量，知道如何做人群分组（Segment）和Campaign Tracking，能够深刻了解各种标准参数的含义和他们之间的区别，并且知道如何在各种主流工具中（诸如GA, SiteCatalyst，Unica, Webtrends, Cormetrics）提取这些数据，展示这些数据，那你就是一个初级网站分析师（Junior Web Analyst）了，在这同时，如果你还了解一点点广告服务器（Adserver），邮件服务器（Email Router），SEO和SEM的原理那就更好了。
紧接着，如果你掌握了网站分析工具的安装和调试技术，能够协调市场部门和IT部门之间的联系，能够做出诸如Tracking Plan这样的需求和技术文档（specification），同时能够debug，确认采集数据的可靠性并且能够解释对于所研究网站本身来说任何一个数 据的含义和边际值所代表的含义，并且可以掌握诸如A/B Testing，行为定向等边缘的技术,那你便渐渐的向一个合格的网站分析师方向迈进。
不过，为了彻底的摘掉那个Junior，成为一个真正的网站分析师，你还需要更多的商业上的能力，比如说，
1、能够深刻理解公司的战略，并且把它分解，转化成网站的目标，进而转化成可以衡量这些目标的指标和影响它实现的因素，最终把他转化成从数据采集到提炼成指标到分析到结论的完整流程；
2、对于业务上出现的正向的和负向的变化，能够顺藤摸瓜找出这个结果在网站分析数据上的体现进而找到影响这些数据的因素和原因；
3、能够根据网站分析数据及时发现问题和潜在的机会，做出切实可行的市场策略或者建议方案；
4、能够设计出符合不同利益方需求的报表和分析报告，并且持续沟通，让他们知道网站分析的意义并且能够从你提供的材料中发现有价值的信息；
以上这些都是成为一个合格的网站分析师的必须条件；我曾经为此踌躇良久，认为一个好的网站分析师不应该是这一行单纯的从业者，而应该是一个传统的营销人， 最好是一个商务分析师（Business Analyst）转型而来。如果不是的话，那就要积极的去理解企业的战略，去和所有的部门沟通，去了解他们的需求和挑战。那么，什么是一个高级网站分析师 (Senior Web Analyst)呢？如果初级网站分析师侧重于技术，成熟的网站分析师侧重于方法的话，那么高级网站分析师应该有丰富的经验和宽广的知识层面，能够设计和 完成解决方案。一个品牌不仅仅只有网站，还有围绕这个网站的生态系统；网站分析必须要把这整个系统考虑进来，从消费者的角度去理解整个系统的数据和信息 流，然后设计系统，尽可能多的捕捉有效的信息流，贯通他们，获得一个消费者整体的画像和决策历程。这个系统，可能要包含网站行为数据，网站数据库，线上媒 体广告（display，search，email…）,社交网络，手机应用数据，线下数据，调查访问数据，call center，CRM等。这个系统应该能够，在宏观上给企业的战略决策和重大投资提供支持（包括产品设计，营销费用的分配），在微观上帮助网站（品牌）进 行一对一个性化营销。
要做到这些，需要的能力就非常多样化了，我肯定会漏掉很多，这里我可以轻易列举出的就有下面很重要的三点：
1、了解信息系统的架构的知识,熟悉企业本身现有的信息系统的构成和信息流；
2、熟悉市场上各种管理工具和监测工具，知道他们采集数据的原理和所提供的各种接口；
3、有比较好的数据分析知识（datamining）和方法；
也许我想的有点儿多了，就如同张三丰最初想要把武当八卦阵精简到一个人身上一样。的确，上面的这些能力可以归结成一个团队的能力，比如我现在所在的团队可以为客户搭建类似的系统，但是任何一个团队成员都不能独立完成。不过，高级网站分析师肯定不能对以上任何一条持有空白。
我自认还比较年轻，虽然我正在积极扩展我的知识和能力层面，但是可能连个合格的网站分析师都算不上。我这里只想说出我对这个行业的认识，可能给一些后来者 提供些借鉴，给一些踌躇不决的业外人士一些信息，但是不想争论；随便找来几个网站分析师的招聘启事可能会更实际一些。很可能三年之后我回头看这篇东西也会 觉得很幼稚，但我目前是这样要求自己的。
我想补充的是，文中所列出的几个阶段并没有完全清楚的界限，各个方面都是交叉的，一个人各方面的发展也是同步的。以上分类，只是为了介绍的方便和条理的清晰。
扯了这么多，列举了这么多，最后，我不能回避我一次极端的经历（极端的网站分析师）。那次，我给我的部门经理写邮件说，网站分析归根结底就是两条，一个是 分析内容和功能的有效性，一个是分析人机互动也就是设计的易用性。而我对内容和功能几乎没有任何话语权，又没有学习过设计，我这算是哪门子网站分析师呢？ 后来我给自己安慰说，至少我知道，当3月份的visit的数据比2月份增长了10.7%的时候，我可以蛋定的对公司的客户经理说，这两个月的流量数据没有 任何变化。[转]

标签: , , 4 评论
3110月/1130

电子商务网站数据分析指标、名词定义与解析

发布在 邵珠庆

网站分析采用指标可能有各种各样，根据网站目标和网站客户不同，可以有许多不同指标来衡量。常用网站分析指标有内容指标和商业指标，内容指标指是衡量访问者活动指标，商业指标是指衡量访问者活动转化为商业利润指标。

一、网站分析内容指标

转换率　Take Rates （Conversions Rates）

计算公式：转换率＝进行了相应动作访问量／总访问量

指标意义：衡量网站内容对访问者吸引程度以及网站宣传效果

指标用法：当你在不同方测试新闻订阅、下载链接或注册会员，你可以使用不同链接名称、订阅方式、广告放置、付费搜索链接、付费广告（PPC）等等，看看那种方式是能够保持转换率在上升？如何增强来访者和网站内容相关性？如果这个值上升，说明相关性增强了，反之，则是减弱。

回访者比率　Repeat Visitor Share

计算公式：回访者比率＝回访者数／独立访问者数

指标意义：衡量网站内容对访问者吸引程度和网站实用性(出自 业务员网：www.yewuyuan.com)，你网站是否有令人感兴趣内容使访问者再次回到你网站。

指标用法：基于访问时长设定和产生报告时间段，这个指标可能会有很大不同。绝大多数网站都希望访问者回访，因此都希望这个值在不断提高，如果这个值 在下降，说明网站内容或产品质量没有加强。需要注意是，一旦你选定了一个时长和时间段，就要使用相同参数来产生你报告，否则就失去比较意义。

积极访问者比率　Heavy User Share

计算公式：积极用户比率＝访问超过１１页用户／总访问数

指标意义：衡量有多少访问者是对网站内容高度兴趣

指标用法：如果你网站针对正确目标受众并且网站使用方便，你可以看到这个指标应该是不断上升。如果你网站是内容型，你可以针对不同类别内容来区分不同积极访问者，当然你也可以定义２０页以上才算是积极访问者。

忠实访问者比率　Committed Visitor Share

计算公式：访问时间在１９分钟以上用户数／总用户数

指标意义：和上一个指标意义相同，只是使用停留时间取代浏览页数，取决于网站目标，你可以使用两个中一个或结合使用。

指标用法：访问者时长这个指标有很大争议，这个指标应结合其它指标一起使用，例如转换率，但总体来说，较长访问时长意味着用户喜欢呆在你网站，高忠实访问率当然是较好。同样，访问时长也可以根据不同需要自行设定。

忠实访问者指数　Committed Visitor Index

计算公式：忠实访问者指数＝大于１９分钟访问页数／大于１９分钟访问者数

指标意义：指是每个长时间访问者平均访问页数，这是一个重要指标，它结合了页数和时间。

指标用法：如果这个指数较低，那意味着有较长访问时间但是较低访问页面（也许访问者正好离开吃饭去了）。通常都希望看到这个指数有较高值，如果你修改了网站，增加了网站功能和资料，吸引更多忠实访问者留在网站并浏览内容，这个指数就会上升。

忠实访问者量　Committed Visitor Volume

计算公式：忠实访问者量＝大于１９分钟访问页数／总访问页数

指标意义：长时间访问者所访问页面占所有访问页面数量

指标用法：对于一个靠广告驱动网站，这个指标尤其值注意，因为它代表了总体页面访问质量。如果你有１００００访问页数却仅有１％忠实访问者率，这意味着你可能吸引了错误访问者，这些访问者没有啥价值，他们仅仅看一眼你网页就离开了。这是你应该考虑是否广告词语产生了误解。

访问者参与指数　Visitor Engagement Index

计算公式：访问者参与指数＝总访问数／独立访问者数

指标意义：这个指标是每个访问者平均会话（session），代表着部分访问者多次访问趋势。

指标用法：与回访者比率不同，这个指标代表着回访者强烈度，如果有一个非常正确目标受众不断回访网站，这个指数将大大高于１；如果没有回访者，指数 将趋近于１，意味着每一个访问者都有一个新会话。这个指数高低取决于网站目标，大部分内容型和商业性网站都希望每个访问者在每周／每月有多个会话 （session）；客户服务尤其是投诉之类页面或网站则希望这个指数尽可能接近于１。

回弹率（所有页面）Reject Rate／Bounce Rate

计算公式：回弹率（所有页面）＝单页面访问数／总访问数

指标意义：代表着访问者看到仅有一页比率

指标意义：这个指标对于最高进入页面有很重要意义，因为流量就是从这些页面产生，当你对网站导航或布局设计进行调整时尤其要注意到这个参数。总而你是希望这个比率不断下降。

回弹率（首页）Reject Rate／Bounce Rate

计算公式：回弹率（首页）＝仅仅访问首页访问数／所有从首页开始访问数

指标意义：这个指标代表所有从首页开始访问者中仅仅看了首页访问者比率

指标意义：这个指标是所有内容型指标中最重要一个，通常我们认为首页是最高进入页面（当然，如果你网站有其他更高进入页面，那么也应该把它加入到追 踪目标中）。对任意一个网站，我们可以想象，如果访问者对首页或最常见进入页面都是一掠而过，说明网站在某一方面有问题。如果针对目标市场是正确，说明是 访问者不能找到他想要东西，或者是网页设计上有问题（包括页面布局、网速、链接文字等等）；如果网站设计是可行易用，网站内容可以很容易找到，那么问题可 能出在访问者质量上，即市场问题。

浏览用户比率　Scanning Visitor Share

计算公式：浏览用户比率＝少于１分钟访问者数／总访问数

指标意义：这个指标一定程度上衡量网页吸引程度。

指标用法：大部分网站都希望访问者停留超过一分钟，如果这个指标值太高，那么就应该考虑一下网页内容是否过于简单，网站导航菜单是否需要改进。

浏览用户指数　Scanning Visitor Index

计算公式：浏览用户指数＝少于１分钟访问页面数／少于１分钟访问者数

指标意义：一分钟内访问者平均访问页数

指标用法：这个指数也接近于１，说明访问者对网站越没兴趣，他们仅仅是瞄一眼就离开了。这也许是导航问题，如果你对导航系统进行了显著改进，应该可以看到这个指数在上升；如果指数还是下降，应该是网站目标市场及使用功能有问题，应该着手解决。

将浏览用户比率和浏览用户指数结合起来使用，可以看出用户是在浏览有用信息还是厌烦而离开。

浏览用户量　Scanning Visitor Volume

计算公式：浏览用户量＝少于１分钟浏览页数／所有浏览页数

指标意义：在一分钟内完成访问页面数比率

指标用法：根据网站目标不同，这个指标高低有不同要求，大部分网站希望这个指标降低。如果是搞广告驱动网站，这个指标太高对于长期目标是不利，因为这意味着尽管你通过广告吸引了许多访问者，产生很高访问页数，但是访问者质量却是不高，所能带来收益也就会受到影响。

二、网站分析商业指标

平均订货额　Average Order Amount （AOA）

计算公式：平均订货额＝总销售额／总订货数

指标意义：用来衡量网站销售状况好坏

指标用法：将网站访问者转化为买家当然是很重要，同样重要是激励买家在每次访问是购买更多产品。跟踪这个指标可以找到更好改进方法。

转化率　Conversion Rate （CR）

计算公式：转化率＝总订货数／总访问量

指标意义：这是一个比较重要指标，衡量网站对每个访问者销售情况

指标用法：通过这个指标你可以看到即使一些微小变化都可能给网站收入带来巨大变化。如果你还能够区分出新、旧访问者所产生订单，那么就可以细化这个指标，对新旧客户进行分别统计。

每访问者销售额　Sales Per Visit （SPV）

计算公式：每访问者销售额＝总销售额／总访问数

指标意义：这个指标也是用来衡量网站市场效率

指标用法：这个指标和转化率差不多，只是表现形式不同。

单笔订单成本　Cost per Order （CPO）

计算公式：单笔订单成本＝总市场营销开支／总订货数

指标意义：衡量平均订货成本

指标用法：每笔订单营销成本对于网站盈利和现金流都是非常关键。营销成本计算各人有不同标准，有些把全年网站营运费用摊入到每月成本中，有些则不这么做，关键要看那种最适合自己情况。如果能够在不增加市场营销成本情况下提高转化率，这个指标就应该会下降。

再订货率　Repeat Order Rate （ROR）

计算公式：再订货率＝现有客户订单数／总订单数

指标意义：用来衡量网站对客户吸引力

指标用法：这个指标高低和客户服务有很大关系，只有满意用户产品体验和服务才能提高这个指标。

单个访问者成本　Cost Per Visit （CPV）

计算公式：单个访问者成本＝市场营销费用／总访问数

指标意义：用来衡量网站流量成本

指标用法：这个指标衡量是你市场效率，目标是要降低这个指标而提高SPV，为此要将无效市场营销费用削减，增加有效市场投入。

订单获取差额　Order Acquisition Gap （OAG）

计算公式：订单获取差额＝单个访问者成本（CPV）－单笔订单成本（CPO）

指标意义：这是一个衡量市场效率指标，代表着网站所带来访问者和转化访问者之间差异

指标用法：指标值应是一个负值，这是一个测量从非访问者中获客户成本。有两种方法来降低这个差额，当你增强了网站销售能力，CPO就会下降，这个差 额就会缩小，说明网站转化现有流量能力到了加强；同样，CPV可能升高而CPO保持不变或降低，这个差额也会缩小，表明网站所吸引流量都具有较高转化率， 这种情形通常发生在启用了PPC（pay per click）计划。

订单获取率　Order Acquisition Ratio （OAR）

计算公式：订单获取率＝单笔订单成本（CPO）／单个访问者成本（CPV）

指标意义：用另一种形式来体现市场效率

指标用法：用比率形式往往比较容易为管理阶层所理解，尤其是财务人员。

每笔产出　Contribution per Order （CON）

计算公式：每笔产出＝（平均订货数Ｘ平均边际收益）－每笔订单成本

指标意义：每笔订单给你带来现金增加净值

指标用法：公司财务总监总是对这个指标感兴趣，代表了你花了多少钱来赚多少钱。

投资回报率　Return on Investment （ROI）

计算公式： 投资回报率＝每笔产出（CON） /每笔订单成本 （CPO）

指标意义： 用来衡量你广告投资回报

指标用法：比较你广告回报率，应该把钱分配给有最高回报率广告，但是这个回报率应当要有时间段限制，比如“２５％ RIO/每周”和“２５％　RIO／每年”是有很大差别。

标签: , , , , , , 30 评论
1610月/114

全球地图搜索新闻报纸网站

发布在 邵珠庆

http://newspapermap.com

全球地图搜索新闻报纸网站

标签: , , , , , 4 评论
269月/119

值得开发人员关注的jQuery技术网站和博客20个

发布在 邵珠庆

1. John Resig - http://ejohn.org

毫无疑问，jQuery的缔造者的博客是你首先必须关注的。

2. Filmament Group Lab

这个也是必看之一，因为jQuery UI类库就出自这个网站

3.  Learning jQuery

老牌的学习jQuery的网站之一，这个网站是由几个作者联合建立

4.  Soh Tnaka Blog

非常酷的一个jQuery设计和分享网站，风格非常酷，里面的教程和插件实现非常有艺术感，本人这里强烈推荐。

5.  nettuts

老牌的网页设计网站，里面包含了非常多的jQuery教程和技巧。同时这个网站也有大量的设计相关的文章，大家可以学习。

6. jQuery4u

老牌的jQuery网站学习网站，里面有很多jQuery的教程，及其收集的jQuery插件。

7. WebResourceDepot

收集了许多jQuery插件教程及其信息

8.  The Sea of ideas - personal blog of Paul Bakus

Paul Bakus是jQueryUI的创始者并且也是很多著名插件的开发人，在他的博客中我们可以找到大量javascript，jQuery，jQueryUI开发的信息和文章

9.  James Padolsey

Jame是一个具有丰富开发经验的前端开发工程师，在他的博客中，他经常介绍最新的开发技术和价格，并且分享很多jQuery代码及其实现

10.  jankoatwarpspeed

Janko的博客发布有很多写的非常好的jQuery开发文章，并且也有新书的发布

11. jQueryhowto

jQueryHowto提供了大量的代码片段帮助你解决jQuery编程中的个实现问题，非常实用的开发查询网站，GBin1这里强烈推荐

12.  Marcofolio

这个博客拥有很多不错的教程，帮助大家实现非常实用的jQuery功能， 例如，如何实现TechCrunch的像素Logo

13.  Build internet

Build internet拥有很多书写的非常好的jQuery教程，当然由于它是一个综合性的网站，也拥有很多其它的web开发教程和资料

14. W3CSchools

比较老牌的一个网站，主要提供各种W3C相关教程，包括HTML，XML，CSS，Javascript，也包括jQuery等其它教程

15. Addy Osmani Blog

Addy Osmani拥有很多详细讲解的jQuery教程及其相关Javascript toolkit。

16. jQuery style

一个完全讲解jQuery类库的网站，分享代码片段及其各种jQuery插件。

17. The Ultimate jQuery List

一个非常完整的jQuery类库，插件，演示及其教程说明， 完全值得大家去查看内容

18. Queness

这个个人blog拥有很多实用的jQuery资源

19. Tutorialzine

这个博客有很多实用的资源，可以直接在代码中实用

20. GBin1

GBin1是提供互联网相关技术的综合类博客，我们提供最新的互联网信息，技术及其教程，希望能帮助大家了解最新的互联网技术和信息

标签: , , , , , 9 评论
189月/1154

几个不错的国外网站，职业上有帮助

发布在 邵珠庆

Offers users the ability to upload and share publicly or privately PowerPoint presentations, Word documents and Adobe PDF Portfolios.

 

http://www.slideshare.net/

 

 

120 million+ members | Manage your professional identity. Build and engage with your professional network. Access knowledge, insights and opportunities.

 

www.linkedin.com/

标签: , 54 评论
139月/1124

推荐四个在线任务管理网站

发布在 邵珠庆

197662518_c449e6924a_m 现在通过网上协作完成的任务是越来越多了。

 

网络协作的优势不言而喻：

  • 不需要在乎对方的学历、年龄、性格、相貌等等，只要你们有想要完成同一件事情，就可以进行网络协作（现实生活中我们总对合作者的性格挑三拣四）
  • 没有地域的限制，IM+协作系统就可以完成沟通
  • 可以找到比现实生活中多得多的资源，在生活中你是和你周围的40-70个朋友打交道，而网络上则是和N个人交流、沟通
  • 可以在现实生活中保密，不会有老板埋怨你做自己的事情。

TodoList可能是网络协作里面最简单的一个功能，但也是最基本的功能，所以今天GTDLife就为大家推荐几款在线任务管理网站

大家如果知道更好的网站，请告诉我，或者在交流圈和大家讨论。

GTDLife从界面、功能两个方面去进行评价：

ToDoist

  • 界面：简洁实用，标准的ToDoList方式，建立项目---创建任务---设定颜色和优先级，没有多余的点缀，这要看你怎么去欣赏，简约和简单就一念之差
  • 功能：比较难于上手，主要体现在Context和时间都需要手工填写，比如：today, overdue @home的意思是查找截至今天过期的标签为@home的任务，我想喜欢linux字符界面的朋友可能喜欢这样的录入方式。
  • 可以通过Gmail来建立任务，可以通过MSN、移动电话、twitter、email进行提醒
  • 可以下载桌面端的小工具，通过小工具发布TODOList

Snap1

 

iPrioritize

  • 界面：虽然足够清爽，但是和Todoist相比就花哨了很多，不过这也说明iPrioritize的功能要比前者强大的多。色调的搭配是我最喜欢的蓝色，看起来很舒服，很成熟。
  • 功能：首先是他提供了可打印版本，这么简单的功能居然ToDoist没有提供，连GTDLife都有打印功能哦。
  • 支持RSS订阅和发布。并且有完善的分享功能，和ToDOist相比起来，他更像是一个协作任务系统。
  • 可以嵌入outlook2003，通过outlook直接进行任务管理，outlook本身自带的任务功能薄弱是他肆无忌惮抢地盘的原因

 

blabla list

  • 界面：界面朴实大方，可以算是TODOist的“升级版”，布局同样很简洁。
  • 功能：从功能方面来讲它比TODOist多增加了RSS订阅功能。
  • blabla list支持通过email邀请朋友和你一起维护任务清单。属于中规中矩的类型，该有的功能都有。虽然写他写的最少，但是也是GTDLife最推荐的一款在线任务管理系统

Snap2

忙吧

严格的说忙吧应该超出了“在线任务管理网站”的范围，忙吧的功能很全：

  • 项目的协作
  • 任务的分配
  • 做笔记
  • 安排日程
  • 交流聚会
  • 招聘

仅仅做任务管理似乎有点“大材小用”，在这个中文平台上你的任务可能会吸引到更多的朋友参与。

GTDLife还是很看好忙吧的，希望他能越做越大

image

pS：GTDLife在试用前三种服务的时候，发现他们注册界面几乎完全一样，需要填写的内容也几乎类似，还有三个网站的图标都是200×30，也不知道是谁抄谁的。

标签: , , , , 24 评论
298月/112

网站导航设计模式指南

发布在 邵珠庆

在网页设计中有一些通用的交互设计模式。网站导航各种各样的通用和大家熟知的设计模式，可以用来作为为网站创建有效地信息架构的基础。这篇指南涵盖了流行的站点导航设计模式。对于每一种网站导航栏设计模式，我们将讨论它的一般特征，它的缺点，以及什么时候使用它最好。


 

顶部水平栏导航
顶部水平栏导航是当前两种最流行地网站导航菜单设计模式之一。它最常用于网站的主导航菜单，且最通常地放在网站所有页面的网站头的直接上方或直接下方。

顶部水平栏导航设计模式有时伴随着下拉菜单，当鼠标移到某个项上时弹出它下面的二级子导航项。

顶部水平栏导航一般特征
导航项是文字链接，按钮形状，或者选项卡形状
水平栏导航通常直接放在邻近网站logo的地方
它通常位于折叠之上


顶部水平栏导航的缺点
顶部水平栏导航最大的缺点就是它限制了你在不采用子级导航的情况下可以包含的链接数。对于只有几个页面或类别的网站来说，这不是什么问题，但是对于有非常复杂的信息结构且有很多模块组成的网站来说，如果没有子导航的话，这并不是一个完美的主导航菜单选择。

何时使用顶部水平栏导航
顶部水平栏导航对于只需要在主要导航中显示5-12个导航项的网站来说是非常好的。这也是单列布局的网站的主导航的唯一选择（除了通常用于二级导航系统的底部导航）。当它与下拉子导航结合时，这种设计模式可以支持更多的链接。

竖直/侧边栏导航
侧边栏导航的导航项被排列在一个单列，一项在一项的上面。它经常在左上角的列上，在主内容区之前——根据一份针对从左到右习惯读者的导航模式的可用性研究，左边的竖直导航栏比右边的竖直导航表现要好。
侧边栏导航设计模式随处可见，几乎存在于各类网站上。这有可能是因为竖直导航是当前最通用的模式之一，可以适应数量很多的链接。


它可以与子导航菜单一起使用，也可以单独使用。它很容易用于包含很多链接的网站主导航。侧边栏导航可以集成在几乎任何种类的多列布局中。

侧边栏导航的一般特征
文字链接作为导航项很普遍（包含或不包含图标）
很少使用选项卡（除了堆叠标签导航模式）
竖直导航菜单经常含有很多链接 


 

竖直/侧边栏导航缺点

因为可以处理很多链接，当竖直菜单太长时有时可能将用户淹没。尝试限制你引入的链接数，取而代之可以使用飞出式子导航菜单以提供网站的更多信息。同时考虑将链接分放在直观的类别当中，以帮助用户很快地找到感兴趣的链接。

何时使用竖直/侧边栏导航
竖直导航适用于几乎所有种类的网站，尤其适合有一堆主导航链接的网站。

选项卡导航
选项卡导航可以随意设计成任何你想要的样式，从逼真的，有手感的标签到圆滑的标签，以及简单地方边的标签等。它存在于各种各样的网站里，并且可以纳入任何视觉效果。


选项卡比起其它类别的导航有一个明显的优势：它们对用户有积极的心理效应。人们通常把导航与选项卡关联在一起，因为他们曾经在笔记本或资料夹里看见选项卡，并且把它们与切换到一个新的章节联系在一起。这个真实世界的暗喻使得选项卡导航非常直观。

选项卡导航的一般特征
样子和功能都类似真实世界的选项卡（就像在文件夹，笔记本等中看到的一样）
一般是水平方向的但也有时是竖直的（堆叠标签） 
 

选项卡导航的缺点

选项卡最大的缺点是它比简单的顶部水平栏更难设计。它们通常需要更多的标签，图片资源以及CSS，具体根据标签的视觉复杂度而定。选项卡的另一个缺点是它们也不太适用于链接很多的情况，除非它们竖直地排列（即使这样，如果太多的话它们还是看起来很不合适）。

何时使用选项卡导航
选项卡也适合几乎任何主导航，虽然它们在可以显示的链接上有限制，尤其在水平方向的情况下。将它们用于拥有不同风格子导航的主导航的较大型网站是个不错的选项。

面包屑导航
面包屑的名字来源于Hansel和Gretel的故事，他们在沿途播撒面包屑以用来找到加家的路，这可以告诉你在网站的当前位置。这是二级导航的一种形式，辅助网站的主导航系统。


面包屑对于多级别具有层次结构的网站特别有用。它们可以帮助访客了解到当前自己在整站中所处的位置。如果访客希望返回到某一级，它们只需要点击相应的面包屑导航项。

面包屑的一般特征
一般格式是水平文字链接列表，通常在两项中间伴随着左箭头以指示层及关系
从不用于主导航 
 

面包屑导航的缺点

面包屑不适于浅导航网站。当网站没有清晰的层次和分类的时候，使用它也可能产生混乱。何时使用面包屑导航。面包屑导航最适用于具有清晰章节和多层次分类内容的网站。没有明显的章节，使用面包屑是得不偿失。

标签导航
标签经常被用于博客和新闻网站。它们常常被组织成一个标签云，导航项可能按字母顺序排列（通常用不同大小的链接来表示这个标签下有多少内容），或者按流行程度排列。

标签是出色的二级导航而很少用于主导航。他可以提高网站的可发现性和探索性。标签云通常出现在边栏或底部。如果没有标签云，标签则通常包括于文章顶部或底部的元信息中，这种设计让用户更容易找到相似的内容。

标签导航的一般特征
标签是以内容为中心的网（博客和新闻站）站的一般特性
仅有文字链接
当处于标签云中时，链接通常大小各异以标识流行度
经常被包含在文章的元信息中
标签导航的缺点
人们通常把标签和博客和新闻网站联系在一起（有时候也可能是电子商务网站），所以如果你的网站与这些网站有本质的不同，它可能对你就没有帮助。标签也会给内容创作者带来一定量的工作量，因为为了使标签系统有效，每篇文章都需要打上准确的标签。

何时使用标签
如果你拥有很多主题，为内容打上关键词标记是很有利的。如果你仅有几个页面（可能你的网站是一个公司网站），可能就不需要给内容打标签了。是否结合标签云或只是将标签包含在元信息中得取决于你的设计。

搜索导航
近些年来网站检索已成为流行的导航方式。它非常适合拥有无限内容的网站（像维基百科），这种网站很难使用其它的导航。搜索也常见于博客和新闻网站，以及电子商务网站。

搜索对于清楚知道自己想要找什么的访客非常有用。但是有了搜索并不代表着就可以忽略好的信息结构。它对于保证那些不完全知道自己要找什么或是想发现潜在的感兴趣内容的浏览者可以查找到内容依然非常重要。

搜索导航的一般特征
搜索栏通常位于头部或在侧边栏靠近顶部的地方
搜索栏经常会出现在页面布局中的辅助部分，如底部
搜索导航的缺点
搜索最大的缺点是并非所有搜索引擎都是平等的。取决于你选择的方案，你网站的搜索特性可能不能返回精确的结果或者缺失一些东西如文章元数据。搜索导航，对于大部分网站来说，应该作为次要的导航形式。搜索是用户在无法被导航到他们想找的东西的地方时的可靠选择。

何时使用搜索导航
对于具有无数页面并且有复杂信息结构的网站来说，肯定必须引入搜索功能。没有它用户可能很难通过遍历链接和多层的导航来找到他们想要的信息。搜索对于电子商务网站也非常重要，而关键的一点是电子商务网站的搜索结果要根据网站存货的多少具有相应的筛选和排序功能。

出式菜单和下拉菜单导航
出式菜单（与竖直/侧边栏导航一起使用）和下拉菜单（一般与顶部水平栏导航一起使用）是构建健壮的导航系统的好方法。它使得你的网站整体上看起来很整洁，而且使得深层章节很容易被访问。

他们通常结合水平，竖直或是选项卡导航一起使用，作为网站主导航系统的一部分。

出式菜单和下拉菜单导航的一般特征
用于多级信息结构
使用JavaScript和CSS来隐藏和显示菜单
显示在菜单中的链接是主菜单项的子项
菜单通常在鼠标悬停在上面时被激活，而有时候也可能是鼠标点击时激活


出式菜单和下拉菜单导航缺点
除非你在主导航链接边上放置一些标识（通常是箭头图标），不然访客可能不知道那有包含子导航项的下拉或出式菜单，因此使这些标识很明显是非常重要的。同时出式菜单和下拉可能使得导航在移动设备上非常难用，所以要确保你的移动样式表处理了这种情况。

 

何时使用出式菜单和下拉菜单导航
如 果你想在视觉上隐藏很大的或很复杂的导航层次，出式菜单和下拉是很好的选择，因为它让用户决定他们想看见什么，以及什么时候可以看见它们。它们可以用来在 不弄乱网页的情况下按需显示很大数量的链接。它们还可以用来显示子页面和局部导航，并且不需要用户首先点击打开新的页面。

分面/引导导航
分面/引导导航（也叫做分面检索或引导检索）最常见于电子商务网站。基本上来说引导导航给你提供额外的内容属性筛选。假设你在浏览一个新的LCD显示器，引导导航可能会列出大小，价格，品牌等选顶。基于这些内容属性，你可以导航到匹配你的条件的项。

引导导航在拥有巨大数量货物的大型电子商务网站中是非常宝贵的。用户通过直接搜索通常很难找到他们想要的东西，并且增加了用户漏掉一个产品的或能性。例如他们可能搜索一个灰褐色的产品，但你可能将它标记了灰色或褐色，虽然它可能就是用户想要的东西。

分面/引导导航的一般特征
最常见于电子商务网站
通常让用户对不同的特征做多次筛选
几乎总是使用文字链接，分解在不同的类别下或是下拉菜单下
常常与面包屑导航一起使用
分面/引导导航的缺点
引导导航可能会引起一些用户的迷惑。另外不能保证用户会在你预先定义的类别中查找。

何时使用分面/引导导航
分面导航对于大型电子商务网站非常有用。它方便了用户购物，提升了购物体验，并更容易找到它们真正想要的东西。它也可以用于其它目录风格的网站。

页脚导航
页脚导航通常用于次要导航，并且可能包含了主导航中没有的链接，或是包含简化的网站地图链接。

访客通常在主导航找不到他们要找的东西时会去查看页脚导航。

页脚导航的一般特征
页脚导航通常用于放置其它地方都没有的导航项
通常使用文字链接，偶尔带有图标
通常链接指向不是那么关键的页面
页脚导航的缺点
如果你的页面很长，没有人愿意仅仅为了导航而滚动到页面底部。对于较长的页面，页脚导航最好作为重复链接和简要的网站地图的地方。它不适合作为主导般形式。

何时使用页脚导航
绝大多数网站都有这样那样的页脚导航，即使它只是重复其它地方的链接。考虑什么放在那有用，以及你的访客可能最想找什么。

结论
大 多数网站使用不只一种导航设计模式。例如一个网站可能会用顶部水平栏导航作为主导航系统，并使用竖直/侧边栏导航系统来辅助它，同时还用页脚导航来作冗 余，增加页面的便利度。当选择你的导航系统基于的导航设计模式时，你必须选择支持你的信息结构以及网站特性的方案。导航是网站设计的重要部分，它的效果必 须有坚实的基础设计。

标签: , , , , 2 评论
 « 上一页  下一页

支持博主

了解慈善捐款计划

关于邵珠庆博客

文章标签

API GA Git Google Analytics HTML5 jquery JS Linux MySQL nginx PHP SaaS web 互联网 代码 使用 分析 创业 原理 命令 好东西 如何 工具 常用 开发 总结 技巧 技术 插件 数据 文件 方法 时间 架构 框架 汇总 百度 管理 系统 网站 网站分析 设计 详解 问题 阿里云

记事邵珠庆博客

1、Web前端网址导航
2、邵珠庆极客筛站
3、识别移动设备访问代码


最近文章

最近评论

博客日历

2024年7月
一 二 三 四 五 六 日
« 8月    
1234567
891011121314
15161718192021
22232425262728
293031  

目录分类

文章归档

博客功能