阅读好体验的准则:100% Easy-2-Read

译者:前两天看到一篇文章,觉得挺不错的,就简单翻译一下分享给大家。

大多数网站都挤满了小号的文字,使人阅读起来感到很痛苦。产生这个问题的原因是什么呢?如果我们稍作思考就会发现,没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实,这只是一个历史遗留问题,因为过去的时候屏幕真的是很小。

屏幕 VS. 杂志:100%并不大(来自Wilson Miner)

所以…

不要让我去调节字体
大小我可不想每次访问一个网站的时候都要去更改我的浏览器设置!不要告诉我繁杂的页面看上去更好拥挤的页面看上去一点也不好,反而会令人很不爽。向页面中填塞各种内容对于可用性来说没有任何帮助。这种把各种信息都丢给我的做法,我只能理解成你太懒了。我希望你可以思考和预先筛选一下重要的信息进行呈现,而不是让我来做。不要告诉我滚动很糟糕因为如果这样,那么所
有的网站都很糟糕。滚动并没有错,一点也没错。滚动就像是看书的时候翻书一样自然,并没有错误。不要告诉我文字不重要网页设计中,95%的内容通常都是在关注排版(typography)。不要让我戴上眼镜相反的,不要再趴在屏幕上了!歇一歇靠一靠,换一种
轻松的姿势继续阅读吧!五条简单的规则

1、长文本使用标准字号

你现在正在阅读的文字的字号并不大,是你浏览器的默认显示大小,是浏览器本来应该显示的大小。

我不想点击“放大”、“缩小”按钮,也不想更改浏览器的设置。我想马上就开始阅读,我希望你能适应我的设置,而不是反过来让我更改设置来适应你。

刚开始的时候,要用大字号来设计出一个好的布局会相对困难一些,但是这样会帮助你设计出一个更简单、更清爽的页面。把一个网站塞满各种信息并不难,但是让她简单而易用却不那么简单。起初,你会不适应这些大字号,但是一天之后,你就不会再想在正文中看到任何小于100%显示的文字内容了。刚开始你会觉得这些文字看起来很大,但是一旦你体验过之后,你就会很快意识到,为什么所有浏览器的设计师都选择这个大小来作为文字的默认显示大小。

2、主动留白

让你的文字有足够的空间进行呼吸。使用留白不是设计师的既定问题,也与品位无关。

“文字段落的宽度必须与其所使用的字号相适应。过大的行宽会使人不易阅读,并且会产生负面的">心理效应。过小的行宽会也中断阅读的流畅性,迫使读者频繁地换行。”
Josef Muller-Brockman, 网格系统

在文本周围留出足够的空间可以减少阅读时的压迫感,因为这样读者更容易将焦点集中在内容本身。你无需填满整个窗口。留白看上去更好并不是什么副作用,而是功能设计的必然结果。谁说页面需要填满各种内容的呢?

Muller-Brockmann说:“行宽并不是设计或格式中唯一重要的,易读性的问题具有同样的重要性。”

所以,请确保行宽不要过长。你可以在左右两端留出一些空白,便于眼睛在阅读时进行换行。我既不想要调整字号大小也不想调整窗口大小。当我打开一个页面的时候,我就只是想进行阅读。自适应宽度的文字很好,但是横跨整个屏幕一眼望不到边的文字却很糟糕。

可用性专家Nielsen最近为他的文章增加了留白区域和最大宽度的设定(下左图)。要是能再增加一些行距,那就完美了。

Good Nielsen – Bad Nielsen

基本准则是:每行10-15个单词(译者注:此处准则针对英文)。对于流动布局来说,当100%字号大小时,行宽为窗口大小的50%,在大多数分辨率下这是一个比较好的标准。

3、友好的行高

阅读专家说:

“过小的行高设定会降低阅读速度,因为眼睛会同时注意上下两行,而无法集中精神阅读当前那行的内容。读者把精力花在错误的地方,并且更容易感到疲倦。对于行高过大的情况也是如此。”

HTML的默认行高过小。如果你增加一些行高,文字会更具易读性。140%标准行高是一个不错的标准。

4、鲜明的色彩对比

这一点我觉得没必要多做赘述了。但是如果你觉得自己可以避免下列情况的话,那么你就不是一个网页设计师,而只是一个有态度的设计师。

浅灰色的文字放在更浅的灰色的背景上银色的文字放在白色的背景上灰色的文字放在黄色的背景上黄色的文字放在红色的背景上绿色的文字放在红色的背景上…

如果你认为你还是一个网页设计师,那么你必须意识到,没有人会理解甚至看清楚你所表达的内容。别在做这种没有sense的事了,我们也想看看你到底想表达什么。注意:对于要在屏幕上显示的设计来说,过于强烈的对比(纯黑纯白)也不合适,因为这样看上去会使人感到文字在闪烁。一个建议的标准是:背景颜色#fff,文字颜色#333。

5、别把文字做成图片

在进行阅读的时候,我希望能够搜索、复制和保存文字,并使用光标来进行标记。把文字做成图片看起来很美观,但是美观并不是网页所要的全部。网页是用来进行交流和信息传达的,而信息需要具有良好的可读性、可用性、可伸缩性,方便进行引用和分享。

如果你只有把文字做成图片才能把网页设计好的话,那我觉得你需要从头开始再学一遍网页设计了。

传播理念如果你希望更多的网站变得更有可读性,就请转发以上的文字吧!重新链回到这个页面,人们就会知道100% Easy -2-Read(100E2R)标准是在说什么。———-原文地址:http://informationarchitects.net/blog/100e2r/

时间: 2024-09-25 05:52:39

阅读好体验的准则:100% Easy-2-Read的相关文章

iPad应用的十大用户体验设计准则

