把網頁設計上的文字大小控制權還給用戶吧
Jakob Nielsen 是網路上知名的網頁設計權威,對於網頁設計理念影響最大的人物,他的網站內有關網頁設計的文章,全世界的網站開發者都視為金科玉律。
我偶然翻閱了 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 當年的建議有甚麼意見?
轉貼來源:香港網頁開發網誌
轉貼來源:
1.黃映瑀(2005)。體驗行銷、體驗價值、顧客滿意、品牌形象與行為意向關係之研究。大葉大學事業經營研究所碩士論文,未出版。
2.黃惇勝(1995)。台灣式KJ 法原理與技術-邁向21 世紀改造臺灣的思考武器。台北:中國生產力。
3.周家瑜(2003)。網站體驗對使用者信任、情感與行為意圖影響之研究。國立高雄第一科技大學行銷與流通管理系碩士論文,未出版。
相關文章
在網頁設計上幾個不受歡迎的花招網頁設計的標題標籤(Title Tag)要怎麼寫才是最優化?網頁設計模式分析-網誌到底更給我們帶來什麼分析像網頁設計之類的文章,搜尋引擎如何判斷?如何在網頁設計的文章中適當的植入關鍵詞
最新文章
HVACKer:入侵隔離網絡的新型攻擊技術還有什麼不會被入侵?路由器 LED 燈已成為攻擊入口美 5 家獨角獸同天申請 IPO 掛牌,最狂的是一家估值 124 億美的數據分析新創!【台灣「智慧產業」開始佈局】緯創集團領投跨國 AI 新創 iKala,下一步拓展東南亞市場快可以用手機遠端遙控你的所有家電了