数极客首页

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

大多数网站都挤满了小号的文字,使人阅读起来感到很痛苦。产生这个问题的缘由
是什么呢?假定

我们稍作思索

就会发现,没有理由将如此多的信息都硬塞进一个小小的屏幕当中。其实,这只是一个历史遗留问题,由于
过去的时分
屏幕真的是很小。

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

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

所以…

不要让我去调理
字体大小

我可不想每次访问一个网站的时分
都要去更改我的阅读
器设置!

不要通知
我繁杂

的页面看上去更好

拥堵
的页面看上去一点也不好,反而会令人很不爽。向页面中填塞各种内容关于
可用性来说没有任何辅佐

。这种把各种信息都丢给我的做法,我只能了解

成你太懒了。我希望你能够

思索

和预先选择

一下重要的信息中止

呈现,而不是让我来做。

不要通知
我滚动很糟糕

由于
假定

这样,那么一切
的网站都很糟糕。滚动并没有错,一点也没错。滚动就像是看书的时分
翻书一样自然,并没有错误。

不要通知
我文字不重要

不要让我戴上眼镜

相反的,不要再趴在屏幕上了!歇一歇靠一靠,换一种轻松的姿势

继续阅读吧!

五条简单的规则

1、长文本运用
规范

字号

你往常

正在阅读的文字的字号并不大,是你阅读
器的默许
显现
大小,是阅读
器原本

应该显现
的大小。

我不想点击“放大”、“减少
”按钮,也不想更改阅读
器的设置。我想马上就开端
阅读,我希望你能顺应
我的设置,而不是反过来让我更改设置来顺应
你。

刚开端
的时分
,要用大字号来设计出一个好的规划
会相对艰难

一些,但是这样会辅佐

设计出一个更简单、更清新

的页面。把一个网站塞满各种信息并不难,但是让她简单而易用却不那么简单。起初,你会不顺应
这些大字号,但是一天之后,你就不会再想在正文中看到任何小于100%显现
的文字内容了。刚开端
你会觉得这些文字看起来很大,但是一旦你体验过之后,你就会很快认识
到,为什么一切
阅读
器的设计师都选择这个大小来作为文字的默许
显现
大小。

2、主动留白

让你的文字有足够的空间中止

呼吸。运用
留白不是设计师的既定问题,也与品位无关

 

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

在文本周围

留出足够的空间能够

减少阅读时的压榨
感,由于
这样读者更容易将焦点集中在内容自身

。你无需填满整个窗口。留白看上去更好并不是什么反作用
,而是功用
设计的必然结果。谁说页面需求
填满各种内容的呢?

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

所以,请确保行宽不要过长。你能够

在左右两端留出一些空白,便于眼睛在阅读时中止

换行。我既不想要调整字号大小也不想调整窗口大小。当我翻开
一个页面的时分
,我就只是想中止

阅读。自顺应
宽度的文字很好,但是横跨整个屏幕一眼望不到边的文字却很糟糕。

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

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

Good Nielsen – Bad Nielsen

基本

准绳

是:每行10-15个单词(译者注:此处准绳

针对英文)。关于
活动
规划
来说,当100%字号大小时,行宽为窗口大小的50%,在大多数分辨率下这是一个比较

好的规范

3、友好的行高

阅读专家说:

“过小的行高设定会降低阅读速度,由于
眼睛会同时留意
上下两行,而无法集中肉体
阅读当前那行的内容。读者把肉体

花在错误的中央
,并且更容易感到疲倦。关于
行高过大的状况

也是如此。”

HTML的默许
行高过小。假定

你增加一些行高,文字会更具易读性。140%规范

行高是一个不错的规范

4、鲜明的颜色
对比

这一点我觉得没必要多做赘述了。但是假定

你觉得自己

能够

避免

下列状况

的话,那么你就不是一个网页设计师,而只是一个有态度的设计师

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

假定

你以为
你还是一个网页设计师,那么你必需
认识
到,没有人会了解

致使

看分明

你所表达的内容。别在做这种没有sense的事了,我们也想看看你到底想表达什么。留意
:关于
要在屏幕上显现
的设计来说,过于猛烈

的对比

(纯黑纯白)也不合适

,由于
这样看上去会使人感到文字在闪烁。一个倡议

的规范

是:背景颜色#fff,文字颜色#333。

5、别把文字做成图片

在中止

阅读的时分
,我希望能够

搜索、复制和保管
文字,并运用
光标来中止

标志
把文字做成图片看起来很美观,但是美观并不是网页所要的全部。网页是用来中止

交流和信息传达的,而信息需求
具有良好的可读性、可用性、可伸缩性,便当
中止

援用
和分享。

假定

你只需

把文字做成图片才干
把网页设计好的话,那我觉得你需求
从头开端
再学一遍网页设计了。

传播理念

假定

你希望更多的网站变得更有可读性,就请转发以上的文字吧!重新链回到这个页面,人们就会知道

100% Easy -2-Read(100E2R)规范

是在说什么。

 
 
来源:ucdchina

给大家举荐

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

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

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

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

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

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

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

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

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章