文字列表的信息设计

访客3年前黑客工具863

文字列表是很好的信息揭示形式,不单能吸引留意力,便于快速欣赏,缩随笔本的同时也能展示项目之间的干系。本文作者从7个方面,来跟各人分享一下文字列表设计一些发起。enjoy~

文字列表的信息设计

文字列表是很好的信息揭示形式,不单能吸引留意力,便于快速欣赏,缩随笔本的同时也能展示项目之间的干系。

网页凡是不适合长篇大论。为了便于欣赏,用户反倒更喜欢名目化的表达形式,因为可以快速欣赏内容并找到本身感乐趣的部门。

将麋集的文字段落分手,提高可读性的排版 *** 不少。除了粗体、缩进、行距和彩色字之外,列表是最能提高阅读效率的网页排版之一。

列表中的小圆点可以或许快速吸引读者的眼球,并使巨大的观念简朴化。在读者眼中,列表意味着简捷、高优先级。在可用性研究中,我们发明网页欣赏者会更喜欢列表,他们总想快速领略文章内容。

较量下面两个例子,你会发明例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 *** about the situation

encourage the person being bullied to talk to an ***

give support by showing that you care

这个句子首字母没有大写,也没有利用句号末了。

【推荐】

If you see bullying:

Stand up for the person being bullied.

Tell an *** about the situation.

Encourage the person being bullied to talk to an *** .

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. 不要太过利用

相关文章

Axure教程:如何用中继器实现列表添加数据案例?

Axure教程:如何用中继器实现列表添加数据案例?

编辑导语:日常事情中,我们常会碰着往列内外添加数据的环境,详细是怎么实现的呢?本文作者通过实际的操纵履历,总结分享了用Axure中继器添加数据的要领,供各人参考。 在许多b端产物中,常常会有添加数据...

知乎上数百万人关注,理财与它的教育大众化

知乎上数百万人关注,理财与它的教育大众化

编辑导读:相信许多人都听过这句话,“你不理财,财不理你”。以前说到理财,许多人会遐想到保险人员推销理工业品。可是如今人们对理财的意识越来越高,许多理财教诲公司成长势头越来越猛。本文将从理财的领域和理财...

三思复盘:淘宝教育的兴起、现状和未来

三思复盘:淘宝教育的兴起、现状和未来

编辑导读:2013年正式推出的淘宝教诲,成长至今已经有7年了。在这7年里,淘宝教诲好像一直没有明了的偏向。本文从三个偏向对淘宝教诲展开了复盘和思考,对淘宝教诲的鼓起、代价和策展开了探究,与各人分享。...

4千字,总结产品需求文档的形式、规范、自查

4千字,总结产品需求文档的形式、规范、自查

编辑导读:产物需求说明文档(PRD)可以将产物设计思路清晰的揭示给团队人员,便于他们快速领略产物。那么,产物需求说明文档该如何写呢?本文作者团结多年岁情经验,分享了关于产物需求文档形式、类型、自查相关...

社区团购:旧故事和新战事

社区团购:旧故事和新战事

编辑导读:社区团购是本年很是火热的赛道之一,各大巨头或直接或间接参加个中。小区里地推小哥正热情结纳途经的大爷大妈下载社区团购的APP,而路边的超市小店却因为低价竞争叫苦不迭。本文将从四个方面临此举办阐...

从茶颜悦色到独立产品的思考:用培养偶像的思路来做产品

从茶颜悦色到独立产品的思考:用培养偶像的思路来做产品

编辑导读:说到长沙,你会想到什么?许多人的第一回响是茶颜悦色,纵然没有喝过,也传闻过它的名号。显着都是奶茶,为什么茶颜悦色可以或许有这样的美誉度呢?本文作者以茶颜悦色作为切入点,阐明它给独立产物带来的...