优化文本获得最佳长度 提升可读性与易读性


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

  提升文本可读性的关键之一,就是让每行文本承载合适的字数。这不仅仅是设计一下文本宽度的问题,它也应该是一个易读性的问题。

  文本最佳长度是每行承载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个?如果你想让你的读者拥有更好的阅读体验,就该这么做。

  扩展阅读

  Better Web Readability Project :http://code.google.com/p/better-web-readability-project/

  争论 iPad(上):行宽与阅读 http://www.typeisbeautiful.com/2010/05/2537

  本文编译自:UCD翻译小组,波希米亚,原文地址。

  译文出处: Christian Holst,转载请保留出处链接。

时间: 2025-01-21 12:31:36

优化文本获得最佳长度 提升可读性与易读性的相关文章

介绍如何让优化新站关键词和提升排名

摘要: 本人做了这么多年的站,总结出一点小经验与大家分享.现在很多站长朋友们在做网站优化也就是每天更新几篇文章,发发外链,发的越多越好等等这些观念.严重的错误做法,这样子做 本人做了这么多年的站,总结出一点小经验与大家分享.现在很多站长朋友们在做网站优化也就是每天更新几篇文章,发发外链,发的越多越好等等这些观念.严重的错误做法,这样子做不会给网站带来什么好处只会让自己的网站死的更快.网站优化还停留在2012年上面,却不知因为360搜索引擎的出现,严重威胁到百度了.就好比一锅肉每天都被人家抢着吃一

《Oracle数据库性能优化方法论和最佳实践》——2.3 响应时间分析优化方法论

2.3 响应时间分析优化方法论 2.3.1 RTA方法论简述 响应时间分析(Response Time Analyze,RTA)的性能优化方法论是基于OWI的性能优化方法论发展起来的,标志着Oracle开始认识到Oracle性能优化其实就是一个流程改善的过程(减少响应时间),首次在性能优化上跳出了IT设备的观点,从业务流程优化的角度来考虑问题.在任何场合下,流程改善或者性能优化最为适当的方法就是RTA. Oracle从9.2版本开始提供RTA,在Oracle 10g中进行了进一步的完善.RTA优

用jquery验证js里面的一个文本框 字符长度不能超过 10个数

问题描述 用jquery验证js里面的一个文本框 字符长度不能超过 10个数 用jquery验证js里面的一个文本框 字符长度不能超过 10个数 除了用$("#A").val().length>10之外还能怎么判断? 解决方案 我觉得,如果只是长度限制的话,完全可以不用js.你直接只用文本框里面的maxlength长度限制标签;例如: 解决方案二: <input name="A" type="text" id="A"

企业站通过合理的提升关键词密度让优化效果达到最佳

大家知道关键词密度曾经的重要性一度能左右一个网站关键词的排名,但搜索引擎发展到今天,可以说已经很成熟了.搜索引擎也不可能再去靠看一个网站的关键词密度来给这个网站排名了,于是很多人都说关键词密度在搜索引擎中已经不能参与排名了.大家别把眼光放在这上面了,其实笔者认为关键词密度的排名确实下降了,但还是不能说一点用都没有.比如我们经常看到在搜索引擎中搜索一个关键词,这个关键词明明没有出现在标题中,但排名为什么这么好,答:原因是因为人家在网站首页出现了这个关键词.所以虽然关键词密度不是主导因素,但作为一个

Java程序优化的一些最佳实践

摘要:本文介绍了Java代码优化的过程,总结了优化Java程序的一些最佳实践,分析了进行优化的方法并解释了性能提升的原因.多角度分析导致性能低的原因并逐个进行优化使得程序性能得到极大提升,代码可读性.可扩展性更强. 作者通过经历的一个项目实例,介绍Java代码优化的过程,总结了优化Java程序的一些最佳实践,分析了进行优化的方法,并解释了性能提升的原因.作者从多个角度分析导致性能低的原因,并逐个进行优化,最终使得程序的性能得到极大提升,增强了代码的可读性.可扩展性. 一.衡量程序的标准衡量一个程

分享:锚文本对关键词排名提升的重要性

对于锚文本的重要性大家是有目共睹的,用户接触到你的网页是从其他的网页链接开始的,用户是否最终要进入你的网页跟你这个网页链接的描述至关重 要,同样的搜索引擎在发现一个新的网页时也是一样的道理,而锚文本是对一个网页的描述唯一的参考因素,搜索引擎就是通过这个描述来判断这个网页对它的吸引 性有多大.那么锚文本的设置关于关键词的排名吗?怎么操作这个锚文本才能让排名更好的提升呢?下面小编从站内和站外两个方面进行讲解.雪佳妮网站SEOER分析如下: 第一:站外锚文本的操作手法,站外的锚文本其实就是网站的htt

seo优化如何通过分析用户需求提升网站竞争力

众所周知,网站优化随着百度算法的不断升级,对于用户体验的要求水涨船高,但是当下究竟什么是用户体验?表现在优化策略上我们如何能用策略帮我们达到想要的结果,这个是任何一个seoer都必须深思熟虑的,用户体验说白了就是用户访问网站之后的感受,体现在用户行为方面就是阅读网站文章之后,能否激发用户阅读更多文章的欲望,能否激发用户瞬间想要购买产品的欲望.下面笔者通过以下三个方面和大家详细分析一下,如果通过把握用户行为提升网站优化竞争力. 第一,网站优化要换位思考分析用户究竟要什么?很多朋友当下优化网站的时候

正确发挥锚文本的价值 助力提升网站用户体验

相信各位seoer都会对锚文本这个名词情有独钟,因为锚文本对网站关键词排名实在太有用了,无论是站内还是站外,seoer都恨不得大量使用锚文本,好让网站排名加速上升.但是百度近年来的算法已经逐步把锚文本的作用削弱了,很多时候过量使用锚文本会导致网站排名下降,造成得不偿失的局面. 这些教训明显地告诉了我们,锚文本的价值不再是用来提升网站排名了,我们应该寻求锚文本的真正价值并发挥出来.笔者则认为,当今的锚文本应该提升用户体验,也就是说提升用户体验才是现在锚文本的真正价值.好了,废话不说,我们就来讨论下

《Oracle数据库性能优化方法论和最佳实践》——1.5 测量和变化

1.5 测量和变化 1.5.1 测量和性能 没有测量就没有性能,任何科学都建立在可测量的基础之上.Oracle数据库和基于它的性能优化理所当然是一门科学,而不是一门艺术.科学的性能优化首先必须是可以建立测量的目标系统性能指标.一个无法测量的系统或者一个只能依赖于人的眼睛.耳朵等器官来进行感知的系统是无法进行性能优化的.为了完成性能优化,需要做大量的可测量性工作.幸运的是,Oracle对于可测量的性能付出了巨大的努力,使其性能相关的测量指标远远超出了其他数据库. 从性能优化的角度出发,可以从以下几