网页设计中让用户控制字体大小

日期:2011年08月24日

技术进步有时事与愿违,“更好”的技术将要为用户恶化。Web是对这个问题并不陌生,并经历了许多,本来最好避免的创新。例子包括帧,改变浏览器滚动条的颜色和滚动文本。

另一个例子是有害的Web技术越来越多地使用样式表,让网页设计师指定文本的确切大小的像素 。不幸的是,许多设计师都在使用这种能力,导致越来越多的网站降低可读性 。

字体控制的国家

我在此发起一项运动,让微软用户的喜好覆盖任何固定的字体在网页设计的尺寸规格 。

这可能是浏览器最初呈现的网页设计师的文字大小没关系,但用户应该能够很容易地放大文本,无论是什么样式表说。毕竟,这是我的屏幕上,我的电脑和我的软件,,和他们应做什么,我说的话。

诚然,某些Web浏览器有一个令人讨厌的功能,允许用户指定自己的样式表 。专家精细,但99%的用户只是想使文本更大,如果它太小,无法阅读 。唯一的MAC ICAB浏览器为用户提供了这个简单的控制,让我们使Internet Explorer同样友好的用户的需求。

那么,为什么是这么多的网站文字难以阅读摆在首位?两种理论:

  • 大多数的网页设计师都年轻,所以有完美的视觉。微小的文字不打扰他们尽可能多的,因为它困扰40另一边的人。设计师也往往以自己的昂贵的,高品质的显示器,对眼睛更容易。
  • 虽然建立一个网站,设计师不实际读取页面上的信息 。他们只是看了一眼文本,以确保它看起来很棒。事实上,许多设计批准的“lorem ipsum”站在真正的副本。当你没有读的话,也不要紧,字符小。

因为那么多的网站有关于字体大小的好坏决定,用户通常需要去改变它。早期版本的IE支持这方面的需要,为用户提供两个标准的工具栏按钮:一个文本更大,和其他更小。这是事物的方式应。

盖茨先生,请给我们回了良好的设计,您在IE4为Mac出货。

简化浏览器的字体控制

不幸的是,IE浏览器的最新版本已经消除了IE4的好的设计,代之以一种方法,有两个严重的可用性问题:

  • 文字大小按钮不再是默认为可见。只有微不足道的百分比谁定制自己的工具栏的用户将得到非常有用的按钮。大多数用户看到的,而不是默认的工具栏,按钮,有少得多的实用污染 。因为该功能是隐藏的,很少有用户意识到他们的浏览器,可以改变文字的大小。
  • 单独的按钮不再存在文本,更大和更小的文本。如果用户可以在这里找到所有的话,他们会得到一个单一的按钮来控制文字的变化两个方向 。

对于那些少数有经验的用户,谁占上风,恢复丢失的按钮,其自定义的工具栏,实际上改变了在IE6中的文字大小,需要几个步骤:

  1. 收购按钮,移动鼠标指针 。由于按钮是合理的IE浏览器的大,这一步是相当快的,根据Fitts的 法律。
  2. 按鼠标按钮。
  3. 这导致下拉菜单中出现,有五个可能的字体大小,。扫描这个菜单中,使得当前选定的字体大小是一个精神的注意。
  4. 弱智计算新的字体大小,你想要。这通常是一个大小大于当前选择的(或更小)。
  5. 当你继续按下鼠标按钮,菜单的指针向下移动,直到它指向所需的新的字体大小。
  6. 放开鼠标按钮。

与设计所需要的交互技术,其中包括单独的按钮“使文本”和“使文本更小,”比较尴尬,六个步骤的过程:

  1. 单击所需的按钮。

当然,我作弊一点:你仍然会决定是否要更大或更小的文本的最初步骤,从而确定你点击哪个按钮 。尽管如此,由于整个改变字体大小的程序是您的烦恼触发尝试读取令人不快的大小的文字,您已经知道您要更大(或更小)的时候,你决定改变大小的文本。(平均用户不会有一个单一的“改变大小”命令与参数变化的预期的方向发展的心智模式;用户的模型包括两个动作:“做大”和“较小”。代码是如何实现的为用户设计应以 ​​满足用户的心理模型的错觉无关。 )

