PIECE2巨群
網頁設計 ‧ 平面設計 ‧ 虛擬主機 ‧ 網路行銷
最新消息
資訊分享
關於我們 服務項目 客戶案例 製作流程 虛擬主機 聯絡我們
把網頁設計上的文字大小控制權還給用戶吧

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,下一步拓展東南亞市場
快可以用手機遠端遙控你的所有家電了



 
PIECE2巨群 版權所有 © 2008 總公司:06-2895301 台北:02-82529838 台中:04-25152530 高雄:07-7931226
驗證 CSS 驗證 W3C
專精項目:網頁設計   網站設計   平面設計   包裝設計   關鍵字行銷   關鍵字排名   網路行銷   網站代管   虛擬主機   ERP系統