<?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; Navigation</title>
	<atom:link href="http://bewho.us/tag/navigation/feed" rel="self" type="application/rss+xml" />
	<link>http://bewho.us</link>
	<description>微，不足道；微，物之神；</description>
	<lastBuildDate>Tue, 31 Jan 2012 02:10:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com"/><atom:link rel="hub" href="http://superfeedr.com/hubbub"/><xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>重新设计博客导航</title>
		<link>http://bewho.us/redesign-blog-navigation</link>
		<comments>http://bewho.us/redesign-blog-navigation#comments</comments>
		<pubDate>Tue, 18 Aug 2009 05:09:23 +0000</pubDate>
		<dc:creator>米拉之落</dc:creator>
				<category><![CDATA[Mindmeters | 思考点滴]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://bewho.us/?p=1374</guid>
		<description><![CDATA[对博客的导航一直不是很满意,便认真地重新设计博客导航,结果是目前看到的这个样子了。

导航对于一个网页真的是很重要,正如画龙点睛一样。在修改的过程中学习到了很多知识,记录一些心得：

1、最简单、有效，以用户为中心去设计。

<span class="readmore"><a href="http://bewho.us/redesign-blog-navigation" title="重新设计博客导航">Read More: 332 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p><img alt="" src="http://lh4.ggpht.com/_76BiG94TS6M/Sovt3gr6v3I/AAAAAAAAAf8/o1naAQ7mtb8/s800/1250684346_364.jpg" title="博客导航" /></p>
<p>对博客的导航一直不是很满意,便认真地<strong>重新设计博客导航</strong>,结果是目前看到的这个样子了。</p>
<p>导航对于一个网页真的是很重要,正如画龙点睛一样。在修改的过程中学习到了很多知识,记录一些心得：</p>
<p>1、最简单、有效，以用户为中心去设计。</p>
<p>2、少即是多。<span id="more-1374"></span></p>
<p>3、良好的设计是细节上的不断完善。</p>
<p>4、不断地尝试，不断打破重来。</p>
<p>5、不可平庸。</p>
<p>6、对用户体验、用户心理、相似设计的学习，“每多学一点知识，就少些一行代码”。不断学习的同时也要牢记“尽信书不如无书”。</p>
<p>我的博客在chrome/chromium浏览器下总是出现中间宽处一列很大的空白，代码没错误，给chrome的开发论坛提交了bug也没反应，目前的办法是chrome/chromium的Options中把浏览器语言设置成English就好了。</p>
]]></content:encoded>
			<wfw:commentRss>http://bewho.us/redesign-blog-navigation/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>博客导航的用户体验</title>
		<link>http://bewho.us/navexp</link>
		<comments>http://bewho.us/navexp#comments</comments>
		<pubDate>Fri, 01 May 2009 00:26:41 +0000</pubDate>
		<dc:creator>米拉之落</dc:creator>
				<category><![CDATA[Mindmeters | 思考点滴]]></category>
		<category><![CDATA[Navigation]]></category>
		<category><![CDATA[seo]]></category>
		<category><![CDATA[UCD]]></category>
		<category><![CDATA[UE]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://bewho.us/?p=379</guid>
		<description><![CDATA[看到谢巍@twitter在他的第8音里写了篇“左侧导航还是右侧导航？”的文章，在Google Reader里做备注，发现要写的东西过多了，于是结合一下我的博客导航部分设计的思路和SEO，放在这里作为一篇日志。

我的博客的导航的内容主要分为以下几种：博客分类导航（即放在页面顶部或者左侧/右侧的导航）、标题、翻页/分页导航、其他导航（文章内链接、关键字、友情链接、文章内容导航等）。



<span class="readmore"><a href="http://bewho.us/navexp" title="博客导航的用户体验">Read More: 1976 Words Totally</a></span>]]></description>
			<content:encoded><![CDATA[<p>看到谢巍<a href="http://twitter.com/xw" target="_blank">@twitter</a>在他的<a href="http://blog.d8in.com/" target="_blank">第8音</a>里写了篇“<a href="http://blog.d8in.com/posts/314.html" target="_blank">左侧导航还是右侧导航？</a>”的文章，在<a href="http://www.google.com/reader/shared/user/14913865499436306982/state/com.google/broadcast" target="_blank">Google Reader</a>里做备注，发现要写的东西过多了，于是结合一下我的博客导航部分设计的思路和SEO，放在这里作为一篇日志。</p>
<p>我的博客的导航的内容主要分为以下几种：博客分类导航（即放在页面顶部或者左侧/右侧的导航）、标题、翻页/分页导航、其他导航（文章内链接、关键字、友情链接、文章内容导航等）。<br />
<span id="more-379"></span></p>
<p><strong>博客分类导航</strong></p>
<p>1、导航的放置位置会影响到访客对博客内容的关注度和二次点击。在设计博客导航之初，只有页面的导航，而且习惯性地放在了头部（header.php）。后来我发现，网页访客统计里有很多访客在点击顶部的页面（page），点击数大大超过了访问量最多的单篇文章的点击量，所以我在头部的导航里又加入了博客文章分类的导航，设计的时候考虑到要突出主导航条，考虑过下拉或弹出式的分类导航，但是对用户来说并不方便，即使它看起来很cool。越简单，越直接的东西给访客的体验也越好。为了突出下边的分类导航，我加了浅蓝色的底来突出这部分。我的博客以白色调为主，头部（header.php）的留白使导航看起来不那么别扭。</p>
<p>2、博客主要是以内容为主，所以导航的作用就不止是分类了。使用分类的导航方式，访客可以快速到达一个分类。但问题是，访客打开了这个分类，是否就看到了他感兴趣的内容呢？其实在博客的第一页面上，大部分的的内容我们不会去点击的&#8212;也就是说，导航仅仅是吸引访客寻找他感兴趣的内容的工具而已。对于网站设计者来说，设计导航的目的也在于此，如何帮助访客找到他感兴趣的内容，如何吸引访客的二次点击。</p>
<p>3、根据访客行为的数据分析，可以确定导航放在哪里会更好点。我的博客导航在右边，有两个原因：一是内容放在左边易阅读，右边的侧边栏作为导航的一部分是辅助内容，次要的内容就让他呆在次要的位置上；二个是根据搜索引擎抓取文章的顺序和优化的需要安排导航的放置位置，搜索引擎抓取某个页面是以从上到下，从左到右的路线来抓取的。把博客内容放置在左边就必须保证标题和内容以及显示在首页面的TAG部分（具体见我的博客布局）有充足的关键字，这样要比仅仅把侧边导航放在左边更有利。</p>
<p>4、侧边栏部分。我博客现在的右边部分。关于侧边栏应该怎么放，有人写了很多，都很有道理。你可以到<a href="http://blogunion.org/blogging-tips/optimize-your-sidebar.html">http://blogunion.org/blogging-tips/optimize-your-sidebar.html</a>去获得更多了解。</p>
<p>5、导航的title描述。我的博客大部分导航性的语言都是用了英文，这是因为我觉得英文显示起来更美观，于是在对英文导航的title描述中，我尽可能地用了中文描述，这样不至于“赶走”英文不好的访客。</p>
<p><strong>标题导航</strong></p>
<p>1、如上文所说，文章的标题也是一个重要的导航部分，它可以尽可能地引导访客找到他感兴趣的内容，所以，文章标题应尽量包含关键词，标题是一篇文章的核心，搜索引擎也比较看重一篇文章的标题，标题的关键字导航也会利于提升文章的排名。</p>
<p>2、在浏览器标题栏显示的Title也是一种导航，关于Wordpress的Title优化设计，可参考<a href="http://www.lesishu.cn/script/wordpress-title/" target="_blank">这篇文章</a>。</p>
<p>3、由于wordpress中中文标题显示为网址的时候文章的“文章缩略名（Post Slug）”会包含一大串%XX的字符串，很不美观，月光博客做过一个插件，可以将中文标题转化为拼音<a href="http://www.williamlong.info/archives/1027.html" target="_blank">http://www.williamlong.info/archives/1027.html</a></p>
<p><strong>翻页/分页导航</strong></p>
<p>这部分我在前面写的一篇文章《<a href="http://bewho.us/theme-design-01/" target="_blank">wordpress主题设计与访客体验（上）</a>》中有提到。</p>
<p><strong>其他导航</strong></p>
<p>1、文章内链接。这个在我的博客里做的不多，好像可以用插件实现站内关键字链接。</p>
<p>2、tag（标签、关键字）导航。在主页面（index.php）每篇文章下显示tag起到导航的作用。另外像xw说的，我觉得我也有必要把TAG云图放在侧边来，但是考虑到侧边过长的问题，放弃了这个想法。</p>
<p>3、友情链接。这部分我在前面的《<a href="http://bewho.us/theme-design-01/" target="_blank">wordpress主题设计与访客体验（上）</a>》中也有提到。我个人觉得博客的友情链接放在首页会更好，如果你做的友链的质量很高，一方面可以提升博客的排名，另一方面能给访客一个好的印象，谁能保证访客离开你的博客不会再回来呢？</p>
<p>4、文章内容导航。从搜索引擎抓取页面来看，搜索引擎和人看文章一样，会从第一段看到最后一段，而第一段的内容就是被搜索引擎认为是这篇文字的主要内容，就是显示在搜索引擎的快照里的内容。所以这个地方也是比较关键的部分，对博客内容和访客需要都比较关键的部分。</p>
<p>5、RSS导航。有很多用户经常在使用阅读器或者聚合订阅工具浏览博客的。所以，在侧栏的导航中我尽可能地列出了访客容易订阅的FEED。</p>
<p>写完这篇文章才发现，自己的博客里还存在相当相当多的问题。要好好改改了，尤其是关键字优化方面给用户的体验，很差。</p>
]]></content:encoded>
			<wfw:commentRss>http://bewho.us/navexp/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

