繁體中文当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > 浅谈如何优化博客的用户体验
- 网站优化
- SEO 搜索引擎收录页面流程原理和方式
- SEO 分析某关键词的竞争强度的方法
- 新手站长找外部链接和简单网站推广方法
- SEO实例经验分享 搜索引擎分词和长尾
- DEDECMS 网站优化4则细节
- Google 处理采集数据的一些分析
- SEO不容易 开始给SEO吹冷风
- Tags 标签优化细节问题
- 选择关键词的心得和思路
- site 域名首页是在第一四种原因
- 网站找好链接的6种方法
- 三天优化到百度第一等类似信息纯属骗人
- SEO实验 不要过于相信搜索引擎内部人的话
- 让排名在百度更稳定
- 百度 反垃圾网站的若干问答
- 搜索引擎重复网页发现技术分析
- 站内链接对蜘蛛收录的负面影响以及对策
- 免费网站推广诀窍 多干体力活儿
- SEO 准确的进行关键词的选取
- SEO 更新网站内容时注意的链接策略
网站优化 中的 浅谈如何优化博客的用户体验
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-26 浏览: 126 ::
收藏到网摘: n/a
最近越来越多在博客上写些UX相关的内容作为分享，就涉及到跟普通博文不一样的文章建构问题。文章内容固然很重要，但排版、组织也是提高可读性和用户体验的关键呢。于是乎在比较著名的几个UX博客/网站上找了些值得学习的地方。
一、开篇
如果你的文章内容较长，开篇给出一个小总结、简介或内容纲要是不错的做法。
图1：Nielson的文章全部一个板式，开首必不可少Summary
图2：Smashing Magazine的文章，一开始除了有内容简介，还会摆出相关文章。
图3：A List Apart的文章一开头肯定在简介旁边配图，风格跟纽约时报很像
图4：很长的文章，像Usability Post这篇文章这样给个纲要比较好呢，还能帮助直接跳转。
二、正文1. 标题的样式
这是首要解决的问题，因为标题是表示文章层次结构的最佳手段。可以通过调整字体颜色、大小，加入分割线等来实现。好的CSS是一劳永逸的基础哦~~~
图5：UX Booth用不同的字体颜色、大小表示层及关系
图6：Smashing Magazine 优雅的二级标题，以及一级标题的分割线
2. 图片
好的图片能让文章增色不少，必须是读图时代嘛。贴图，也有点儿学问哦～～
图7：UX Matters的文章，图题都在上方，且有清晰的标识
图8：除了图题还有说明文字？可参考下图做法
图9：用框线将图题与图片装在一起也不错，不过比较花功夫吧
除了做好图题，保持全文图表对齐的一致也是值得参考的做法。
另外，在文章开始以图表意（如图3所示），也是添加趣味性的做法哦
图10：Johnny Holland Magazine上的文章，开始都是一幅图
3. 引用
我发现这是国外UX博文蛮常见的做法呢。中间穿插一些引用，可以适当减低长篇阅读的疲乏感哦！
图11：A List Apart文章中的引用
图12：UX Matters文章中的豆腐块引用很经典。有时候只看豆腐块就够了
图13：引用让累牍有喘息的机会
其他
行与行之间的留白、恰当使用编号列表都是提高博文可用性的重要手段。另外，Nielson还有爱用的一招是加粗关键字，也不妨学习学习。
图14：Nielson自己的研究表明，人们阅读网络文献都是跳着挑字眼看的
三、结束部分
对于长文来说，给出个小结总是必要的。除此之外，“延伸阅读”是一篇好的UX博文应有的部分，让你的读者可以按图索骥。如果有参考其他文章，请给出“参考文献”部分，为你文章的专业程度加分~~~
图15：Smashing Magazine上的延伸阅读
图16：UX Booth上的延伸阅读
图17：良好的参考文献
总而言之……
以上几点不是什么八股的东西，毕竟文章个性很重要。不过作为本身研究UX的人，多多考虑读者的用户体验嘛，也是应该哈。当然，最最重要的，还是内容本身。
评论 (0) All
