<?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>Prower&#039;s Blog &#187; 网站架构</title>
	<atom:link href="http://www.prower.cn/tag/%e7%bd%91%e7%ab%99%e6%9e%b6%e6%9e%84/feed" rel="self" type="application/rss+xml" />
	<link>http://www.prower.cn</link>
	<description>关注互联网、体验互联网，记录成长历程</description>
	<lastBuildDate>Thu, 05 Jan 2012 00:40:50 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>豆瓣的Url结构方式一览</title>
		<link>http://www.prower.cn/interaction/1793</link>
		<comments>http://www.prower.cn/interaction/1793#comments</comments>
		<pubDate>Sun, 28 Feb 2010 03:15:06 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[Url结构]]></category>
		<category><![CDATA[网站架构]]></category>
		<category><![CDATA[豆瓣]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1793</guid>
		<description><![CDATA[网站域名一般都会选简短易记的，因为这对于网站宣传来说也可以省不少力。而被很多网站忽视的站内Url结构则在一定程度上反映出网站的整体架构。 当设计走向越来越轻的时候，网站Url结构的设计也越来越清晰明了化，很大程度上已经可以通过Url结构来获知该页面的大致内容。 豆瓣就是这样一个网站。 豆瓣的Url结构除了清晰明了易识别外，还有很多很有意思的地方：比如上一篇日志中说的豆瓣的搜索Url结构；比如豆瓣的所有翻页都是以当前内容页面Url+?start=100的形式，再往下是?start=200，这一点不像一般的网站直接就是标示1、2、3之类的，这种翻页的Url结构方式在一定程度上向用户展示列表中内容的数量，也弥补了豆瓣对列表中的内容数未显示的设计。 豆瓣在Url的格式的递进设计上也有点意思，你日记、相册之类的在Url结构上只归属大的分类，比如某个日记的Url格式是 www.douban.com/note/yyyyyy/ 而并非是常理下的该日记归属某个用户 www.douban.com/people/xxxxxx/note/yyyyyy/ 的结构，这一个设计也延用至书评影评乐评之类的内容上。 花了一些时间，整理出了豆瓣的整站Url结构，当然肯定是有些许遗漏的，但主体的都在了，也能大致的看得出来豆瓣的整站架构了。 有高清无码图及mmap文件可索取。]]></description>
			<content:encoded><![CDATA[<p>网站域名一般都会选简短易记的，因为这对于网站宣传来说也可以省不少力。而被很多网站忽视的站内Url结构则在一定程度上反映出网站的整体架构。</p>
<p>当设计走向越来越轻的时候，网站Url结构的设计也越来越清晰明了化，很大程度上已经可以通过Url结构来获知该页面的大致内容。</p>
<p>豆瓣就是这样一个网站。</p>
<p>豆瓣的Url结构除了清晰明了易识别外，还有很多很有意思的地方：比如上一篇日志中说的<a href="http://www.prower.cn/interaction/1790" target="_blank">豆瓣的搜索Url结构</a>；比如豆瓣的所有翻页都是以当前内容页面Url+<span style="color: #ff0000;">?start=100</span>的形式，再往下是<span style="color: #ff0000;">?start=200</span>，这一点不像一般的网站直接就是标示1、2、3之类的，这种翻页的Url结构方式在一定程度上向用户展示列表中内容的数量，也弥补了豆瓣对列表中的内容数未显示的设计。</p>
<p><span id="more-1793"></span></p>
<p>豆瓣在Url的格式的递进设计上也有点意思，你日记、相册之类的在Url结构上只归属大的分类，比如某个日记的Url格式是 <span style="color: #ff0000;">www.douban.com/note/yyyyyy/</span> 而并非是常理下的该日记归属某个用户 <span style="color: #ff0000;">www.douban.com/people/xxxxxx/note/yyyyyy/</span> 的结构，这一个设计也延用至书评影评乐评之类的内容上。</p>
<p>花了一些时间，整理出了豆瓣的整站Url结构，当然肯定是有些许遗漏的，但主体的都在了，也能大致的看得出来豆瓣的整站架构了。</p>
<p>有高清无码图及mmap文件可索取。</p>
<p><a href="http://www.prower.cn/wp-content/uploads/2010/02/douban_url.png"><img class="alignnone size-full wp-image-1794" title="豆瓣url结构图" src="http://www.prower.cn/wp-content/uploads/2010/02/douban_url.png" alt="douban_url" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1793/feed</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>怎样的面包屑导航更能体现整站架构</title>
		<link>http://www.prower.cn/interaction/1283</link>
		<comments>http://www.prower.cn/interaction/1283#comments</comments>
		<pubDate>Wed, 08 Apr 2009 03:59:13 +0000</pubDate>
		<dc:creator>摄氏度</dc:creator>
				<category><![CDATA[体验设计]]></category>
		<category><![CDATA[导航结构]]></category>
		<category><![CDATA[导航设计]]></category>
		<category><![CDATA[网站架构]]></category>
		<category><![CDATA[面包屑导航]]></category>

		<guid isPermaLink="false">http://www.prower.cn/?p=1283</guid>
		<description><![CDATA[在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向，而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样，前者为用户做一个大概的结构介绍，而后者则是在大架构之后的细节延伸。 面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接，这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地，面包屑导航是按一种递减的结构来呈现的。 然而这种递减的结构的最上级应不应该包括“首页”这个最大最杂的入口呢？如果面包屑导航里没有“首页”的链接，那这算不算是完整的导航结构呢？ 国内四大门户网站里，关于面包屑导航设计里，网易跟腾讯是有“首页”链接的，而新浪跟搜狐则是没有“首页”与链接的： 在包括“首页”链接的导航结构里又分为两种，其一是如网易般的在“首页”之前还有当前频道首页的链接，这点与新浪以及搜狐的设计是一样的；另一种则是如腾讯般的最上级直接就是“首页”。 如网易这般的面包屑导航设计可以突显出当前频道，但同时也存在另一个问题，那就是在同一个导航中出现了两个相同的链接，提供了更多入口的同时也让更容易让用户迷惑。 而在面包屑导航里不包括“首页”的设计则给人感觉怪异，就如同从一栋大厦门口进去到某个楼层的某个房间，结果出房间的时候发现指示牌里没有大厦门口的指示位置，只是指示到这一楼层的门口。 这样的设计不得不让人联想到，这是一种各自为政的作法，最大可能的把用户留在当前频道里，而不管用什么方法。 一个完整的面包屑导航应该是从最初的入口开始，也许很多用户的最初入口直接就是某个频道首页，但不可否认，面包屑导航的递减架构的最上级应该是如金字塔的最底层一样，而国内网站们的首页设计就如金字塔的最底层一样，信息庞大而复杂，网站首页是整站中聚集度最高的地方。 关于面包屑导航的结构呈现，你有什么更好的想法？]]></description>
			<content:encoded><![CDATA[<p>在很多大厦或是大型超市的入口处一般都会树立路牌之类的标识来为用户指明方向，而进入到内部后则会有另外更详细的导航指示。这两者之间的关系就像是网站的主导航与面包屑导航一样，前者为用户做一个大概的结构介绍，而后者则是在大架构之后的细节延伸。</p>
<p>面包屑导航可以很清晰的标明用户当前所处的位置以及可供返回的链接，这在很大程度上解决了用户在网站里迷失的问题。用户从庞杂的入口到最终的目的地，面包屑导航是按一种递减的结构来呈现的。</p>
<p>然而这种递减的结构的最上级应不应该包括“首页”这个最大最杂的入口呢？如果面包屑导航里没有“首页”的链接，那这算不算是完整的导航结构呢？</p>
<p>国内四大门户网站里，关于面包屑导航设计里，网易跟腾讯是有“首页”链接的，而新浪跟搜狐则是没有“首页”与链接的：</p>
<p><span id="more-1283"></span></p>
<p><img class="alignnone size-full wp-image-1280" title="nav1" src="http://www.prower.cn/wp-content/uploads/2009/04/nav1.png" alt="nav1" width="299" height="38" /></p>
<p><img class="alignnone size-full wp-image-1281" title="nav2" src="http://www.prower.cn/wp-content/uploads/2009/04/nav2.png" alt="nav2" width="357" height="28" /></p>
<p><img class="alignnone size-full wp-image-1282" title="nav3" src="http://www.prower.cn/wp-content/uploads/2009/04/nav3.png" alt="nav3" width="345" height="40" /></p>
<p><img class="alignnone size-full wp-image-1279" title="nav4" src="http://www.prower.cn/wp-content/uploads/2009/04/nav4.png" alt="nav4" width="352" height="36" /></p>
<p>在包括“首页”链接的导航结构里又分为两种，其一是如网易般的在“首页”之前还有当前频道首页的链接，这点与新浪以及搜狐的设计是一样的；另一种则是如腾讯般的最上级直接就是“首页”。</p>
<p>如网易这般的面包屑导航设计可以突显出当前频道，但同时也存在另一个问题，那就是在同一个导航中出现了两个相同的链接，提供了更多入口的同时也让更容易让用户迷惑。</p>
<p>而在面包屑导航里不包括“首页”的设计则给人感觉怪异，就如同从一栋大厦门口进去到某个楼层的某个房间，结果出房间的时候发现指示牌里没有大厦门口的指示位置，只是指示到这一楼层的门口。</p>
<p>这样的设计不得不让人联想到，这是一种各自为政的作法，最大可能的把用户留在当前频道里，而不管用什么方法。</p>
<p>一个完整的面包屑导航应该是从最初的入口开始，也许很多用户的最初入口直接就是某个频道首页，但不可否认，面包屑导航的递减架构的最上级应该是如金字塔的最底层一样，而国内网站们的首页设计就如金字塔的最底层一样，信息庞大而复杂，网站首页是整站中聚集度最高的地方。</p>
<p>关于面包屑导航的结构呈现，你有什么更好的想法？</p>
]]></content:encoded>
			<wfw:commentRss>http://www.prower.cn/interaction/1283/feed</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

