增强WEB文字易读性的一些方式

 摘要:影响文字易读性的一些因素;提高文字易读性的一些办法。难免有遗漏,期待补充。

一样的文字,处理好了就可能让用户读起来感觉很清晰顺畅。处理不好,往往难以抓住用户的眼球,让用户读了几个字就把视线移开去关注其他东西,不再愿意读下去。下面这些因素有可能会削弱文字的易读性:

·文案晦涩难懂
术语、病句、罗嗦……造成文案很难读懂
·文案冗长
文案太长,造成用户失去阅读的兴趣
·没有重点
没有终点的文字很难吸引用户的关注,用户在阅读时也抓不住重点
·重点过多造成抓不住
把太多的文字都当作重点去突出,使文案杂乱无章
·不清晰的布局和排版
布局排版不考究,文字、段落安排混乱
·链接与非链接样式混用
用户无法通过观察区分链接和非链接,需要不断用鼠标试探
·色彩搭配不当
配色不合理造成阅读吃力

……等等

提高文字易读性可以考虑这么一些办法:

一.从内容方面优化

1)精简文案

《don't make me think》一书中说到要把文案减少一半再减少一半的思想,就是提倡对文案进行精炼。一句话能说清楚的问题,不要用一段话来说。

比如魔兽中有这么一段活动简介:
引用内容 引用内容
从9月26日起,每周二的10点、11点、12点,活动人员会在WOWFans论坛
发布主题,每个主题都附带1张WOW截图,玩家只须找出该图片中,有违
常理、不符合实际的错误、被改动过的地方既可。每轮第一位全部回答
正确的玩家将获得一张点卡的奖励。每一轮活动中每张图片所有的错误
量:随机1-5个。 (每轮活动发布时,活动人员将在活动发布帖内写明
该图究竟有多少个错误的地方)。
每一轮活动中每张图片所有的错误量:随机1-5个。 (每轮活动发布时,
活动人员将在活动发布帖内写明该图究竟有多少个错误的地方)。

我在读的时候,很难说服自己去一字一句的仔细看这两段话。旁边的图片、彩色文字总是在拉扯我的目光。

对文案精简一下,可能扫两眼就看完了:
引用内容 引用内容
9月26日起每周二的10点、11点、12点,活动人员在WOWFans论坛会发布一个图片贴,并说明这个图片里有几处错误。第一个找出图片里所有错误的用户,就能获得点卡一张!

至于错误都有什么类型,错误是1个还是5个,完全没有必要在这里告诉用户,用户现在知道了也没用。发帖的时候一起公布就行了。

2)使用通俗的语言

不要用术语,用语要让用户不需要思考就能明白。

比如:“记住我”、“保存Cookie”,改成“下次自动登录”或“记住我的登录信息”会比较好。

二.从结构方面优化

1)分段

大段的说明文字往往比较难读,适当的分段会使语义显得紧凑。可以比较下面两段文字:

原始文案
引用内容 引用内容
在“变态短信”规则中最重要的省钱大法是令对方回复你的短信,介绍给大家一些令对方回复短信的好办法:在BT个人设置里面设定对方认识的名字,避免对方以为你发给他垃圾短信。或者在每个发出去的短信带上“收到请回复”。还有,短信内容结尾尽量用问句,例如“你今晚上网吗?”、“在上班吗?”、“现在在哪里呀?”等等这些都是回复率非常高的问题。再者,短信内容用恶搞的警告,例如“不回复小心扁你,哈哈”。另外每个用户都独有一个BT发送端口的号码(例:31073517)可以将它作为您网络手机号码告诉给您的朋友,提醒他们保存。这样以后可以往那个号码发送短信给你。


分段后的:
引用内容 引用内容
在“变态短信”规则中最重要的省钱大法是令对方回复你的短信,介绍给大家一些令对方回复短信的好办法:

在BT个人设置里面设定对方认识的名字,避免对方以为你发给他垃圾短信。或者在每个发出去的短信带上“收到请回复”。

短信内容结尾尽量用问句,例如“你今晚上网吗?”、“在上班吗?”、“现在在哪里呀?”等等这些都是回复率非常高的问题。

短信内容用恶搞的警告,例如“不回复小心扁你,哈哈”。

另外每个用户都独有一个BT发送端口的号码(例:31073517)可以将它作为您网络手机号码告诉给您的朋友,提醒他们保存。这样以后可以往那个号码发送短信给你。


2)使用列表

使用<ul>或<ol>,或者“·”、“1、2、3、4”使文案更加清晰。如:

