数极客首页

可读性:优化文本长度

Readability: the Optimal Line Length

Baymard.com版权一切

作者:Christian Holst
译者序:直接捞干的来了!

提升文本可读性的关键之一,就是让每行文本承载合适

的字数。这不只
仅是设计一下文本宽度的问题,它也应该是一个易读性的问题。

文本最佳长度是每行承载50-60字符,包括空格(“Typographie”, E. Ruder)。也有其他资料

倡议

不超越
75字/行也能够

接受

。但你一定会问,不按这样的规范

做又会怎样?

  • 太长-假定

    一行里文字太多,用户眼球很难长时间聚焦文本。由于
    文本长渡过
    长会让人很难留意
    到段落的起点和终点。此外,关于
    这么大块文原本

    说,也很难对当前行中止

    继续阅读。(译者注:稍一出神
    儿,就找不到读到哪了。都有过这样的阅历
    吧?)

  • 太短-假定

    一行里文字太少,眼睛要不停的来回审视
    ,破坏

    了阅读节拍
    。同时,每行文本太短也样会让人觉得慌张
    ,这行没看完就跳到下一行去了(很可能一些重要的词会被跳过)。

可读性:优化文本长度

原本

跳到下一行文字时,潜认识
里是会那么有点小亢奋(只需
别太频繁,缘由
见上面两点)。因而

在每一行的开头,读者的肉体

都很集中,但这种专注会逐步

消褪,可能还没等把这行看完(“Typographie”, E. Ruder)。

为了避免

文本过长或过短所带来的弊端,同时又能持续的鼓舞

读者,我们倡议

把每行承载的文本量控制在5-75个字符(译者注:中文倡议

35-45个汉字,14px)。

网页设计中怎样
取得

最佳长度

在网页设计中,能够

运用
em或px(像素)来完成
每行字符的最佳数目(运用
em能够

取得

很好的效果,但操作起来比px略显复杂)。其实无论选择哪一种,要取得

最佳效果,都需求
为你的读者设置一个固定宽度。

这也是我们为什么不举荐

运用
“流式”规划
的缘由
之一:理论

上你在强迫
用户经过
改动
阅读
器窗口,来取得

更好的阅读体验。当想到时下显现
器屏幕有这么多不同的分辨率,很显然
,“流式”规划
会让文本行变得要么宽,要么窄。

正如大家看到的,在baymard.com站上,我们运用
了17px的Arial来呈现文字。文章容器宽度为504px,每一行大约
65个字符。

在你的页面中,每行显现
多少个字符?50-75个?假定

你想让你的读者具有
更好的阅读体验,就该这么做。

扩展阅读

Beer Web Readability Project http://code.google.com/p/beer-web-readability-project/
争论 iPad(上):行宽与阅读 http://www.typeisbeautiful.com/2010/05/2537

本文来自:http://blog.b3inside.com/userexperience/line-length-readability/
英文原文:http://baymard.com/blog/line-length-readability

 

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章