振宇網頁設計公司
關於振宇 網站設計作品 網站排名 線上洽詢
提高網站可讀性
2010/03/05
提高網站可讀性

1.整體佈局:
網站主頁就好象是宣傳欄或者店面——對訪問者產生第一印象,都希望儘量給人留下好的印象,不是嗎?
一般來說,好的網站應該給人有這樣的感覺:
乾淨整潔; 條理清楚; 專業水準; 引人入勝。

網頁應該力求抓住而不是淹沒流覽者的注意力,過多的閃爍、色彩、下拉式功能表框、圖片等會讓訪問者無所適從——離開是最好的選擇,就象一些商店,播放震耳欲聾的發燒音樂,你要做的唯一決定就是離開那裡,越快越好。

2.信息:
無論商業網站還是個人主頁,你必須給人們提供有一定價值的內容才能留住訪問者,因為我們人類總是惟利是圖,第一個問題總是:“對我有什麼用處?”
所以你必須提供某些有價值的東西,當然並不是說必須提供某些免費的物品——免費書籍、免費入場券、免費度假等,這些“有價值的東西”可以是:
信息;
娛樂;
勸告;
對一些問題的幫助;
提供志趣相投者聯絡的機會;
連結到有用的網頁,等等。

如果你經營的是企業網站,需要提供關於產品或服務的資訊:
容易理解;
容易查詢;
容易訂貨。

3.速度:
我們都知道,頁面下載速度是網站留住訪問者的關鍵因素,如果20—30秒還不能打開一個網頁,一般人就會沒有耐心。至少應該確保主頁速度盡可能快,最好不要用大的圖片。

應該時時提醒自己,網站首頁就象一個看板。當開車經過一個看板時,沒有時間閱讀上面的詳細說明,也不可能讚賞其複雜的圖案,廣告標誌從眼前一閃而過,必須在一瞬間給人留下印象。

網上訪問者也是“一閃而過”,保證你的首頁簡單而快速。網上有許多關於如何增加速度的文章——檢查下載速度,放棄一切顯著減慢主頁速度的資料。

4.圖形和版面設計:
圖形和版面設計關係到對主頁的第一印象,圖像應集中反映主頁所期望傳達的主要資訊。
如果有系列商業網站,你不必讓過分顯眼的動畫出現在首頁——但如果你的網站是遊戲網站,動畫將是必不可少的一部分內容。
圖片是影響網頁下載速度的重要原因,根據經驗,把每頁全部內容控制在30K左右可以保證比較理想的下載時間。圖像在6—8K之間為宜,每增加2K會延長1秒鐘的下載時間。

顏色也是影響網頁的重要因素,不同的顏色對人的感覺有不同的影響,例如:
紅色和橙色使人興奮並使得心跳加速;
黃色使人聯想到陽光,是一種快活的顏色;
考慮到你希望對流覽者產生什麼影響,請為網頁選擇合適的顏色。

閱讀西方格式文本時,眼睛從左上方開始,逐行流覽到達由下方,插入圖像時不要忘記這種特性。任何具有方向性的圖片應該放置在網頁中對眼睛最重要的地方,如果在左上角放置一幅小鳥的圖片,鳥嘴應該放在把流覽者目光引向頁面中部的地方,而不是把視線引走。
這種思路可以用於所有圖片:
面部應該“看”網頁的中部;
汽車的“停靠”面向網頁中部;
道路、領帶等等圖片的放置都應該在有助於吸引目光從左向右、從上向下移動。
一般總是把網站導航條放置在頁面左邊,也是出於這種考慮——不斷地出現在流覽者的視野之中。

5.文字的可讀性:
我們仍然用看板的比喻來說明,文字要在看板上突出,周圍應該留有足夠的空間。也許你曾到過一些網站,要麼擁擠不堪的文字覺得好象只有把腦袋鑽進去才能閱讀,要麼深色的背景給人的感覺好象處於非常狹窄的空間裡,而且讓人的心情感覺很壓抑。 某些背景色的令人閱讀困難;紫色、橙色和紅色讓人眼花繚亂。

