在本书所描写的所有禁忌中,网页的小字体是最普遍的。绝大多数网站在页面中显示了这个禁忌,向我抱怨这个禁忌的人数比其他禁忌都多。
小字体有什么不好?视力不好的人无法阅读,这部分人在人群中占有相当大的比例。人在上了年纪,能够阅读的文字的最小尺寸增长了。可以认为大多数45岁以上的人因为阅读小字体造成“视觉伤害”。
用户比开发人员年长
考虑一下全部由20岁左右玩滑板的人创建的公司投资开发网站,而网站主要由快退休的人使用,你将认识到问题所在。
一个来自FinancialEngines.com网站(一家投资计划服务公司)的例子。完全符合这个禁忌,按真实大小显示。完全按照浏览器中显示该图像时的尺寸根本没有缩小,这次使用的浏览器是Netscape Navigator 4.76。FinancialEngine网站的演示页面的标题邀请访问者“Take a closer look(近距离观看)”。即使是近看,我也怀疑许多潜在的消费者能够阅读这些内容。我们只想知道为什么页面中的文字这么小,当然不是因为缺少空间。
无法阅读的文字或许可以认为它不存在,可以有根据地说,对于相当一部分人来说,许多网站中的多数文字在功能上“不存在”。
在FrontierAirlines.com网站的航班刻表中,缺少空间也不是使用小字体的理由。一些人会认为这个表格是许多由一些难以辨认的黑色或者蓝色标记打断的空白空间。
表单中的小字体
在Web上的数据输入表单的文本框标签中同样可以看到小字体——或者对于许多用户来说,根本没看见。返回FinancialEngines.com网站,财政预测申请表单中的项目说明字体太小了,它对于许多预期的消费者没有帮助。
链接中的小字体
Web内容中的小字体已经够糟糕了,但是当作为网站导航的链接中出现小字体时,情况更糟糕。链接不仅要能够阅读而且还要能够点击。芝加哥联邦储备银行消费者信息页面的一些访问者,无论是阅读链接还是点击链接都有困难。
没错,银行家喜欢漂亮的字体,但是检查Comdex.com(计算机研讨会的网站)中的“Contact(联系)”链接。人们要猜测如何阅读和点击这些链接吗?
Web用户几乎不调整字体大小
大多数Web浏览器都有改变字体大小的控件,然而,这只对没有设置字体大小的网站起作用。一些浏览器允许用户不考虑网站的字体设置,显示用户喜欢的字体和字号。在理论上,如果用户无法阅读网站设计人员指定大小的字体,那么两种浏览器都允许用户选择更大的字体。
实际上,绝大多数Web用户从不调整浏览器中的字体,大多数人不知道怎么做。甚至知道如何调整浏览器的字体设置也没有用,因为许多网站将文字嵌入图片中致使浏览器控件失效。大多数人没有调整字体,而是回避了他们无法阅读的网站。
文本的大小取决于操作系统和浏览器
对于使用不同操作系统和Web浏览器的人来说,指定字体大小的文字会出现在不同的尺寸的屏幕中,鉴于这个事实,确保网站中文字的易读性是复杂的。
Windows PCs(windows操作系统的计算机)之间有一个区别。简单地说,Windows PCs通常比Macintoshes显示的文字大33%。因此,如果从一台Windows PC上看到的网站字体是小而清晰的,那么从一台Mac机器上看到的字体就是小而难以辨认的。适合Mac的新版Web浏览器,例如,Internet Explorer(IE)5和以前的Mac浏览器,例如IE 4和Navigator 4,没有纠正。可以从Interl.com和Microsoft.com网站上摘录的片段中看到这个差别。有关这方面的详细情况在补充内容(技术论坛:保证文本在所有的计算机和浏览器中清晰易读)中讨论。
许多网站只使用Windows操作系统进行设计和测试,Windows PCs在市场上的优势地位保证了开发人员收到的大部分反馈来自Windows操作系统的用户。开发人员可能没有意识到网站中的字体对于Mac操作系统的用户来说是不清楚的。
屏幕分辨率决定文字的大小
即使每个人使用相同的计算机和浏览器,但是由于每个人的显示器尺寸不同,选择的分辨率不同——640*480,800*600,1034*768等等,也会造成一个网站的文字在屏幕上显示的大小不同。9英寸的显示器上12磅的字体看起来的确比19英寸显示器上的小。同样,在高分辨率(1024*768)的显示器上,12磅的字体看起来的确比低分辨率(640*480)的要小。
概要:许多因素影响Web浏览器中显示字体的绝对大小,设计人员确实无法完全控制这些因素,问题是要保证每个人都能够阅读文字。
显示小字体借口
当告知Web开发人员,网站中的字体太小时,他们经常提出借口。根据我通常的反应,以下是最常见的借口:
。我能够阅读这些文字,有什么问题吗?——问题是你的目标消费者大多数是在生育高峰期出生的人,快退休了,而你公司的员工都是骑着小摩托车来上班的人(年轻人)。开发人员是否能够阅读文字没有关系,问题是目标用户是否能够阅读?
。在Windows操作系统中看起来没有问题——有多少Macintosh操作系统的用户访问你的网站?你知道吗?你关心他们是否能够阅读吗?
。这里的所有信息我们都需要——很好,如果你的用户无法阅读这些信息,那么等于它们不存在,不是吗?
。这不是我的错;文字在图片中——将图片送回给制作人,并且告诉他们你需要图片中的文字再大些。但是,更好的方法是,不要将文字嵌入图片中;使用真正的HTML文本(按照要求设计)。
。在低分辨率的显示器上已经足够大了——你判断过目标消费者中有多少人使用高分辨率的显示器,又有多少人使用低分辨率的显示器吗?如果没有,那么你应该核实一下,否则,你没有选择字体大小的依据。
解决之道
有人可能会问,准备面向年长者的网站应该如何处理字体。美国退休人员协会网站采取了直接的方法:用户通过浏览器可以重新调整网站中的大部分文字的大小。但是既然大多数Web用户不知道如何调整文字大小,那么这种方法可能不够好。
在SeniorNet.org(一家鼓励年长者使用因特网的网站)中可以看到更好的方法。即使网站中使用的默认字体大小合理,但是网站的设计人员意识到一些年纪的人仍有可能无法阅读文字,他们还意识到许多Web用户从不在浏览器中调整字体的大小。为了增加能够阅读网站文字的年长者的数量,SeniorNet网站在主页中包含了一个标注为“Enlarge Text Size(放大文字)”的按钮,正好解决了这个问题。
尽管SeniorNet网站的方法对于它的情况非常合理,但是这种方法对于面向更一般用户设计的网站来说或许是矫枉过正。对于这样的网站,我推荐按照下列原则显示文字:
。让用户来调整字体大小 避免设置绝对的字体大小。为了改变网站中的字体大小,使用语义标签(例如,(H))和相对的字体尺寸(例如,SIZE=3或者SIZE=medium)。避免将文字嵌入图片,除非你知道文字对于每个目标用户都足够大,能够阅读。
。最小值10磅 如果你必须设置字体的大小,那么永远不要使用小于10磅的字体。重复:永远。12磅的字体更保险。
。为高分辨率的显示器设计 如果网站中的字体在高分辨率的显示器上足够大,容易阅读,那么对于拥有低分辨率显示器的人来说,字体更大更清晰。
。测试 知道文字是否够大的惟一方法是,由预期使用网站的人来测试。如果目标用户阅读文字有困难,那么说明文字太小。另外,还应该在尽量多的计算机平台和浏览器上测试网站。
相关主题:
混合使用不同的字体和颜色
Web设计中几种字体的用法
关于字体的四个首要准则
正文的文字:10号字体规则
合理的排版有助于网站整体风格设计
请拨打热线:0571-86586571

