最近越来越多在博客上写些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
：引用让累牍有喘息的机会
4. 其他
行与行之间的留白
、恰当使用编号列表
都是提高博文可用性的重要手段。另外，Nielson还有爱用的一招是加粗关键字
，也不妨学习学习。
图14
：Nielson自己的研究表明，人们阅读网络文献都是跳着挑字眼看的
三、结束部分
对于长文来说，给出个小结总是必要的。除此之外，
“延伸阅读”是一篇好的UX博文应有的部分，让你的读者可以按图索骥。如果有参考其他文章，请给出“参考文献”部分，为你文章的专业程度加分~~~
图15
：Smashing Magazine上的延伸阅读
图16
：UX Booth上的延伸阅读
图17
：良好的参考文献
总而言之
……
以上几点不是什么八股的东西，毕竟文章个性很重要。不过作为本身研究UX的人，多多考虑读者的用户体验嘛，也是应该哈。当然，最最重要的，还是内容本身。
来源：如何优化UX博文的用户阅读体验？
posted on 2010-04-27 09:20
justjavac(迷渡) 阅读(96)
评论(0) 编辑 收藏