新华书店前几日推出了一个活动“全场疯狂送！满108送60”，我对比了一下当当和卓越的价格，价格不相上下，于是选购了《web信息架构》和《无懈可击的web设计》2本书，12月3日下的单，12月8日收到的货。收完货打开包裹发现《无懈可击的web设计》书角有折压，但不影响阅读，在收货确认的时候反馈了一下。

我之所以买新华书店网上商城的书是冲着送礼券的活动才去的。

12月8日收到书之后，我登陆新华书店网上商城再次购书，选了一本《网站交互设计模式：第2版》再次下单，支付的时候我使用了一张10元的礼券，确认订单后我发现我选错了支付方式（应该是支付宝支付我选成了银行转账），遂取消了那个订单，当我再次选了《网站交互设计模式：第2版》支付时发现礼券不能使用了，哈哈，郁闷啊。打热线给新华书店，接电话的服务人员很有礼貌，解释说，订单取消之后礼券就不能再使用了，还请我仔细阅读礼券使用说明。哥当场就雷了一下子。

是啊，这个问题出在哪里呢？怪哥没仔细阅读礼券使用规则？

对，怪哥！可是哥很气愤。有了这一次新华书店网上商城糟糕的买书体验之后，哥再不会在新华书店网上商城买东西了。

给新华书店网上商城一些建议：

1. 在我取消订单的时候，没有任何提示说礼券会作废。
2. 哥是去买书的，不要怪哥没看礼券使用说明，哥没看礼券使用说明的习惯。
3. 不要把用户当傻子。依照我的收货速度，60元的礼券我能使用多少？而且礼券必须购物满35元才可以使用。

5key前几天记述的Amazon的服务（http://5key.net/blog/2009/11/29/amazon-service/），他们的服务真是好。国内卓越上面买书配货太慢，当当的服务相对好些。

如果一个购书体验满分5分的话，我给Amazon5分，我只能给新华书店网上商城〇分。

最后，再优化一下：新华书店网上商城糟糕的买书体验。

本文主要讨论中文内容呈现过程中要不要在段首空两格的问题。分3个部分：

• 段首空格的渊源
• 段首空格的作用
• 网络内容要不要段首空格

段首空格的渊源部分较多故纸堆，如果看官不感兴趣，可直接跳到段首空格的作用部分开始阅读。

段首空格的渊源

1、中国

需头

指章奏空出首幅，以供诏旨批答之用。

汉 蔡邕 《独断》卷上：“凡羣臣上书于天子者有四名：一曰章，二曰奏，三曰表，四曰驳议。章者，需头，称稽首上书谢恩陈事诣闕通者也。奏者亦需头……表者，不需头。”

宋 杨万里 《谢何枢使举女婿陈丞改官启》：“幕府之举贤材，首剡需头之奏。”

明 杨慎 《谭苑醍醐·需头》：“ 蔡邕 《独断》载 汉 代章奏之式。所谓需头者，盖空其首一幅，以俟詔旨批答，陈请之奏用之。不需头者，申谢之奏用之。”

分段号

段是一种标点手段，不能仅仅看成行款。

具体地说，段落提行顶格书写还是退进二字书写属于行款，但划分段落则同断句一样属于标点，段落之间的停顿大于句子之间的停顿，需要用不同的方式显示。古人的分段意识很早就产生了。

提行分段的办法较早见于金文。写章表另起行头时，叫“跳出”，今曰“抬头”。

明代徐师曾《文体明辨序说·文章纲领》介绍的《大明唐顺之批点法》以“截”即短横作“分段”号。

古代印刷的书籍一般采用提行顶格书写的分段方式，《古今图书集成》清雍正四年内府铜活字印本就是如此。

1919年胡适与周作人、钱玄同、刘半农、朱希祖、马裕藻等北大教授向教育部提出 《请颁行新式标点符号议案》开始改变传统的分段格式，在《附则》中规定：“每段开端，必须低两格。”显然是参照西文段首缩进的办法作此规定的，目的是为了使分段更明显。

1930年《教育部划一教育机关公文格式办法》进一步规定：“(1)文在十行以上者，应酌量分段，其有意义自成段落者，虽不满十行，亦可分段。(2)首行低二格写，次行以下顶格写(分段者，逐段如此)。”

