把文字大小的控制權還給用戶吧

阿恆

Jakob Nielsen 是網上知名的網頁設計權威，他主持的 useit.com 被視為其中一個對網站／網頁設計理念影響最大的網站，這個網站在 Google 的頁面排名更是同類網站的表表者，網站內有關網頁設計的文章，全世界的網站開發者都視為金科玉律。

我偶然翻閱了 Jakob 在 2002 年寫的一篇文章「把文字大小的控制權還給用戶吧」，雖然是四年前的作品，裏面對瀏覽器的描述可能已經過時，但是對設計師有關網頁字體的忠告，卻歷久彌新。

Jakob 在文章的開始這樣說：

有時科技的進步會產生反效果，「比較好」的科技到頭來反而害苦了用戶，網際網絡也有這種情況，不少新點子例如頁框、改變捲棒的顏色、捲動文字等，到頭來最好還是不要使用。

另一個被視為有害的網頁技術，就是 style sheet 中讓網頁設計人員以象素的精確度來定義文字大小的技術，這種技術令越來越多網站的可閱讀性變得越來越低。

是甚麼令到網站的可閱讀性降低呢？Jakob 說在大部分的情況下都是因為文字太小了，但是為甚麼這種現象那麼普遍呢？對此 Jakob 有兩個解釋：

  1. 網頁設計師大多是年輕人，擁有較好的視力，他們對細小文字的容忍力比那些 40 歲以上的用戶高。加上網頁設計師大多擁有昂貴而高性能的顯示器，這些都能舒緩眼睛的不適。
  2. 設計師在編寫網頁的時候大多不會 閱讀 網頁的內容，他們大都只是促略瞄一下，確保頁面上的文字看來不錯，事實上有些設計師只是以一段重複使用的無意義文字來測試字體、字型、排版等效果，既然他們根本沒有閱讀那些文字，文字的大小對他們自然無關痛癢。

我認為 Jokob 遺漏了一個很重要的因素：絕大部分的網站開發人員和站長都沒有受過設計訓練，他們純粹靠個人的直觀和使用習慣來設計頁面。

不同的用戶對文字大小有不同的要求，為了提高網頁的可閱讀性，Jakob 給予開發人員六點忠告：

  1. **不要使用絕對值來定義文字的大小：**在 style sheet 中使用相對的數值，例如較大的字體使用 120%，較小的字體使用 90%。
  2. **預設的文字大小必須足夠大：**最小 10pt，這樣只有很少用戶需要在瀏覽器調整文字大小。
  3. **以長者為主要對象的網站字體應該加大：**最小 12pt。
  4. **在可能的情況下不要在圖像內加入文字：**因為 style sheet 和瀏覽器都不能改變圖像內的文字大小，若果非在圖像內加入文字不可，必須確保文字足夠大（最小 12pt），而且要使用高反差的顏色。
  5. **不妨加入一個讓用戶更改 style sheet 的按鈕：**若果你的訪客大部分是長者或弱視人士，這張替換的 style sheet 可以用來顯示特大的字體。有很多用戶根本不知道怎樣在瀏覽器上更改文字的大小，這一個按鈕正好方便他們。
  6. **儘量增大顏色的反差：**文字和底色的顏色反差應該儘量增大，不要在背景使用水印的效果，儘管很多人都知道低反差的顏色增加閱讀的困難，但卻越來越多網站使用灰色的字體。

在現今的瀏覽器和網頁技術比 2002 年有了長足的進步，當年只有 IE 和 Netscape，現在有了 Firefox，Opera 和 Safari 也開始為人所認識，W3C 的技術規範也越來越受到重視。總之，這四年來網站的設計概念和技術都有不少改變，你對 Jakob 當年的建議有甚麼意見？