文字的顏色也很重要,不同的流覽器有不同的顯示效果,有些在你的流覽器上很漂亮的顏色在其他流覽器上可能無法顯示。
參考報紙的編排方式,為方便或快速閱讀將你的內容分欄設計,甚至兩欄也要比一滿頁的視覺效果要好。
另一種能夠提高文字可讀性的因素是你所選擇的字體,通用的字體(Arial, Times New Roman, Garamond and Courier)最易閱讀,特殊字體用於標題效果較好,但是不適合正文(試想流覽整頁的 Gothic, Script, Westminster, or Cloister會是怎樣的感受)。因為閱讀費力,你的眼睛很快就會疲勞,不得不轉移到其他頁面。

6.網頁標題的可讀性:
必須儘量使你的網頁易於閱讀,除了分欄之外(將頁面縱向分割),也需要利用標題和副標題將文檔分段。
為所有標題和副標題設置同一字體,並將標題字體加大一號,所有標題和副標題都採用粗體,這樣便於識別標題(字體加大加粗)和副標題(粗體,與正文字體大小相同),使流覽者一眼就可以看到要點,以便找出並繼續閱讀有興趣的內容。標題的重要性可見一斑,要認真寫好每個標題!
也可以將整句採用粗體或用不同的顏色突出某些內容,不過不要用難以閱讀的顏色。

7.導航:
由於人們習慣於從作到右、從上到下閱讀,所以主要的導航條應放置在頁面左邊,對於較長頁面來說,在最底部設置一個簡單導航也很有必要(只要兩項就夠了:主頁|頁面頂部)。
確定一種你滿意的模式之後,最好將這種模式應用到同一網站的每個頁面,這樣,流覽者就知道如何尋找資訊。

8.保護個人資訊聲明和客戶推薦信:
對於商業網站來講,最重要的事情之一是確保潛在客戶的信心,你應該明確地告訴人們,如何對其興趣、愛好,尤其個人隱私保密,很有必要專門用一個頁面詳細陳述你的保護個人資訊聲明,包括對訪問者的email位址保密、如何接受定單、如何匯總資訊、匯總這些資訊的目的、誰可以看到這些資訊等基本內容。

訪問者也想知道你的產品或服務現有客戶的反映,所以如果能引用與你關係融洽的客戶對你的積極評價,對你的可信度將很有幫助。
不要害怕向顧客索取推薦信——人們都願意自己的意見有價值。
你可以把客戶的推薦信另設計為一個網頁,作為對客戶提供推薦信的回報,在這裡連結到客戶的網站——這也是一種“雙贏”。

9.詞語:
一個網站如果只有漂亮的外觀而詞語錯誤連篇、語法混亂,同樣是失敗的,對於網站所有者和負責人將產生很壞的影響,人們會用許多貶義詞來評價你:粗心大意、懶惰、外行、沒水準等等。
你願意把自己辛苦掙來的錢花在一個連自己的網站都馬馬虎虎的人嗎?

你可以按照上述步驟改進你的網站製作技巧;
你可以請人對你的工作進行校對、編輯;
你也可以請人為你製作網頁;
總之,上述步驟在很多方面對你會有所幫助,不要因為對某些步驟的疏忽而影響你的網站的整體效果。
(本文原作者 詹妮弗·斯泰瓦特 Jennifer Stewart)

 

相關文章
更多網頁設計教學

網站設計 FAQ

網站架構圖及設計流程

More...

網頁設計包括哪些費用?

More...

網站建置需要多少時間?

More...
預算有限,想先體驗網路行銷的效果嗎?
More...
如何讓商機源源不絕而來?
More...
我需不需要自行架設主機呢?
More...
什麼是網域名稱(網址)?什麼是虛擬主機(網站空間)?
More...

RUS Website Design 瑞宇.台中網頁設計公司  Copyright © 2004 振宇網頁設計 All rights Reserved.  線上詢價
振宇首頁關於振宇設計作品線上洽詢常見問題新聞時事網頁設計教學友站連結網站地圖  免費交換連結
回到首頁 聯絡振宇