两个按钮的方法,从认知开销计算有多大,他们希望文本要释放用户,只要它做大。用户不想指定完全有多大 ,他们可以很容易地保持“做大”按钮 ,如果点击最初的点击不会使文本足够大。

增强可用性是由单一的动作按钮,将沿着一个单维的轴,在简单的步骤,只要每一步的结果是每次点击后立即清除。这也为什么“后退”按钮的用户如此珍贵,所以它的使用比历史列表导航更加频繁。

改善未来的浏览器

恢复IE4为Mac设计,将字体大小可用性提出了一大步。不过,我们可以做的更好。

不必用户手动更改文字大小每次他们跨用户,敌对的设计,让我们的采取互联网和跟踪字体大小喜好的优势:每次您的浏览器加载一个新的网站页面,它会首先检查数据库有关预测的字体大小偏好信息:

  • 如果您之前曾访问过的站点,在本地计算机上的数据库将保持一个记录,你是否有点击在您上次访问的文本或文本更小的按钮。如果是这样的话,它会自动调整相应的文字。
  • 如果这是您第一次访问该网站,您的浏览器将会给你的用户提供类似的行动,谁愿意访问该网站的信息,联系一个中央数据库。然后,它将适用于这些用户的平均调整到第一页您从网站上看到。如果你做任何额外的变化,您的本地数据库会注意到经修订的偏好,并与中央数据库登录修改。

为了加快响应时间,您的浏览器可能会预取所有网站的偏好设置,目前网页挂之前,你甚至点击一个链接。

中央数据库本身将是一个简单的情况下,协同过滤,因为它会很容易找到其他用户具有相同的文字大小喜好。对于任何给定的网页中,大多数用户要么离开它单独或要求的一个或两个尺寸较大或较小的文本。由于将占绝大多数用户共有5个选项,字体大小的喜好,会容易得多,比方说,在书本上或电影的味道模型。

基于协同过滤的自动调整字体大小是一个简单的例子,积累更多的好处,可以知道网络浏览器。,它也有可能许多汽车修理损坏的链接,自动去除烦人的广告或弹出窗口,以及许多其他改进个人用户的经验基础上从以前的网站访问者的 反馈。

我们必须停止思考的浏览器作为自由软件的琐碎片段,目的不外乎在屏幕上呈现的网页图片。我们需要用户的支持性环境,方便导航和用户免受不良网站的过激。

对于网站的可读性指引

我们不能等待微软船舶良好的浏览器,虽然有字体大小的问题的最终解决办法。现在,网站可以增加可读性,遵循这些指导方针:

  • 不要使用绝对的字体大小,在样式表中。相对而言守则字体大小,如大文本的120%和90%的小型文本通常使用百分比 。
  • 请您默认的字体大小相当大的(至少10点),因此很少有用户诉诸手动覆盖 。
  • 如果您的网站目标高龄,使用更大的默认字体大小(至少12点) 。
  • 如果可能,避免在图形中嵌入文本,因为样式表和字体大小的按钮上的图形没有任何效果 。如果您必须使用文字的图片,确保字体大小是特别大(至少12点),您使用高对比度的颜色。
  • 考虑添加一个按钮,加载一个备用样式表,真正大的字体大小,如果您网站的访问者大多是高龄或低视力的用户。很少有用户知道如何找到或使用内置在当前浏览器的字体大小的功能,这样一个在您的网页按钮,将帮助用户方便地增加文字大小。然而,因为每一个额外的功能可以远离页面的其余部分,我不建议等主流网站的一个 按钮。
  • 之间的文本和背景(和不使用繁忙或水印的背景图案),最大限度地提高色彩的对比。尽管事实上,低对比度的文字进一步降低可读性,Web是困扰这些天,灰色的文字 。
Tags:体验设计 企业网站建设
上一篇文章:网页设计中注意:任何页面中回到首页
下一篇文章:网页设计中搜索引擎优化:加强与ALT标签提示