引用内容 引用内容
在“变态短信”规则中最重要的省钱大法是令对方回复你的短信,介绍给大家一些令对方回复短信的好办法:

1. 在BT个人设置里面设定对方认识的名字,避免对方以为你发给他垃圾短信。或者在每个发出去的短信带上“收到请回复”。

2. 短信内容结尾尽量用问句,例如“你今晚上网吗?”、“在上班吗?”、“现在在哪里呀?”等等这些都是回复率非常高的问题。

3. 短信内容用恶搞的警告,例如“不回复小心扁你,哈哈”。

4. 另外每个用户都独有一个BT发送端口的号码(例:31073517)可以将它作为您网络手机号码告诉给您的朋友,提醒他们保存。这样以后可以往那个号码发送短信给你。


3)使用tab

过多的并列内容,可以使用tab处理,并默认显示用户最有可能感兴趣的内容。用户获取信息量的能力是有限的,使用tab可以减少用户在同一时间获取的信息数量,增加用户阅读时的效率。

比较下面两种方式:


——方式1


——方式2

显然第二种更易于用户阅读

4)使用大纲的组织方式

统一区分标题、二级标题、三级标题、内容,就像用word那样。

再比较下面两个例子:

引用内容 引用内容
总则
第一章 一般规定
第一条 为了保护合同当事人的合法权益,维护社会经济秩序,促进社会主义现代化建设,制定本法。
第二条 本法所称合同是平等主体的自然人、法人、其他组织之间设立、变更、终止民事权利义务关系的协议。婚姻、收养、监护等有关身份关系的协议,适用其他法律的规定。
第三条 合同当事人的法律地位平等,一方不得将自己的意志强加给另一方。
第四条 当事人依法享有自愿订立合同的权利,任何单位和个人不得非法干预。
第五条 当事人应当遵循公平原则确定各方的权利和义务。
第六条 当事人行使权利、履行义务应当遵循诚实信用原则。
第七条 当事人订立、履行合同,应当遵守法律、行政法规,尊重社会公德,不得扰乱社会经济秩序,损害社会公共利益。
第八条 依法成立的合同,对当事人具有法律约束力。当事人应当按照约定履行自己的义务,不得擅自变更或者解除合同。依法成立的合同,受法律保护。
第二章 合同的订立
第九条 当事人订立合同,应当具有相应的民事权利能力和民事行为能力。当事人依法可以委托代理人订立合同。
第十条 当事人订立合同,有书面形式、口头形式和其他形式。法律、行政法规规定采用书面形式的,应当采用书面形式。当事人约定采用书面形式的,应当采用书面形式。
第十一条 书面形式是指合同书、信件和数据电文(包括电报、电传、传真、电子数据交换和电子邮件)等可以有形地表现所载内容的形式。

——方式1

引用内容 引用内容
总则
第一章 一般规定
第一条 为了保护合同当事人的合法权益,维护社会经济秩序,促进社会主义现代化建设,制定本法。
第二条 本法所称合同是平等主体的自然人、法人、其他组织之间设立、变更、终止民事权利义务关系的协议。婚姻、收养、监护等有关身份关系的协议,适用其他法律的规定。
第三条 合同当事人的法律地位平等,一方不得将自己的意志强加给另一方。
第四条 当事人依法享有自愿订立合同的权利,任何单位和个人不得非法干预。
第五条 当事人应当遵循公平原则确定各方的权利和义务。
第六条 当事人行使权利、履行义务应当遵循诚实信用原则。
第七条 当事人订立、履行合同,应当遵守法律、行政法规,尊重社会公德,不得扰乱社会经济秩序,损害社会公共利益。
第八条 依法成立的合同,对当事人具有法律约束力。当事人应当按照约定履行自己的义务,不得擅自变更或者解除合同。依法成立的合同,受法律保护。
第二章 合同的订立
第九条 当事人订立合同,应当具有相应的民事权利能力和民事行为能力。当事人依法可以委托代理人订立合同。
第十条 当事人订立合同,有书面形式、口头形式和其他形式。法律、行政法规规定采用书面形式的,应当采用书面形式。当事人约定采用书面形式的,应当采用书面形式。
第十一条 书面形式是指合同书、信件和数据电文(包括电报、电传、传真、电子数据交换和电子邮件)等可以有形地表现所载内容的形式。

——方式2