1933年《国民政府训令第五○○号》所附《标点办法举例及行文款式》还要求在段末加分段号：“每段末句下有空白处，应用‘=’号截之，以防止加添字句”。这个用于段末的符号在文件中称为“截号”，黎锦熙按照它的功能改称为“分段号”。他在《国语运动史纲》一书(商务印书馆1934年版)中写道：“国民政府规定的这个=号，或可用单线，可名为‘分段号’……凡文末分段，或公文分段下有空白，皆可用此截断。”（此段来自《标点符号用法》）

2、西方

英语“分段号”称为mark of paragraphing。Paragraph(段落)一词源自希腊语paragraphos < paragraphein(pata在旁边+ graphein书写)，意为“(为引起对部分文字的注意)在旁边画的线条”。

亚里士多德著作中提到过的唯一标点就是这种分段号，见于公元前4世纪的一些希腊纸草纸文献，在一行开头的几个字的下边加一条横线，表示一个新的话题的开始。

古希腊舞台剧本和柏拉图对话体写在一个新的段落开始处用一条短线(其上通常加一小点)作标志以分隔不同人物的说话。下一步的发展是把新段第一行的头一两个字母稍稍伸入书边空白处，使分段标志更明显。公元前1世纪至公元2世纪初写于纸草纸上的拉丁文献发现有这样的分段法，在中世纪的写本中已较为常见，这是现代“悬挂分段法”的起源。

欧洲中世纪写本最常用的分段法是提行顶格书写，在段落开头以特大的首字母作为分段标志。抄写时在段落开头留有空位置，以便图案花饰绘制员补上这种特大的首字母。有时章节的首字母大于段落的首字母，用以区分章节和段落。

在首行缩进的分段办法推广以前，西方就已经使用（¶）作为段落号（paragraph mark），其构成方法是把字母P[aragraph]翻转过来，在象征眼睛的弯曲部分用墨涂满，所以又称为“盲P号”（blind P sign）。

（¶）用作段落号最初见于1182年左右的一个法国写本，用红色，从13世纪起被推广。英国出版社的《约翰·曼德维尔爵士航海及旅行记》（1499年）、《十诫之精华》（1521年）和《大圣经》（1539年）等书籍，一段开头是顶格排的，特加（¶）作为分段标志。这个段落号西方国家有些书籍至今仍在使用。例如，美国《韦氏新传记词典》把（¶）用于子条目的开头，便于读者在大条目中查找小条目。

后来为便于印刷，这种分段法被简化，空位置仍保留，其后的首字母改用普通的大写铅字排印。这种段落首行缩排法是意大利出版家马努提乌斯从15世纪末16世纪初开始在所出的图书中推广的，从17世纪起成为西文书籍分段的标准形式。

段落首行缩进（paragraph indention/абзацный отступ），苏联学者伊·维·费多罗夫娜称为“分段号”(знак абзацного въ?деления)。她在所箸《俄语标点的历史与原理》一书中指出“许多语法学家认为这是特种标点符号”，并强调“如果认为段落是标点符号，那么这个符号将是‘最有意义’的，然而应当承认它最难用好，因为如何分段并没有任何成规可循”（列宁格勒大学出版社1962年版第15～16页）。

段首空格的作用

段落停顿（to mark a pause）。

段落标识（setting the paragraph apart from what precedes it）。

网络内容要不要段首空格

1. 万维网的默认对齐方式是靠左对齐。
2. 网络内容尤其是博客内容编写时也常用左右对齐。（text-align:justify;text-justify:inter-ideograph;）从而使得页面看起来整齐。
3. 段首缩进在大多数中文排版中被使用。
4. 在新的段落没有明确标题标识的情况下，需要标识出段落来。如果段落有了标题标识（比如粗体标识），段首缩进不是必需的。
5. 基于共同排版风格的考虑，段首是否缩进依据具体情况而定。大多数时候，段首缩进就内容整体而言，看起来更好一些。
6. 汉字的可读性。汉字字形复杂，但这不影响它的可读性，更不存在阅读的压迫感之说。汉字阅读和理解的容易程度难于英文是由汉字本身的语言难度所决定的。影响可读性的因素包括词句的长度，以及非常用词的出现频度。

   汉字的易读性。对易读性的研究在19世纪晚期就已经发布，但普遍的共识是：人的阅读过程惊人的强悍，以至于几乎没什么明显的区别。因此比较研究衬线字体和无衬线字体，或者齐行与不齐行，到底哪个更好，始终无法得出定论。 但是段落的分明可以增强内容的易读性。（此条部分观点来自维基百科“字体排印学”词条http://zh.wikipedia.org/zh-cn/字体排印学 ）

