文字列表是很好的信息展现形式,不但能吸引注意力,便于快速浏览,缩短文本的同时也能展示项目之间的关系。网页通常不适合长篇大论。为了便于浏览,用户反倒更喜欢格式化的表达形式,因为可以快速浏览内容并找到自己感兴趣的部分。
将密集的文字段落分散,提高可读性的排版方式不少。除了粗体、缩进、行距和彩色字之外,列表是最能提高阅读效率的网页排版之一。
列表中的小圆点能够快速吸引读者的眼球,并使复杂的概念简单化。在读者眼中,列表意味着简洁、高优先级。在可用性研究中,我们发现网页浏览者会更喜欢列表,他们总想快速理解文章内容。
比较下面两个例子,你会发现例2更容易理解,因为所有的信息都清晰直接的列在多带带的行中。相反,在例1中,读者需要在段落中自行寻找信息。
- 例1 -
我们温泉度假套餐包含有两晚住宿,两次50分钟的温泉护理,两份早餐以及到店礼盒。
- 例2 -
温泉度假套餐包括:
两晚住宿
两次50分钟的温泉护理
两份早餐
到店礼盒
不用担心例2占据了更多的空间,因为用户看到感兴趣的内容时是不会介意滚动屏幕的。事实上,相较于大段文字,适当使用列表会使内容更易理解,从而吸引用户往下滑动阅读更多内容。
设计文字列表的7点设计建议
1. 保持每项长度相近
在项目内容相互关联时使用列表是效果最好的。列表中每项的重要性应该是相似的,如果可能的话,保持所有项目的长度大致一致,这样就不会显得某一个项目比其他项目重要。一致的格式会令人赏心悦目,同时会使列表显得不拥挤。
野营需要准备的物品:
睡袋
去瀑布时需要的泳衣
防晒霜
雨天要用的雨衣,预计可能会有大暴雨
每项长度长短不一使得列表看起来杂乱无章。
野营需要准备的东西:
睡袋
泳衣
防晒霜
雨衣
2. 顺序或数量很重要时才使用序号
通常只有在项目有特定的顺序(例如某一个流程的步骤)或数目很重要时(例如top10排名)才使用序号。
如果项目的顺序或者是数量不是很重要时,不要使用序号,否则容易造成误解。在用户测试研究中,面对带序号的列表时,人们会错误地认为他们必须完成列表中的所有步骤,实际上他们只需要选择其中一个选项。
您可以通过以下方式联系我们:
邮箱
微信
电话
访问
序号使得列表看起来像是一个流程中的步骤,而不像是一个个独立的项。
您可以通过以下方式联系我们:
邮箱
微信
电话
访问
3. 使用相似的句式
每一个项目应该用相似的句式来描述。过多句式可能会破坏语法,还会降低阅读速度。
用相同的结构来描述每项,确保每个项目都是以相同词性的词语开头(例如,名称,动词),并且保证每个项目要么都是片段,要么都是完整的句子。
游览公园时请遵守以下规则:
将垃圾扔在垃圾桶中。
过大的声音会使动物受到惊吓。
黄色区域是你可站立的地方。
保持公园干净是每个人的责任。
游玩公园时请遵守以下规则:
请勿乱扔垃圾
禁止大声喧哗
不要走出黄色区域
保持公园干净
第二个列表会显得更好是因为每个项目都是以动词开头。
4. 避免开头重复
尽可能的在项目开头省略如"一个","一些"或者"这"以及其他重复的词语。将关键字写在开头使项目之间能够更容易区分。
怎样挑选菠萝:
去闻一闻,应该是清新香甜。
去捏一捏,应该结实而柔软。
去看一看,应该呈现金黄色。
怎样挑选菠萝:
闻一闻,应该是清新香甜。
捏一捏,应该结实而柔软。
看一看,应该呈现金黄色。
5. 使用清晰易懂的介绍短句
导语是很重要的,能够让读者清楚的知道列表的内容是关于什么,以及为什么重要。如果列表中的项目都能够清楚表达含义,导语就不必非得是完整的句子。
哥伦比亚旅游:
骑行
艺术馆
划独木舟
导语没有充分的介绍列表,而且这个其他项都是动词开头,唯独“艺术博物馆”不是。
哥伦比亚旅游:
骑行
参观艺术馆
划独木舟
6. 保持格式一致
参考标点符号等格式规则:
如果列表项是句子,则在结尾使用句号。如果是英文的话,则每一项的首字母都要大写。
如果列表项不是完整的句子,则在结尾不要使用句号。如果是英文的话,还是建议将每一项的首字母大写,这样会便于浏览。
If you see bullying:
stand up for the person being bullied
tell an adult about the situation
encourage the person being bullied to talk to an adult
give support by showing that you care
这个句子首字母没有大写,也没有使用句号结尾。
If you see bullying:
Stand up for the person being bullied.
Tell an adult about the situation.
Encourage the person being bullied to talk to an adult.
Give support by showing you care.
You can help protect the environment by:
Recycling paper and plastic products.
Using fewer disposable items.
Donating used clothing or things you don’t need.
Biking or walking instead of driving.
这些列表项这些项目是不是完整的句子,所以在结尾处不需要使用标点符号。
You can help protect the environment by:
Recycling paper and plastic products
Using fewer disposable items
Donating used clothing or things you don’t need
Biking or walking instead of driving
7. 不要过度使用
与视觉设计一样,过多的使用同样的元素会造成破坏,即便这个元素很好。充满缩紧或者是小圆点的页面可能会令人生畏,要学会明智选择要突出的内容。(如果不是放在示例中,这篇文章中的列表就显得太多了)
当要着重展示的项目在三个或以上时,文字列表是最佳的选择。如果项目少于三个时,嵌入在句子中会是较好的选择。
避免嵌套文字列表中,这样是很不利于浏览的。如果要显示多层级,可以通过为不同的项目符号来区分层级。
P.S. 上述内容是比较 通用准则。但是,每个公司或者组织可能会有各自的格式标准。如果你的公司有自己的标准,则在使用上诉建议时先核对一遍公司的标准。在所有文档和产品中采用一致的格式是良好写作的一个重要体现。
总结
文字列表能够更好的吸引眼球,并使每个列表项都能脱颖而出,相较于普通的书写形式,能够更好的找到关键内容并且更易于理解。