菜单 关闭

允许用户控制字体大小

通过 雅各布·尼尔森8月19日,二千零二

总结:微小的文本通过显著减少任务吞吐量来暴虐用户。IE4有一个很好的用户界面,用户可以轻松地更改字体大小;让我们在下一代浏览器中恢复这种manbetx官方网站手机版设计。


有时技术进步会适得其反,而“更好”的技术对用户来说更糟糕。网络对这个问题并不陌生,并且经历了许多最好避免的创新。示例包括框架,更改浏览器滚动条的颜色,和滚动文本。

另一个有害Web技术的例子是随着样式表,这样网页设计者就可以将文本的manbetx官方网站手机版大小精确到像素。不幸的是,许多设计师manbetx官方网站手机版正在使用这种能力,导致越来越多网站的可读性降低.

字体控件的状态

我在此发起一场运动,让微软使用户首选项覆盖网页设计中的任何固定字体大小规范。manbetx官方网站手机版

浏览器最初可以使用设计器的文本大小呈现页面,manbetx官方网站手机版但是用户应该能够轻松地放大文本,不管样式表怎么说。毕竟,这是我的屏幕,我的电脑,我的软件,他们应该照我说的做。

授予,有些Web浏览器有一个奇怪的功能,允许用户指定自己的样式表。对专家来说很好,但99%的用户只是想让文字变大,如果它太小,无法阅读。只有MACICAB浏览器给用户这种简单的控制;让我们让Internet Explorer对用户的需求同样友好。

所以,为什么这么多的网站文本一开始就很难阅读?两个理论:

  • 大多数网页设计师都manbetx官方网站手机版很年轻,所以要有完美的视野。小文字不会像40岁的人那样困扰他们。manbetx官方网站手机版设计师也倾向于拥有昂贵的,高质量的监视器,更易于眼睛。
  • 创建网站时,manbetx官方网站手机版设计师实际上阅读页面上的信息。他们只是简单地浏览一下文本以确保它看起来很棒。事实上,许多设计都manbetx官方网站手机版是以“lorem ipsum”代替真正的复制品获得批准的。当你不必读单词的时候,字符小无关紧要。

因为很多网站在字体大小方面做了错误的决定,用户通常需要更改它。早期的IE版本支持这种需求,为用户提供两个标准工具栏按钮:一个使文本变大,另一个让它变小了。事情应该是这样的。

先生。盖茨,请把你在IE4中为Mac提供的好设计还给我们。manbetx官方网站手机版

简化浏览器字体控件

不幸的是,最新版本的IE消除了IE4的良好设计,manbetx官方网站手机版将其替换为具有两个严重可用性问题的方法:

  • 默认情况下,“文本大小”按钮不再可见。.只有极少数自定义工具栏的用户会得到这个非常有用的按钮。大多数用户看到的是默认工具栏,因为按钮的效用要小得多。因为功能是隐藏的,很少有用户意识到他们的浏览器可以改变文本大小。
  • 单独的按钮不再存在对于大文本和小文本。如果用户能找到它,他们将得到一个按钮来控制文本更改的两个方向。

对于少数有经验的用户,他们成功地将丢失的按钮恢复到他们的自定义工具栏中,实际上,在IE6中更改文本大小需要几个步骤:

  1. 通过将鼠标指针移到按钮上获取按钮。因为IE中的按钮相当大,根据菲茨定律.
  2. 按下鼠标按钮。
  3. 这会导致出现下拉菜单,可能有五种字体大小。扫描此菜单,记下当前选定的字体大小。
  4. 在精神上计算你想要的新字体大小。这通常比当前选择大(或小)一个尺寸。
  5. 当你继续按下鼠标按钮时,将指针向下移动菜单,直到指向所需的新字体大小。
  6. 放开鼠标按钮。

比较一下这个尴尬,包含“使文本变大”和“使文本变小”的单独按钮的设计所需的交互技术的六步流程:manbetx官方网站手机版

  1. 单击所需按钮。