7. 用户需要页面内容具有显而易见的排列方式，希望不同类型的文本有着清晰的起始位置。而段首空两格（缩进）不失为一种很优雅的办法。
8. 右侧留白分割段落显然不如左侧的一致性空格分隔段落好。左侧留空格分隔段落更符合用户的阅读习惯，除了部分语言的阅读习惯，比如阿拉伯文或希伯来文等。世界上大多数的语言还是从左向右阅读的，这也是（¶）用在段落开头而不放在段落结尾的原因吧。
9. 段首不管空两格还是空一格（比如日文有时的首行缩进），只要一致性地呈现出段落类型即可。有些报纸和杂志因为关照到页面内容呈现宽度有限，如果每行段首空两格，内容容易被扯得零碎，对易读性没好处，所以缩进程度的大小只要能区分段落即可。
10. 段首首字放大（initial）不失为段落标识的一种好方法。英文通过首字母大写或者放大来表示段落的开始，对于中文，首字放大（下沉）即可。
11. 段落间增加空行取决于你的内容编写，简单的内容层次增加段落空行有益于阅读。
12. 段落增加空行我认为基本不会给阅读带来信息获取的障碍，而且长段落间短小的段落空行的确可以缓解长时间阅读带来的压迫感。问题在于，段落空行的过多出现会对文章内容中一级标题、二级标题等行间距的易读性产生冲击。所以段落中的空行并不可取。（关于标题易用性设计的更多资料可以阅读《胜于言传：网站内容制胜宝典》中“设计易用的网页”章节）
13. 网络内容的编写需要照顾到以上所说的第12点。编写简短的段落，较多使用短语，将一些信息使用“列表”和“表格”呈现出来可以很好地改善内容的易读性。

最后总结一下，大多数中文网络内容段首空两格（缩进）是很好的分隔段落的方式。

用户体验概念比较宽泛，比较主观，比较不确定。早上发了一条推，得到一些回复如下：

我的一些想法：

1、细节决定用户体验。这里的细节不是网站的每个细节，过分注重细节的用户体验也不好，就像玉伯说的“勿以善小而为之”。关键部分操作的用户体验决定了用户对这个产品的评价。

2、用户体验的一致性。用户在使用产品的过程中会产生浏览目的的转移，整个过程中用户体验作为基础服务，关键在于用户体验的一致性。过分突兀，变动过大的用户体验都会毁了一个产品。比如虾米网新改版的个人主页空间，个人认为失败得一塌糊涂。

3、用户体验，用户对产品的核心需求，后台的功夫。三者缺一不可。

4、用户体验要低调一点，再低调一点。好的用户体验你甚至都感觉不到它好在哪里。简单，实用是至上原则。很多产品，能用1说清楚的就不要用1+1-1来说明白（浪费啊）。

呃，观点不当的地方希望大家多多指教。

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

博客分类导航

1、导航的放置位置会影响到访客对博客内容的关注度和二次点击。在设计博客导航之初，只有页面的导航，而且习惯性地放在了头部（header.php）。后来我发现，网页访客统计里有很多访客在点击顶部的页面（page），点击数大大超过了访问量最多的单篇文章的点击量，所以我在头部的导航里又加入了博客文章分类的导航，设计的时候考虑到要突出主导航条，考虑过下拉或弹出式的分类导航，但是对用户来说并不方便，即使它看起来很cool。越简单，越直接的东西给访客的体验也越好。为了突出下边的分类导航，我加了浅蓝色的底来突出这部分。我的博客以白色调为主，头部（header.php）的留白使导航看起来不那么别扭。

2、博客主要是以内容为主，所以导航的作用就不止是分类了。使用分类的导航方式，访客可以快速到达一个分类。但问题是，访客打开了这个分类，是否就看到了他感兴趣的内容呢？其实在博客的第一页面上，大部分的的内容我们不会去点击的—也就是说，导航仅仅是吸引访客寻找他感兴趣的内容的工具而已。对于网站设计者来说，设计导航的目的也在于此，如何帮助访客找到他感兴趣的内容，如何吸引访客的二次点击。

