当前位置:首页 > 经验学习 > 用户体验

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

所属栏目:用户体验 时间:2013-12-26 来源: 作者:不详 点击:

译者:前两天看到一篇文章,觉得挺不错的,就简单翻译一下分享给大家。
大多数网站都挤满了小号的文字,使人阅读起来感到很痛苦。产生这个问题的原因是什么呢?如果我们稍作思考就会发现,没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实,这只是一个历shi(史)遗留问题,因为guo(过)去的时候屏幕真的是很小。

屏幕 VS. 杂志:100%并不大(来自Wilson Miner)
所以…
不要让我去调节字体大小
我可不想每次访问一个网站的时候都要去更改我的浏览器设zhi(置)!
不要告诉我繁杂的页面看上去更好
拥挤的页面看上去一点也不好,反而会令人很不爽。向页面中填塞各种内容对于可用性来说没you(有)任he(何)帮助。这种把各种信息都丢给我的做法,我只能理解成你太懒了。我希望你可以思考和预先筛选一下重要的信息进行呈现,而不是让我来做。
不要告诉我滚动很糟糕
因为如果这样,那么所有的网站都很糟糕。滚动并没有错,一点也没错。滚动就像是看书的时候翻书一样自然,并没有错误。
不要告诉我文字不重要
网页设计中,95%的内容tong(通)常都是在关注排版(typography)。
bu(不)要让我戴上眼镜
相反的,不要再趴在屏幕上了!歇一歇靠一靠,换一种轻松的姿势继续阅读吧!
五条简单的规则
1、长文本使用标准字号
你现在正在阅读的文字的字号并不大,是你浏览器的默认显示大小,是浏览器本来应该显示的大小。
我不想点击“放大”、“缩小”按钮,也不想更改浏览器的设置。我想马上就开始阅读,我希望你能适应我的设置,而不是反过来让我更改设置来适应你。
刚开始的时候,要用大字号来设计出一个好的布局会相对困难一些,但是这样会帮助你设计出一个更简单、更清爽的页面。把一个网站塞满各种信息并不难,但是让她简dan(单)而易用却不那么简单。起初,你会不适应这些大字号,dan(但)是一天之后,你就不会再想在正文中看到任何小于100%显示的文字内容了。刚开始你会觉得这些文字看起来很大,但是一旦你体验过之后,你就会很快意识到,为什么所有浏览器的设计师都选择这个大小lai(来)作为文字的默认显示大小。
2、主动留白
让ni(你)的文字有足够的空间进行呼吸。使用留白不是设计师的ji(既)定问题,也与品位无关。
“文字段落的宽度必须与其所使用的字号相适应。过大的行宽会使人不易阅读,并且会产生负面的心理效应。过小的行宽会也中断阅读的流畅性,迫使读者频繁地换行。”
Josef Muller-Brockman, 网格系统
在文本周围liu(留)出足够的空间可以减少阅读时的压迫感,因wei(为)这样读者更容易将焦点集中在内容本身。你无需填满整个窗口。留白看上去更好并不是什么副作用,而是功能设计的必然结果。谁说页面需要填满各种内容的呢?
Muller-Brockmann说:“行宽并不是设计或格式中唯一重要的,易读性的问题具有同样的重要性。”
所以,请que(确)保行宽不要过长。你可以在左右两端留出一些空白,便于眼睛在阅读时jin(进)行换行。我既不想要调整字号大小也不想diao(调)整窗口大小。当我da(打)开一个页面的时候,我就只是想进行阅读。自适应宽度的文字很好,但是横跨整个屏幕一眼望不到边的文字却很糟糕。
可用性专家Nielsen最近为他的文章增加了留白区域和最大宽du(度)的设定(下左图)。要是能再增加一些行距,那就完美了。

Good Nielsen – Bad Nielsen
基本准则是:每行10-15个单词(译者注:此处准则针对英文)。对于流动布局来说,当100%字号大小时,行宽为窗口大小的50%,在大多数分辨率下这是一个比较好的标准。
3、友好的行高
阅读专家说:
“过小的行高设定会降低阅读速度,因为眼睛会同时注意上下两行,而无法集中精神阅读当前那行的内容。读者把精力花在错误的地方,并且更容易感到疲倦。对于行高过大的情况也是如此。”
HTML的默认行高过小。如果ni(你)增jia(加)一些行高,文字会更具易读性。140%标准行高是一个不错的标准。
4、鲜明的色彩对比
这一点我觉得没必要多做赘述了。但是如果你觉得自己可以避免下列情况的话,na(那)么你就不是一个网页设计师,而只是一个有态度的设计师。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: