衡量一個“好”網站的標準

目錄

1. 文檔介紹
1.1. 前言
1.2. 術語與縮寫解釋
2. 什麼樣的網站纔算“好”的網站
2.1. 技術保障
2.2. 用戶體驗
2.3. 網站所有者
3. 後記

轉自：http://www.cnblogs.com/Kidwind/archive/2007/11/22/guideline-tech-excellentwebsite.html

文檔介紹

前言

近日與客戶談網站建設的問題，客戶問及“怎麼樣纔算是一個‘好’的網站，一個‘好’網站它的標準是什麼”，當時沒理解客戶的意圖，按平常談客戶的方式回答到“客戶滿意了，那就是好的網站”，因爲滿足客戶需求是我們做服務的基本要求。爲此問題後來與客戶談了挺長時間，也引發了我對此問題的重新思考。客戶不是從事互聯網行業的，對互聯網缺乏認識，導致了其對自身需求和結果的不確定，“你做出來了，我怎麼知道你做的好不好。我說好了，更多的人又覺得不好該怎麼辦。”是客戶的擔憂。
那麼什麼纔是一個好的網站呢，它是否有一個特定的標準呢？或許在這個領域裏的確沒有這樣的標準，而且“好”是一個較泛的字，在不同人的眼裏，從不同的角度，得出的答案也許都不相同，這也是本文對“好”字加以引號的意思。那麼沒有了“好”的統一標準，我們又如何向客戶承諾，讓客戶放心，我們做的是“好”的呢？慶幸的是我們可以依據一些特定的指標和用戶思維方式，來滿足大多數人對“好”的評價，也就是80%的人認爲同一個人是美女，那麼這80%的人的共同的審美觀就是潛在的標準。本文將提供一個建設性的參考用予評價“好”的指導意見，也是本人多年從事互聯網工作的一些經驗總結。

術語與縮寫解釋

1. W3C是“World Wide Web Consortium”的縮寫，中文稱萬維網組織。是一個專注於“領導和發展web技術”的國際工業行業協會。它由萬維網發明者Time Berners-Lee領導，成立與1994年。W3C已經有超過500家的會員--包括微軟、美國在線(Netscape的母公司)、蘋果電腦、 Adobe、Macromedia、SUN 以及各類主流硬件、軟件製造商和電信公司。學會主要研究由三家學術機構主理--美國麻省理工學院(MIT)、法國的歐洲信息與數學研究論壇 (ERCIM)、日本的應慶大學(KEIO)。關於W3C的更多信息，請點擊這裏。
2. WEB標準 不是某一個標準，而是一系列標準的集合。網頁主要由三部分組成：結構（Structure）、表現（Presentation）和行爲（Behavior）。對應的標準也分三方面：結構化標準語言主要包括XHTML和XML，表現標準語言主要包括CSS，行爲標準主要包括對象模型（如W3C DOM）、ECMAScript等。這些標準大部分由W3C起草和發佈，也有一些是其他標準組織制訂的標準，比如ECMA（European Computer Manufacturers Association）的ECMAScript標準。關於WEB標準的更多信息，請點擊這裏。
3. Ajax（Asynchronous JavaScript + XML） ，異步JavaScript與XML，是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態地更新。使用Ajax，你可以創建接近本地桌面應用的，直接的、高可用的、更豐富的、更動態的Web用戶接口界面。關於Ajax的更多信息，請點擊這裏。
4. 用戶體驗，英文叫做user experience，縮寫爲UE, 或者UX。當指電子商務網站的時候也被稱作顧客體驗（CUSTOMER EXPERIENCE). 它是指用戶訪問一個網站或者使用一個產品時的全部體驗。他們的印象和感覺，是否成功，是否享受，是否還想再來/使用。他們能夠忍受的問題，疑惑和BUG的程度。

什麼樣的網站纔算“好”的網站

對於這個問題，或許大多數人都從未認真的思考過，又或許僅從單方面進行評價，而忽略了更多的因素。本章將從技術角度、用戶角度及網站所有者的角度來綜合建立一套評價準則，力求達到客觀公正。

技術保障

一個“好”的網站，要具有好的技術支撐。“好”的技術，又可以從兩方面進行評價，後端的程序實現及前端的頁面表現技術。
技術的進步推動着互聯網的發展，互聯網的廣泛運用又促進着技術的變革。網站作爲互聯網最重要的應用，從誕生之初，其技術已經歷了多次技術變革，由最初單純的靜態頁面內容，轉變爲具有一定交互能力的動態頁面內容（ASP、PHP之類的動態腳本解析語言等），又由簡單的腳本解析語言，演變爲囊括強大語言特性應用框架（ASP.Net、JSP等），強有力的後端技術使得我們可以建立起豐富的、具有交互性的網站應用。後端技術是我們搭建交互式應用的基礎，然而選擇何種後端技術，在這裏並不是我們衡量一個網站“好”的指標，只要能夠滿足應用需求，任何技術都是可行的，甚至可以不選擇使用任何後端技術（一些內容簡單，更新量少的網站）。但只要我們需要構建一個具有交互式的網站應用，那麼我們就必須選擇一種後端技術，前面提到選擇何種後端技術並非我們衡量的標準，但基於某種後端技術開發的後端程序，確可以讓我們尋得一定的依據：

1. 應用的後端程序是否具有健壯、清晰的結構。
2. 應用是否具有好的擴展性和維護性。
3. 應用是否具有好的可靠性，是否足夠安全（是否存在SQL注入等安全隱患）。
4. 應用是否有較高的執行效率。
5. 應用提供的功能是否符合業務需求。

隨着Web2.0的興起，Web標準這一概念逐步得到了業界的認可，並被廣泛運用到網站的建設中，一些注重技術和成本的商業網站率先全面使用web標準技術進行網站重構，將Web標準推到了一個新的高度，越來越多的人開始關注Web標準。那麼，什麼是Web標準呢？其實Web標準就是我們用予構建網站的前端頁面表現技術（具體可以點擊這裏），是由W3C和其他的標準化組織共同制定的。儘管Web標準並非規定的標準，它只是W3C制定的推薦規範，W3C並沒有強制要求和監督業界去執行，Web標準組織(http://www.webstandards.org)爲了便於這些規範的推廣，才把它們統稱爲“web標準”，雖然W3C制定的只是“推薦規範”，但它已經是事實上的標準，得到也各大IT企業的認可，因此沒有理由懷疑它的廣泛性和可行性。由此可見，網站是否符合Web標準，可以作爲我們衡量一個網站是否“好”的指標。
那麼爲什麼符合Web標準的網站就算是一個“好”的網站呢？要回答這個問題，我們就要看看Web標準給我們帶來了什麼：

1. 更少的代碼和組件，更簡易的開發與維護。使用更具有語義和結構化的HTML，將讓您更加容易、快速的理解他人編寫的代碼。
2. 帶寬要求降低（代碼更簡潔），成本降低。例：當 ESPN.com 使用 CSS改版後，每天節約超過兩兆字節（terabytes）的帶寬。
3. 更快的網頁下載、讀取速度。更少的HTML代碼帶來的將是更小的文件和更快的下載速度。如今的瀏覽器當處於標準模式下將比它在以前的兼容模式下擁有更快的網頁讀取速度。
4. 更好的可訪問性和用戶體驗，內容能被更多的用戶所訪問（包括失明、視弱、色盲等殘障人士）。語義化的HTML（結構和表現相分離）將讓使用瀏覽器以及不同的瀏覽設備的讀者都能很容易的看到內容。
5. 更容易被搜尋引擎搜索到，提高搜索排名。內容和表現的分離使內容成爲了一個文本的主體。與語義化的標記結合會提高您在搜索引擎中的排名。
6. 更好的向後兼容。當您使用已定義的標準和規範的代碼，那麼您這個向後兼容的文本就消除了不能被未來的瀏覽器識別的後患。

Web標準給我們帶來的好處，足以作爲我們衡量一個“好”網站的指標。那如何知道一個網站是否符合Web標準呢？W3C爲我們提供了在線校驗程序，來幫助我們檢查頁面是否符合標準，並提供了修正錯誤的幫助信息。
XHTML校驗：http://validator.w3.org/
CSS2校驗：http://jigsaw.w3.org/css-validator/

用戶體驗

用戶體驗主要是用戶在使用網站過程中建立起來的心理感受，注重網站的用戶體驗設計，爲用戶建立起良好的使用感受，無疑爲提高用戶的忠誠度，擴散網站影響力，鑄造網站品牌起到至關重要的作用。我們也可以說，一個“好”的網站，一定要給予用戶良好的用戶體驗。
用戶體驗囊括了多方面，多層次的內涵。從網站的整體內容設計，到網站的一個元素的擺放，都會影響到整個用戶的使用感受。那麼如何衡量一個網站的用戶體驗是否做得夠好呢？這裏我們可以通過問卷調查的方式來收集用戶的反饋。另外，好的用戶體驗設計的一些基本原則我們還是可以從理論中總結而來：

1. 網站規劃時應明確主題，內容應圍繞網站的主題進行。

   網站的主題應當明確，不應當摻雜太多不相關的內容。不相干的內容會讓使用着感到茫然，從而降低了其用戶體驗。如作爲一個行業資訊類的網站，就沒必要設置些娛樂之類的內容（我就有看到過這樣的網站）。

2. 網站信息應進行科學合理的分類。

   不要將所有的信息都堆積在一起，對信息進行合理的歸類，讓用戶能夠很容易的找到其關注的信息。

3. 網站內容應當提供相關的豐富的、深層次的內容。

   好的內容是吸引用戶的重要因素之一，讓用戶在你的網站上能找到他想要的有價值的信息，這就是很好的用戶體驗。

4. 網站要有個漂亮的外觀。

   漂亮的外觀是給用戶留下第一印象的關口，體現了你站點的技術實力及對站點的重視程度，也是決定用戶是否有興趣繼續點擊你的網站的更多內容鏈接的因素之一，所以不要吝嗇你的時間，多花些時間在介面設計上不會浪費你的心機。有些網站還設置了主題切換的功能，讓用戶可以隨着自己的喜好選擇外觀，這也是提升用戶體驗的好方法。

5. 頁面的佈局是否合理。

   頁面的佈局是否合理，也是影響用戶使用體驗的因素之一。衡量佈局是否合理，可依據的原則是重要的、用戶關注度較高的、用戶使用度較高的內容應儘量呈現在頁面上方顯著的位置。網易在進行改版後，首頁的頭條不是由管理員決定的，而是由使用的評價度決定的，這就是非常貼近用戶體驗的設計。

6. 頁面的主次是否清晰。

   在確定是否符合這條之前，你必須先明確每個頁面的主體部分，主體內容部分應在打開頁面時就呈現在用戶的眼前，並且佔據可視區域的絕大部分，不要讓你的網站的頭部LOGO或廣告佔據了整個頁面。另外，可以使用一些技術手段讓主體內容更早的呈現在用戶的眼中。

7. 功能的使用提示是否作足。

   在交互式的網站應用中，或多或少會有一些供用戶使用的功能（如留言、評論之類），用戶在使用過程中難免會遇到不知道如何使用，某些術語不知道其代表的涵義的尷尬，那麼健全的操作幫助和術語解釋就起到很好的輔助作用。另外“是否作足”還包含別外一層涵義，就是相關的使用提示是否放置在顯眼的位置，是否能夠讓用戶足夠方便快捷的查找。

8. 用戶在操作功能時是否感覺連貫。

   由於Web應用程序的特殊性，用戶在點擊鏈接或按鈕時，頁面需要重新加載來爲用戶呈現內容或操作結果，大大降低了用戶使用體驗。而Web2.0的崛起爲我們帶來了一個新的概念：Ajax，通過使用Ajax我們可以爲用戶建立起一個連續的操作使用感受。

9. 貼切的使用輔助。

   貼切的使用輔助，對提供用戶體驗起到了畫龍點睛的效果。如在文章底部放置一個返回頂部的按鈕，當用戶閱讀完信息後只需點擊它，就可以回到頁首的導航繼續進行瀏覽。

10. 很好的訪問瀏覽速度。

    好的訪問速度決定着用戶是否願意繼續瀏覽你的站點的因素之一，據研究，一個用戶點擊頁面後所能忍受的等待時間約爲5秒，越過這個時間就會讓用戶感到厭煩，因此，請控制你的網站頁面打開時間在這個值以內。可以通過一些技術手段對網頁結構進行優化，從而提高用戶瀏覽的速度。

另外，Web標準所倡導“可訪問性”，也是提升用戶體驗的良好依據，同時也是擴大你站點的用戶羣體的一個很好的規範。（關於“可訪問性”的更多信息，可以點擊這裏）
現如今搜索已成爲互聯網上查找信息的主要手段，而創建一個具有良好用戶體驗的網站，對其在搜索引擎上佔據更高的排名，也起着重要的作用。

網站所有者

對於網站持有者來說，“好”的網站應該是符合其建站初宗的網站。如企業網站應該達到企業形象展示及宣傳的效果，商業性的網站應達到盈利目的等。但究其根本，對於網站所有者來說，好的網站應具備以下條件：

1. 更大的用戶訪問量。

   更高的用戶訪問量標誌着網站對用戶更具有價值（網站內容和用戶體驗），同時也體現出網站自身的價值，是建站投資回報的重要依據。

2. 更高的技術力量。

   好的技術力量是網站正常運行的保證，是網站持續運營發展的保證，是提升網站用戶體驗的保證，是降低運營成本的有效手段。

3. 更低的成本。

   好的網站應該具有相對更低的成本，這可以通過優化網站結構等技術手段達到。

4. 更高的回報。

   好的網站應該爲網站所有者帶來更高的回報率。

後記

本文圍繞如何評價一個網站是否“好”展開分析，從技術、用戶及網站所有者幾個角度總結了一定的衡量依據。您在仔細閱讀中會發現，三者之間存在着緊密的聯繫，作爲低層的技術保障，將爲一個“好”的網站奠定基礎。

如果你對本文本有任何看法或意見，請聯繫我，我將非常樂意與您進行探討。 <script type="text/JavaScript"> var alimama_pid="mm_10500344_569285_898548"; var alimama_titlecolor="0000FF"; var alimama_descolor ="000000"; var alimama_bgcolor="FFFFFF"; var alimama_bordercolor="E6E6E6"; var alimama_linkcolor="008000"; var alimama_bottomcolor="FFFFFF"; var alimama_anglesize="0"; var alimama_bgpic="0"; var alimama_icon="0"; var alimama_sizecode="12"; var alimama_width=468; var alimama_height=60; var alimama_type=2; </script><script src="http://a.alimama.cn/inf.js" type="text/javascript"> </script>