可以用这个思想继续优化短信那个例子:
引用内容 引用内容
在“变态短信”规则中最重要的省钱大法是令对方回复你的短信,介绍给大家一些令对方回复短信的好办法:
1. 设置好用户名
在BT个人设置里面设定对方认识的名字,避免对方以为你发给他垃圾短信。或者在每个发出去的短信带上“收到请回复”。
2. 短信内容结尾尽量用问句
例如“你今晚上网吗?”、“在上班吗?”、“现在在哪里呀?”等等这些都是回复率非常高的问题。
3. 短信内容用恶搞的警告
例如“不回复小心扁你,哈哈”。
4. 让好友保存你的BT号码
每个用户都独有一个BT发送端口的号码(例:31073517)可以将它作为您网络手机号码告诉给您的朋友,提醒他们保存。这样以后可以往那个号码发送短信给你。


三.从表现方面优化

1)凸现重点

可以通过改变文字的字体、字号、粗细、倾斜、颜色等等来凸现重点:
引用内容 引用内容
游戏规则
首先你要有个帐号,然后你用这个账号登录就可以玩游戏了。

引用内容 引用内容
游戏规则
首先你要有个帐号,然后你用这个账号登录就可以玩游戏了。

引用内容 引用内容
游戏规则
首先你要有个帐号,然后你用这个账号登录就可以玩游戏了。

引用内容 引用内容
游戏规则
首先你要有个帐号,然后你用这个账号登录就可以玩游戏了。

引用内容 引用内容
游戏规则
首先你要有个帐号,然后你用这个账号登录就可以玩游戏了。

引用内容 引用内容
首先你要有个 帐号,然后你用这个账号 登录就可以玩游戏了。

引用内容 引用内容
首先你要有个 帐号,然后你用这个账号 登录就可以玩游戏了。


2)一致性

让同一级别的相关内容在视觉上具有一致性。上面的大纲那个例子,放在这里说依然合适,同级标题样式一致,同级内容,样式一致:
引用内容 引用内容
总则
第一章 一般规定
第一条 为了保护合同当事人的合法权益,维护社会经济秩序,促进社会主义现代化建设,制定本法。
第二条 本法所称合同是平等主体的自然人、法人、其他组织之间设立、变更、终止民事权利义务关系的协议。婚姻、收养、监护等有关身份关系的协议,适用其他法律的规定。
第三条 合同当事人的法律地位平等,一方不得将自己的意志强加给另一方。
第四条 当事人依法享有自愿订立合同的权利,任何单位和个人不得非法干预。
第五条 当事人应当遵循公平原则确定各方的权利和义务。
第六条 当事人行使权利、履行义务应当遵循诚实信用原则。
第七条 当事人订立、履行合同,应当遵守法律、行政法规,尊重社会公德,不得扰乱社会经济秩序,损害社会公共利益。
第八条 依法成立的合同,对当事人具有法律约束力。当事人应当按照约定履行自己的义务,不得擅自变更或者解除合同。依法成立的合同,受法律保护。
第二章 合同的订立
第九条 当事人订立合同,应当具有相应的民事权利能力和民事行为能力。当事人依法可以委托代理人订立合同。
第十条 当事人订立合同,有书面形式、口头形式和其他形式。法律、行政法规规定采用书面形式的,应当采用书面形式。当事人约定采用书面形式的,应当采用书面形式。
第十一条 书面形式是指合同书、信件和数据电文(包括电报、电传、传真、电子数据交换和电子邮件)等可以有形地表现所载内容的形式。


另外有一点要注意的是,不要混用样式,比如上面的那个例子,如果内容和标题用一样的样式,就会降低易读性。链接和非链接的样式更是不能混用,要明确的区分出哪些是链接,哪些是非链接,不要为了美观使用链接的颜色来加重非连接的文字。

反面和正面的例子:


3)色彩可见性

色彩可见性是网页亲和力的一个重要因素。文字与背景色的色彩差异要大于500,亮度差异要大于125,才能保证阅读时不会疲劳。

色彩差异的计算公式:
((红色值 1, 红色值 2) 的最大值 - (红色值 1, 红色值 2) 的最小值 ) + ((绿色值 1, 绿色值 2) 的最大值 - (绿色值 1, 绿色值 2) 的最小值 ) + ((蓝色值 1, 蓝色值 2) 的最大值 - (蓝色值 1, 蓝色值 2) 的最小值 )

亮度差异的计算公式:
((红色值 X 299) + (绿色值 X 587) + (蓝色值 X 114)) / 1000

有一个检验色彩可见性的软件很不错,下载地址:
点击这里下载>>


通过这个程序可以发现,白底蓝链接(#0000FF)对红绿色盲的亲和力不够,白底、深蓝链接(#0000CC),是更好的选择:

 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值