useit.com 被視為其中一個對網站/網頁設計理念影響最大的網站,這個網站在 Google 的頁面排名更是同類網站的表表者,網站內有關網頁設計的文章,全世界的網站開發者都視為金科玉律。
我偶然翻閱了 Jakob 在 2002 年寫的一篇文章「把文字大小的控制權還給用戶吧」,雖然是四年前的作品,裏面對瀏覽器的描述可能已經過時,但是對設計師有關網頁字體的忠告,卻歷久彌新。
Jakob 在文章的開始這樣說:
有時科技的進步會產生反效果,「比較好」的科技到頭來反而害苦了用戶,網際網絡也有這種情況,不少新點子例如頁框、改變捲棒的顏色、捲動文字等,到頭來最好還是不要使用。
另一個被視為有害的網頁技術,就是 style sheet 中讓網頁設計人員以象素的精確度來定義文字大小的技術,這種技術令越來越多網站的可閱讀性變得越來越低。
是甚麼令到網站的可閱讀性降低呢?Jakob 說在大部分的情況下都是因為文字太小了,但是為甚麼這種現象那麼普遍呢?對此 Jakob 有兩個解釋:
- 網頁設計師大多是年輕人,擁有較好的視力,他們對細小文字的容忍力比那些 40 歲以上的用戶高。加上網頁設計師大多擁有昂貴而高性能的顯示器,這些都能舒緩眼睛的不適。
- 設計師在編寫網頁的時候大多不會 閱讀 網頁的內容,他們大都只是促略瞄一下,確保頁面上的文字看來不錯,事實上有些設計師只是以一段重複使用的無意義文字來測試字體、字型、排版等效果,既然他們根本沒有閱讀那些文字,文字的大小對他們自然無關痛癢。
我認為 Jokob 遺漏了一個很重要的因素:絕大部分的網站開發人員和站長都沒有受過設計訓練,他們純粹靠個人的直觀和使用習慣來設計頁面。
不同的用戶對文字大小有不同的要求,為了提高網頁的可閱讀性,Jakob 給予開發人員六點忠告:
- **不要使用絕對值來定義文字的大小:**在 style sheet 中使用相對的數值,例如較大的字體使用 120%,較小的字體使用 90%。
- **預設的文字大小必須足夠大:**最小 10pt,這樣只有很少用戶需要在瀏覽器調整文字大小。
- **以長者為主要對象的網站字體應該加大:**最小 12pt。
- **在可能的情況下不要在圖像內加入文字:**因為 style sheet 和瀏覽器都不能改變圖像內的文字大小,若果非在圖像內加入文字不可,必須確保文字足夠大(最小 12pt),而且要使用高反差的顏色。
- **不妨加入一個讓用戶更改 style sheet 的按鈕:**若果你的訪客大部分是長者或弱視人士,這張替換的 style sheet 可以用來顯示特大的字體。有很多用戶根本不知道怎樣在瀏覽器上更改文字的大小,這一個按鈕正好方便他們。
- **儘量增大顏色的反差:**文字和底色的顏色反差應該儘量增大,不要在背景使用水印的效果,儘管很多人都知道低反差的顏色增加閱讀的困難,但卻越來越多網站使用灰色的字體。
在現今的瀏覽器和網頁技術比 2002 年有了長足的進步,當年只有 IE 和 Netscape,現在有了 Firefox,Opera 和 Safari 也開始為人所認識,W3C 的技術規範也越來越受到重視。總之,這四年來網站的設計概念和技術都有不少改變,你對 Jakob 當年的建議有甚麼意見?