咱先祝各位情人节快乐吧,宅基腐都没太大所谓,2012了,图个乐呵.话说今次上新与之前一篇的间隔稍微长了些,不过也确实尽力而为了;天天梦里都在翻译东西,满脑子的iOS.交互设计.用户体验--希望事情都能快快的顺利搞定. 闲话不多说了,今天的这篇译文同样是移动方面的话题.有人说了你这不叫为"网而生么",哪来这么多移动的东西呢?这事儿也不奇怪,首先这是我个人目前最关注的方向,也是除了工作时间以外花费精力最多的地方;其次,正像我们在"从网站到移动客户端应用 - 随机应变的用户体验设计

iPad应用的10大用户体验设计准则

与众多优秀的产品相同,iPad应用的成功也取决于产品核心价值以及用户体验模式等诸多方面的因素.除了游戏之外,多数类型的应用都必需能够在一定的 上下文环境中帮助用户解决某些特定的问题.它应该足够的简单易用,使用户不需要进行复杂的设置和学习就可以顺利上手.而产品在视觉外观.交互方式.情感联接等方面的表现更会直接影响到用户对于应用的体验满意度.在本文中,我们将共同了解一些你在设计工作中需要认真考虑与贯彻的指导准则.我们不会对创建iPad应用的完整设计流程进行讲解,也不会将时间花费在几乎任何一篇移动应用

Google用户体验设计准则

谷歌的愿景 Googl用户体验团队致力于创建有用的(useful).快速的(fast).简单的(simple).有吸引力的(engaging).创新的( innovative).适合大众的(universal).有用的(profitable).漂亮的(beautiful).值得信赖的(trustworthy).个性化的(personable)的应用. Google用户体验的十大准则 1. 将焦点集中在用户的生活,工作,和他们的梦想上. Google 用户体验小组努力发现用户的真正需求,包括那些他

谷歌用户体验设计准则

谷歌的愿景 Googl用户体验团队致力于创建有用的(useful).快速的(fast).简单的(simple).有吸引力的(engaging).创新的( innovative).适合大众的(universal).有用的(profitable).漂亮的(beautiful).值得信赖的(trustworthy).个性化的(personable)的应用. Google用户体验的十大准则 1.将焦点集中在用户的生活,工作,和他们的梦想上 Google用户体验小组努力发现用户的真正需求,包括那些他们自己

品质阅读海量订阅 网易阅读深度体验报告

网易阅读是有网易推出的一款基于iPad的阅读应用软件,为用户个性化聚合互联网资讯信息,也是阅读网易平台优质内容的核心应用.具有海量订阅.一站式阅读.个性化聚合.社会化分享等诸多特点,网易阅读的宣传口号就是有态度的新闻门户,有诚意的网易阅读!今天,我们就要来体验一下这款具有诚意的网易阅读.点击下载网易阅读传统且华丽的界面网易阅读的界面对于使用过其他iPad阅读软件的用户来说并不陌生,几乎模板式的界面提供了动态壁纸显示,通过绚丽的 壁纸更换来赢得用户的第一印象,在体验该软件时我们还特意留在首页界面观

弹幕进军手机阅读,用户体验评价呈现两极化

2月27日消息,在前不久的春节假期里,读者宋女士正用手机App聚精会神地看着小说,突然屏幕底部的一个红色图标引起了她的注意,轻轻一点,发现手机屏幕上竟然以弹幕的形式滑过其他读者对这部小说的评论和吐槽,出现几秒钟后就又消失不见.虽然弹幕已经不是一个新的表现形式,并被大量运用在视频和漫画里,就连今年的春晚都在其网络播放平台上开设了弹幕功能,但是手机阅读出现弹幕功能却是移动阅读领域内的首次尝试.   "与过去不同,目前人们使用手机阅读除了能满足基础的阅读需求外,还有一个新的重要功能逐渐被重视,那就是社

豆瓣阅读:体验有待改进 在线购买是关键

豆瓣阅读近期发布了更新,其iPad阅读器目前版本为1.1.0.这一版本界面简单明了,延续了豆瓣的一贯风格.但功能也过于简单:无标签.无分类.无文内搜索和书籍搜索.此前豆瓣阅读器在今年1月19日首次上线,内容以短篇及中篇文学作品为主,但免费内容较少.此次版本更新,主要解决了闪退等技术问题,但内容上的建设稍显乏力.曾有豆瓣阅读器用户表示,在先前版本中因闪退导致阅读中断甚至无法读完,造成了不少用户的流失.目前虽然已经修复此问题,但内容更新缓慢也是忠实用户牢骚不断.此次版本更新后,豆瓣阅读的作品商店于本

清爽阅读新体验 Android版ZAKER发布

简约清爽的界面ZAKER(扎客)是一款互动分享和个性化定制的阅读软件,将资讯.微博.博客.报纸.杂志.图片.RSS.Google Reader等众多内容,按照用户个人意愿聚合到一起,实现深度个性化定制,精致清新的界面风格也让 人眼前一亮.评测环境评测对象 ZAKER(扎客)评测版本 1.0软件大小 1.62 MB手机型号 Google Nexus One手机固件 Android 2.3.7简约清新界面风格第一次使用ZAKER的朋友一定会觉得界面看上去很熟悉,左侧块状的版块布局与微软WP7系统手机

移动终端阅读体验:文字字体设计的用户体验

文章描述:随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要.而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败? 随着ipad等移动终端的崛起,人们在移动终端阅读上的时间越来越多,阅读体验已经变得越来越重要.而字体又是决定阅读体验的关键所在,那么字体在哪些方面又是什么影响着阅读体验的成败? 1.是否具有高辨识度 首先看看Consolas,这款字体,我们可以发现,i和w的宽度都是一样的,这种等宽字体都具有非常高的辨识度,非常