3、根据访客行为的数据分析，可以确定导航放在哪里会更好点。我的博客导航在右边，有两个原因：一是内容放在左边易阅读，右边的侧边栏作为导航的一部分是辅助内容，次要的内容就让他呆在次要的位置上；二个是根据搜索引擎抓取文章的顺序和优化的需要安排导航的放置位置，搜索引擎抓取某个页面是以从上到下，从左到右的路线来抓取的。把博客内容放置在左边就必须保证标题和内容以及显示在首页面的TAG部分（具体见我的博客布局）有充足的关键字，这样要比仅仅把侧边导航放在左边更有利。

4、侧边栏部分。我博客现在的右边部分。关于侧边栏应该怎么放，有人写了很多，都很有道理。你可以到http://blogunion.org/blogging-tips/optimize-your-sidebar.html去获得更多了解。

5、导航的title描述。我的博客大部分导航性的语言都是用了英文，这是因为我觉得英文显示起来更美观，于是在对英文导航的title描述中，我尽可能地用了中文描述，这样不至于“赶走”英文不好的访客。

标题导航

1、如上文所说，文章的标题也是一个重要的导航部分，它可以尽可能地引导访客找到他感兴趣的内容，所以，文章标题应尽量包含关键词，标题是一篇文章的核心，搜索引擎也比较看重一篇文章的标题，标题的关键字导航也会利于提升文章的排名。

2、在浏览器标题栏显示的Title也是一种导航，关于Wordpress的Title优化设计，可参考这篇文章。

3、由于wordpress中中文标题显示为网址的时候文章的“文章缩略名（Post Slug）”会包含一大串%XX的字符串，很不美观，月光博客做过一个插件，可以将中文标题转化为拼音http://www.williamlong.info/archives/1027.html

翻页/分页导航

这部分我在前面写的一篇文章《wordpress主题设计与访客体验（上）》中有提到。

其他导航

1、文章内链接。这个在我的博客里做的不多，好像可以用插件实现站内关键字链接。

2、tag（标签、关键字）导航。在主页面（index.php）每篇文章下显示tag起到导航的作用。另外像xw说的，我觉得我也有必要把TAG云图放在侧边来，但是考虑到侧边过长的问题，放弃了这个想法。

3、友情链接。这部分我在前面的《wordpress主题设计与访客体验（上）》中也有提到。我个人觉得博客的友情链接放在首页会更好，如果你做的友链的质量很高，一方面可以提升博客的排名，另一方面能给访客一个好的印象，谁能保证访客离开你的博客不会再回来呢？

4、文章内容导航。从搜索引擎抓取页面来看，搜索引擎和人看文章一样，会从第一段看到最后一段，而第一段的内容就是被搜索引擎认为是这篇文字的主要内容，就是显示在搜索引擎的快照里的内容。所以这个地方也是比较关键的部分，对博客内容和访客需要都比较关键的部分。

5、RSS导航。有很多用户经常在使用阅读器或者聚合订阅工具浏览博客的。所以，在侧栏的导航中我尽可能地列出了访客容易订阅的FEED。

写完这篇文章才发现，自己的博客里还存在相当相当多的问题。要好好改改了，尤其是关键字优化方面给用户的体验，很差。

Simpla Theme是基于CC Attribution-ShareAlike license发布的一款主题，原作者叫Phu Ly。很喜欢简约主义的作品，也很同意这种观点，不仅是因为简单的页面体积小，而是因为去除那些不必要的繁杂，很朴素的东西也是很舒服的。我修改这个主题的初衷也是。基于wabi -sabi的概念，去除所有过分表现的颜色，用意简洁。去繁就简，但不移除诗意。坚持干净利落，但也不至于贫瘠。保持残缺的优雅，当然，两栏主题本身还是看起来有些呆板。

在修改的过程中学习到了很多，记录下来，大家一起探讨：

1、主题修改

a、目前我修改的博客的主题在IE8、Firefox3.0.8、Google chrome、Safari4、Opera10 alpha等主流浏览器下显示效果较好。建议访客在1024×768或更高的分辨率下浏览，同时建议大家使用IE8及IE8以上版本浏览本博客。

b、原来主题比较适合英文博客显示，我在原来主题基础上修改了一些，使中文显示更舒服。

c、新增导航和文章分页。结构布局上，注意层次感、留白、一致性。

d、布局样式的修改，以最简为原则删除或者修改了很多原主题不必要的东西。

e、新增存档页面和留言本页面，并新增了对最新的wordpress版本的一些特性支持，添加了一些必须支持的插件。

