当前位置: 首页 > 图文教程 > 网站运营 > 网站优化 > 浅谈如何优化博客的用户体验

网站优化
走出链接误区提升关键词排名
多个关键词排名总是一升一降的问题分析
单页搜索优化实战案例 关键词组合的应用
SEO基础教程之Google官方版发布
提交搜索引擎收录不如去权重高的网站投稿
超实用:来自谷歌内部的搜索优化基础知识
谷歌官方《搜索引擎优化指南》网页标题篇
谷歌官方《搜索引擎优化指南》网页标示篇
谷歌官方《搜索引擎优化指南》网页链接篇
活该:全民医药网为什么被百度认定在作弊
搜索引擎发展及优化新趋势:分类综合整合
漫长的六个月 看一个外国人如何推广网站
收藏口袋:50条超级浓缩搜索引擎优化知识
如何让搜索引擎在短时间内快速收录新站
百度图片SEO:让流量在翻番
夯实基础:网站搜索引擎优化菜鸟级别教程
谷歌官方《搜索引擎优化指南》网站导航篇
百度排名浮动简单谈
俺是这么解决百度屏蔽首页问题的
关于百度搜索引擎广告以及算法更新的猜想

网站优化 中的 浅谈如何优化博客的用户体验


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-26   浏览: 246 ::
收藏到网摘: 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的人,多多考虑读者的用户体验嘛,也是应该哈。当然,最最重要的,还是内容本身。