当然,我有点作弊:你还是有一个初步的步骤来决定你是想把文字改大还是改小,从而确定要单击哪个按钮。仍然,因为整个改变字体大小的过程都是由你在阅读不受欢迎的文本时的烦扰所触发的,你已经知道在您决定更改大小时需要更大(或更小)的文本。(普通用户没有一个单一“更改大小”命令的心理模型,该命令以所需的更改方向参数化;用户的模型包括两个动作:“大”和“小”。代码的实现方式与用户的错觉无关,用户错觉的设计应该与用户的心理模型相匹配。)manbetx官方网站手机版

双按钮方法让用户不用计算文本大小的认知开销。把它放大。用户不想准确指定多大啊!如果最初的点击不能使文本足够大,他们可以很容易地继续点击“更大”按钮。

通过简单的步骤沿着一维轴移动的单个操作按钮,可用性得到了增强。只要每个步骤的结果在每次单击后立即清除。这也是为什么后退按钮对用户来说如此珍贵,以及为什么它比历史列表导航更常用。

改进未来的浏览器

恢复到IE4的Mac设计将是字体大小可manbetx官方网站手机版用性的一个伟大进步。仍然,我们可以做得更好。

而不是让用户每次遇到用户敌意的设计时都手动更改文本大小,manbetx官方网站手机版让我们利用互联网并跟踪字体大小首选项:每次浏览器从新网站加载页面时,它将首先检查数据库以获取有关预测字体大小首选项的信息:

  • 如果这是你以前访问过的网站,本地计算机上的数据库将记录您在以前访问时是否单击了文本大按钮或文本小按钮。如果是这样,它会相应地自动调整文本。
  • 如果这是你第一次访问这个网站,您的浏览器将与中央数据库联系,以获取与您访问过该站点类似的用户操作的信息。然后,它会将这些用户的平均调整应用到从站点看到的第一页。如果您做了任何其他更改,您的本地数据库会注意到一个修改后的首选项,并将修改记录到中央数据库中。

为了加快响应时间,在单击链接之前,浏览器可能会预先获取当前页面链接到的所有网站的首选项设置。

中央数据库本身就是一个简单的协作过滤案例,因为很容易找到其他具有相同文本大小首选项的用户。对于任何给定的网页,大多数用户要么不使用它,要么请求一个或两个大或小尺寸的文本。因为总共有五个选项将占绝大多数用户,字体大小首选项的建模比,说,喜欢书或电影。

基于协作过滤的自动调整字体大小是一个简单的例子,可以从更多网络感知浏览器.它还可以自动修复许多断开的链接,自动删除恼人的广告或弹出窗口,并根据先前网站访问者的反馈,对个人用户体验进行许多其他改进。

我们必须停止把浏览器看作是自由软件的一小部分,它的目标仅仅是在屏幕上呈现网页图片。我们需要用户支持的环境,以方便导航和保护用户免受不良网站的过度使用。

网站可读性指南

我们等不及微软推出一款好的浏览器,尽管这必须是字体大小问题的最终解决方案。现在,网站可以通过遵循以下准则提高可读性:

  • 不使用绝对字体大小在样式表中。以相关术语表示的代码字体大小,通常使用百分比,例如大文本为120%,小文本为90%。
  • 使默认字体大小合理变大(至少10分),所以很少有用户需要使用手动覆盖。
  • 如果你的网站目标老年人,使用更大的默认字体大小(至少12点)。
  • 如果可能的话,避免嵌入在图形中的文本,因为样式表和字体大小按钮对图形没有任何影响。如果必须使用文本图片,确保字体特别大(至少12点),并且使用高对比度颜色。
  • 考虑添加加载备用样式表的按钮如果你网站的大多数访问者都是老年人或者低视力用户.很少有用户知道如何在当前浏览器中查找或使用内置字体大小功能,在页面中添加这样的按钮将帮助用户轻松增加文本大小。然而,因为每一个额外的功能都会从页面的其他部分中删除,我不建议主流网站使用这样的按钮。
  • 最大化颜色对比度在文本和背景之间(不要使用忙碌或水印背景图案)。尽管低对比度文本会进一步降低可读性,如今网络上充斥着灰色文字。