2、访客体验

导航。顶部导航的背景颜色是白色，当鼠标移上去的时候呈现暗色。在分页导航中添加了翻页插件Pagebar。对访问的用户来讲，分页是个非常实用的功能，它通过页面间的导航简化了访客进入网页的操作，大多数情况下，页面之间只是“previous”和“next”的可读性太差，网页结构之间的有序的联系和低复杂性更利于良好的体验和信息整理，能更好地引导用户按照你的页面组织获得信息。

在分页的导航中采用了和网页顶部导航相同的导航方式，当用户鼠标滑到分页的时候，通过选用高对比度的背景会呈现两种颜色的较大的视觉反差，简洁而且直观，又能吸引访客注意力。另外，用户在浏览的当前页（this page）的导航，可以看到去除了边框，字号增大了。这样起到了强调的作用，很容易分辨。写到这里，如果仔细看的话你会发现这样的导航还是存在一个问题，如果页数过多的话，是不是应该再添加一个“skip to”的按钮呢，我想这是非常有必要的。

在页面的顶部和页面内容底部都添加分页导航，这样的设置可以解决用户在浏览像我的博客这样的两栏主题的内容过长的问题，在拉动滚动条在底部的时候可以方便地做页面的切换。同时在页面底部设置“↑Back to top”的按钮，方便用户回顾或者回到页面顶部。

文章内页（single.php）的导航稍有不同，在单篇文章的顶部和底部添加“上一篇文章名”和“下一篇文章名”的导航。
侧边栏。今天无意间温习了一下前几天长河教给我的知识，实现了侧边栏友情链接部分的双行显示，这样的显示缩短了侧边栏友情链接显示的长度，节省了侧边栏的面积，扩大了访客获取信息的可能性。在wordpress内置的函数中可以这样实现友情链接的输出

<?php get_links('-1', '<li>', '</li>', '', 0, 'name', 0, 0, -1, 0); ?>

，同时wordpress最新版本内置了随机输出友情链接，可以用以下代码实现

<?php get_links(-1, '<li>', '</li>',0,0, 'rand', 0, 0, 10, 0); ?>
<!-- 修改数字即可改变输出随机友情链接的个数 -->

写到这里我顺便赘言几句我对博客友情链接的看法，现在写博客的人很多，很多人因为友情链接过多而不得不写个声明出来，或者做了友情链接还必须约法三章之类，我觉得没必要搞得那么麻烦。为什么？既然你做了链接，这种链接肯定具有交流上的意义，不管是叫链接还是友情链接或者其他什么的。长河现在用了一个可以随机显示blogroll的插件叫“Hot Friends”，这个插件的原理是根据访客的评论数量自动加入blogroll，从而获得首页展示。想法很好，但是我想我侧边栏的友情链接还不至于长到长过文章内容的地步，所以我现在对blogroll的态度是所有的链接都在首页显示，我的原则是简单至上，很多看起来很cool的功能，实现之后你会觉得很别扭的。让用户一眼就能看明白的事实是最好不过的。
留言本及留言本的访客体验。wordpress本身没有留言本，给wordpress添加留言本的方法有很多，大致分两种方法实现，一种是插件实现，这个不多叙述了，搜索引擎上可以搜到很多留言本相关插件，插件是好的，但是用得多了也会影响博客的速度和使用的，所以这种方法不推荐。另一种方法是在主题中做一个留言本的模板，然后新建页面（page）选择留言本的模板。具体可以参考一下这篇文章：《简单5步，制作wordpress留言板》。

我在自己的博客的留言本的体验上做了以下两方面的修改，第一是利用jqury适当地隐藏输入框，提高WordPress访客评论时的用户体验，具体可以浏览下面这两篇文章：《提高wordpress访客评论时的用户体验》和《适当隐藏输入框，提高WordPress访客评论时的用户体验》。第二个是我把留言本的样式做了个调整，将留言框的主体部分放在了最上面。这个和上面的隐藏输入框的方法配合起来使用。把次要的信息放在次要的位置上会更好一点。

先写到这里了，其实还有很多东西想记下来，完了什么时候想起就什么时候再补充好了。这样的记录非常好，以后如果有疑惑的时候还可以回过头来再看看。《wordpress主题设计与访客体验（下）》我打算写一些网页布局的合理性、网页的宽度、字体的选择及字体的大小等等……