codecamp

内容结构优化与用户体验

前文提到,绝大多数网民在浏览信息时,都会采取扫描的方式,用目光快速地从整个内容主体中“扫”过,当发现主体内容中有自己喜欢的、需要的、有作用的信息之后,才停下来进行仔细阅读。


针对这样的浏览方式,在内容建设中,应该尽可能地将每一篇内容的结构整理得更为清晰,采用清晰的排版方式,促进信息的交互。


杜绝段落太长

在计算机上进行阅读,很容易让眼睛疲劳,也容易产生厌倦感。很多“大片”的文字、超长的段落让人看起来就很头疼,干脆就不看,如图所示:


段落长短


在网站的内容建设上,应该尽量采取短的段落。两三句就足以构成一个清晰的要点,这样的段落布局才不会遭人反感,如图所示:


段落要点

善用小标题

因为网民浏览网页内容往往都是扫过的,所以如果整个页面内容都是没有丝毫起伏的“正文”,就会让阅读者“扫描”之后,无法获得自己继续阅读下去的理由。

在网站的内容建设中,如果内容本身比较长,那就应该多用小标题、加粗等方式,将要点提炼出来,将这些要点和普通正文区别开,让阅读者在扫描时第一时间抓住这些要点。如果来访者对要点、小标题有兴趣,自然会看小标题下面的正文。

小标题
文章长而且没有小标题

阅读体验
小标题更适合阅读

现在常见的小标题突出方式是采用黑体,或者稍微大一号的字体来进行显示,这样的方法比较符合网民的浏览习惯,如图所示

标题字号

有些走极端的网站建设者,可能会加重这种排版方式,用特别大的字体、格式来突出小标题,如图所示:

标题突出

这样过分突出也是不可取的,毕竟网站要传达给用户的是整篇文章,而内容的合理排版并不意味着盲目地夸大内容中的一个小要点,使整个内容看起来“头重脚轻”、“喧宾夺主”,没有层次感。

罗列要点博得好印象

在内容建设中,有时候会遇到同时多个要点需要介绍的情况。有些网站的内容建设者就会习惯性地将这些内容进行分别介绍,或者采用每个要点一段的方式进行介绍,如图所示:

罗列要点

这种结构方式无可厚非,也是最传统的方式,如果遇到这样的情况,内容建设者不妨尝试一下罗列要点,就是用列表的方式,先将要点列出来,再进行介绍这样或许会更加容易地告诉浏览者整篇文章的内容布局,如图所示:

内容布局

总的来讲,清晰的结构是内容建设中比较重要的细节,同样两篇1万字的产品介绍,采用长篇累牍、超大段落的结构方式和采用短小段落、小标题统领、罗列要点的方式相比较,获得的效果绝对存在巨大的差异。
如何编写吸引用户的内容(内容形式与用户体验)
内容表达方式与用户体验
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }