﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>阿石的日志 &#187; 面包屑导航</title>
	<atom:link href="http://www.ashnotes.com/tag/%e9%9d%a2%e5%8c%85%e5%b1%91%e5%af%bc%e8%88%aa/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.ashnotes.com</link>
	<description>关注产品（网站）策划、信息架构、网站分析、网站优化</description>
	<lastBuildDate>Sun, 05 Sep 2010 02:57:47 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>网上商城广告页是否需要面包屑导航</title>
		<link>http://www.ashnotes.com/breadcrumb-navigation-in-malladpage/</link>
		<comments>http://www.ashnotes.com/breadcrumb-navigation-in-malladpage/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 11:47:41 +0000</pubDate>
		<dc:creator>ashnotes</dc:creator>
				<category><![CDATA[信息架构]]></category>
		<category><![CDATA[电子商务]]></category>
		<category><![CDATA[广告页]]></category>
		<category><![CDATA[面包屑]]></category>
		<category><![CDATA[面包屑导航]]></category>

		<guid isPermaLink="false">http://www.ashnotes.com/?p=234</guid>
		<description><![CDATA[【背景知识】 电子商务在中国各地四处开花，深度运营是任何B2C团队日常工作的必备思想，根据市场策略、产品特征，需要设计师制作各种各样的专题页、促销页，这里同统称“广告页”。 面包屑导航，又叫层级菜单，之所以叫面包屑导航，是起源于格林童话中hansel 和 gretel仍在森林的面包屑踪迹，而防止自己迷路。可用性大师Jakob在起官网 《面包屑导航在主流网上商城广告页的现状》 广告页作为各大网上商城搞活动运营的必备良药，其在网站的层级结构中一般为“首页 &#62; 广告页”的二级模式，为了维护管理，可能还需要“首页 &#62; 专题 &#62; 广告页”等更多层级模式（这一点可在各大网站链接结构可以看出来）。然而广告页作为市场领导宏伟战略的高地、页面设计师肆意发挥艺术才华的自留地，面包屑导航却甚少得到二者的青睐，如： 凡客的广告页 http://www.vancl.com/zhuanti/yrf_091104.htm 没有面包屑导航 拍拍的广告页 http://www.paipai.com/promote/2009/10/lf/?PTAG=20041.5.4 没有面包屑导航 京东的广告页http://market.360buy.com/hd/ganentehui1091103/index.htm 没有面包屑导航 新蛋的广告页http://www.newegg.com.cn/xdv/CommonSale.aspx?SysNo=435&#38;cm_sp=insitebulliten-_-Campus-ambassador-_-Christy 有面包屑导航 看到这些主流的网上商城，还有无论是淘宝还是鼎鼎大名的amazon，广告页都没有标识面包屑，让人甚是不解。那不禁让人发问：广告页不需要面包屑导航吗？ 【为什么需要面包屑导航?】 Jakob在文章指出，80%美国年度获奖的网站都使用了面包屑导航，而之所以使用，无外基于以下几点： 显示用户浏览网站的当前位置 一次点击直达网站结构最高级（首页） 在用户可用性测试中，用户使用面包屑导航没有发生问题 占页面很少位置（潜台词：既然很少，为何不用呢？） 【网上商城广告页是否需要面包屑导航?】 按照Jakob说法，究竟是否使用面包屑导航，起实质是偏重网站结构与还是照顾用户浏览行为问题。试想一个用户刚来一个网站（首页），或才浏览了一个页面，对用户来说“我在哪里并不重要，重要的是网站能给我带来啥”，这时网站结构是主要问题，如何在页面设计中给用户造成很好的逻辑清晰、来回自如的页面效果是用户期望的；而当用户逛了N个页面，从A目录跳到B目录，从公告跳到专题，来来回回，象“hansel 和 gretel迷路”的那样的用户体验感就会产生，此时照顾用户浏览行为就成为主要矛盾，面包屑导航就成了必要。 【小结】 广告页作为一个单独页面，来源路径无外是网上商城首页广告、营销电子邮件、第三方网站广告，在此之前可以说用户浏览前置路径是NULL，用户在此网上的浏览轨迹几乎是零，如何给用户呈现最佳页面效果是主要的，因此“占用空间、破坏美感”的面包屑导航是可以缺失的。但若是方便用户查看历史广告页管理，由于在在“首页&#62;广告页&#8221;中加入了“首页&#62;广告列表页&#62;广告页”要给用户呈现列表，此时面包屑导航则不可缺少。]]></description>
			<content:encoded><![CDATA[<p><img class="aligncenter size-full wp-image-236" title="hansel_and_gretel" src="http://www.ashnotes.com/wp-content/uploads/2009/11/hansel_and_gretel.jpg" alt="hansel_and_gretel" width="400" height="400" /></p>
<p><strong>【背景知识】 </strong></p>
<p>电子商务在中国各地四处开花，深度运营是任何B2C团队日常工作的必备思想，根据市场策略、产品特征，需要设计师制作各种各样的专题页、促销页，这里同统称“广告页”。</p>
<p><span style="background-color: #ffffff; "> 面包屑导航，又叫层级菜单，之所以叫面包屑导航，是起源于格林童话中hansel 和 gretel仍在森林的面包屑踪迹，而防止自己迷路。可用性大师Jakob在起官网<strong><a style="background-color: #ffffff; " title="面包屑导航" onclick="javascript:urchinTracker('/outgoing/useit');&gt;《面包屑导航——提高可用性》&lt;/a&gt; 中提到面包屑导航是使用一行文字了显示一个页面在网站层级结构中的当前位置，同时会给用户便捷浏览带来好处的导航工具。文章抬头也是hansel 和 gretel这两个小家伙封面图。&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=" href="http://www.useit.com/alertbox/breadcrumbs.html"> 《<span style="font-weight: normal;">面包屑导航在主流网上商城广告页的现状》</span><br />
</a> </strong>广告页作为各大网上商城搞活动运营的必备良药，其在网站的层级结构中一般为“首页 &gt; 广告页”的二级模式，为了维护管理，可能还需要“首页 &gt; 专题 &gt; 广告页”等更多层级模式（这一点可在各大网站链接结构可以看出来）。然而广告页作为市场领导宏伟战略的高地、页面设计师肆意发挥艺术才华的自留地，面包屑导航却甚少得到二者的青睐，如： </span><a style="background-color: #ffffff; " title="面包屑导航" onclick="javascript:urchinTracker('/outgoing/useit');&gt;《面包屑导航——提高可用性》&lt;/a&gt; 中提到面包屑导航是使用一行文字了显示一个页面在网站层级结构中的当前位置，同时会给用户便捷浏览带来好处的导航工具。文章抬头也是hansel 和 gretel这两个小家伙封面图。&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=" href="http://www.useit.com/alertbox/breadcrumbs.html"></a></p>
<p><a style="background-color: #ffffff; " title="面包屑导航" onclick="javascript:urchinTracker('/outgoing/useit');&gt;《面包屑导航——提高可用性》&lt;/a&gt; 中提到面包屑导航是使用一行文字了显示一个页面在网站层级结构中的当前位置，同时会给用户便捷浏览带来好处的导航工具。文章抬头也是hansel 和 gretel这两个小家伙封面图。&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=" href="http://www.useit.com/alertbox/breadcrumbs.html"> </a></p>
<ul><a style="background-color: #ffffff; " title="面包屑导航" onclick="javascript:urchinTracker('/outgoing/useit');&gt;《面包屑导航——提高可用性》&lt;/a&gt; 中提到面包屑导航是使用一行文字了显示一个页面在网站层级结构中的当前位置，同时会给用户便捷浏览带来好处的导航工具。文章抬头也是hansel 和 gretel这两个小家伙封面图。&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=" href="http://www.useit.com/alertbox/breadcrumbs.html"> </a></p>
<li><a style="background-color: #ffffff; " title="面包屑导航" onclick="javascript:urchinTracker('/outgoing/useit');&gt;《面包屑导航——提高可用性》&lt;/a&gt; 中提到面包屑导航是使用一行文字了显示一个页面在网站层级结构中的当前位置，同时会给用户便捷浏览带来好处的导航工具。文章抬头也是hansel 和 gretel这两个小家伙封面图。&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;span style=" href="http://www.useit.com/alertbox/breadcrumbs.html"><span style="background-color: #ffffff; "> 凡客的广告页 </span></a><a href="http://www.vancl.com/zhuanti/yrf_091104.htm">http://www.vancl.com/zhuanti/yrf_091104.htm</a> 没有面包屑导航</li>
<li><span style="background-color: #ffffff; "> 拍拍的广告页 <a href="http://www.paipai.com/promote/2009/10/lf/?PTAG=20041.5.4">http://www.paipai.com/promote/2009/10/lf/?PTAG=20041.5.4</a> 没有面包屑导航</span></li>
<li><span style="background-color: #ffffff; "> 京东的广告页<a href="http://market.360buy.com/hd/ganentehui1091103/index.htm">http://market.360buy.com/hd/ganentehui1091103/index.htm</a> 没有面包屑导航</span></li>
<li><span style="background-color: #ffffff; "> 新蛋的广告页<a href="http://www.newegg.com.cn/xdv/CommonSale.aspx?SysNo=435&amp;cm_sp=insitebulliten-_-Campus-ambassador-_-Christy">http://www.newegg.com.cn/xdv/CommonSale.aspx?SysNo=435&amp;cm_sp=insitebulliten-_-Campus-ambassador-_-Christy</a> 有面包屑导航</span></li>
</ul>
<p>看到这些主流的网上商城，还有无论是<a href="http://www.mall.taobao.com/go/act/other/waitui090706.php?ad_id=&amp;am_id=1300122751fd2117c022&amp;cm_id=&amp;pm_id=" target="_blank">淘宝</a>还是鼎鼎大名的<a href="http://www.amazon.com/gp/goldbox/ref=cs_top_nav_gb27" target="_blank">amazon</a>，广告页都没有标识面包屑，让人甚是不解。那不禁让人发问：广告页不需要面包屑导航吗？<br />
<span style="background-color: #ffffff; "> </span></p>
<p><span style="background-color: #ffffff; "><strong>【为什么需要面包屑导航?】<br />
</strong> Jakob在文章指出，80%美国年度获奖的网站都使用了面包屑导航，而之所以使用，无外基于以下几点：<strong><br />
</strong></span></p>
<p><strong> </strong></p>
<ul>
<li><span style="background-color: #ffffff; font-weight: normal; "><strong> </strong>显示用户浏览网站的当前位置</span></li>
<li><span style="background-color: #ffffff; font-weight: normal; "> 一次点击直达网站结构最高级（首页） </span></li>
<li><span style="background-color: #ffffff; font-weight: normal; "> 在用户可用性测试中，用户使用面包屑导航没有发生问题</span></li>
<li style="text-align: left; "><span style="background-color: #ffffff; font-weight: normal; "> 占页面很少位置（潜台词：既然很少，为何不用呢？） </span></li>
</ul>
<p><strong>【网上商城广告页是否需要面包屑导航?】</strong></p>
<p>按照Jakob说法，究竟是否使用面包屑导航，起实质是偏重网站结构与还是照顾用户浏览行为问题。试想一个用户刚来一个网站（首页），或才浏览了一个页面，对用户来说“我在哪里并不重要，重要的是网站能给我带来啥”，这时网站结构是主要问题，如何在页面设计中给用户造成很好的逻辑清晰、来回自如的页面效果是用户期望的；而当用户逛了N个页面，从A目录跳到B目录，从公告跳到专题，来来回回，象“hansel 和 gretel迷路”的那样的用户体验感就会产生，此时照顾用户浏览行为就成为主要矛盾，面包屑导航就成了必要。</p>
<p><strong>【小结】</strong></p>
<p>广告页作为一个单独页面，来源路径无外是网上商城首页广告、营销电子邮件、第三方网站广告，在此之前可以说用户浏览前置路径是NULL，用户在此网上的浏览轨迹几乎是零，如何给用户呈现最佳页面效果是主要的，因此“占用空间、破坏美感”的面包屑导航是可以缺失的。但若是方便用户查看历史广告页管理，由于在在“首页&gt;广告页&#8221;中加入了“首页&gt;广告列表页&gt;广告页”要给用户呈现列表，此时面包屑导航则不可缺少。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.ashnotes.com/breadcrumb-navigation-in-malladpage/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
