好網站的定義

相信任何接觸網站業務的人，無論是建站客戶，抑或是網站建設供應商，都會在腦海中思考“什么才是好網站”這個問題。

對于這個問題，不同的人因為經歷經驗不同，會有不一樣的答案。行業外的人員，會說“高端大氣上檔次的就是好網站”；行業內的人員，會說“基于用戶體驗為中心的原則而設計的網站才是好網站”。

很顯然，不同的人員對于好網站的定義是不一樣的。即便如此，我們也不能忽略一個事實，那就是當一個優秀的站點呈現在人們的眼前時，無論你是否專業，你都會一眼認定這就是你心目中的好網站。

作為一個在建站行業摸爬滾打近十年的我想說，如果一個網站呈現出了它的目標用戶所需要的內容又散發出與之自身適合的外觀風格，那么它就是一個好的網站。

網站建設的五個層次

想告訴大家一個確定的事實，一個擁有著絕佳用戶體驗的網站，事實上是由一系列完整的決策組成的：網站看起來的樣子如何、它如何運轉、它能讓你做什么。

這些決策彼此依賴，告知并影響用戶體驗的各個方面。已經被無數人驗證并認可的決策依據來源于五個層面，即戰略層、范圍層、結構層、框架層和表現層。

五個層面中的每一個層面都是根據它的前置層所決定，即戰略層決定了范圍層、范圍層決定了結構層、結構層決定了框架層、框架層決定了表現層。

戰略層

當一家企業決定建設網站的時候，他們是帶著一些期許的。同樣的，當一個用戶去搜索一個網站的時候，他也是帶著期許來瀏覽這個網站的。

戰略層的工作就是要回答好以下的兩個問題：
1.企業要通過網站得到什么？【這個問題描述了網站的目標】
2.瀏覽用戶想通過網站得到什么？【這個問題闡明了用戶的需求】

當一個網站能都清楚地表達企業要展示的內容，以及確切地知道用戶想要什么的時候。這個網站就在邁向好網站的路上，完成了至關重要的一步“戰略層定義”！

當我們對彼此的期許熟諳于心，我們就可以將這些期許通過有計劃地梳理落實到紙面。網站是由一個個的頁面構成，每個頁面需要展示什么內容，需要多少張頁面，當你擁有一個明確的戰略層規劃，那么你就知道這些頁面范圍該如何界定。

界定范圍是一個有價值的過程，同時可以產生有價值的產品。網站的范圍層定義，其實是在做兩件事，一是過程，二是產品。

過程的價值在于，當網站處于立項初期的時候，我們有非常多的各種各樣的天馬行空的想法，過程能迫使我們去考慮潛在的沖突和產品中粗略的地方，我們能確定現在能解決哪些事情，而哪些必須推遲解決。

產品的價值在于，它是一個參考點，可以明確網站要完成的全部工作。產品的定義，可以保證在設計過程中不會出現模棱兩可的情況，即便出現，也會有一把衡量的標尺，而不至于無從下手。

當一股腦的內容涌入你的腦海，尤其是還沒有分類的時候，你無法快速有效地獲取到內容的輕重緩急，內容的表現也會大打折扣，為了百分百還原甚至加倍放大內容的力度，我們需要對內容做結構分層。這件工作并不陌生，你之前聽過的信息架構和交互設計正是它。

信息架構要求創建分類體系，這個分類體系將會對應并符合我們的網站目標、希望滿足的用戶需求，以及將被合并在網站中的內容。

交互設計考慮的是內容呈現的先后，以及內容節點之間的關聯規則。

這兩方面的工作都遵從于正向推理和反向驗證的方法，即從前至后再從后至前，通過正向和逆向的雙重推演去驗證一個流程設計的合理性。在推演的過程中，網站目標和用戶需求始終以線索的方式鑲嵌在全生命周期的流轉中，并保證其始終被滿足。

所需都在，所在都有價值，是結構層完美的真實寫照。

框架層的工作，其實就是布局設計的工作，主要體現在三方面：導航設計、界面設計、信息設計。這些工作的目的是，讓用戶瀏覽網站時感覺更容易和輕松。

導航設計，旨在幫助人們找到想要的東西。全局導航、局部導航、輔助導航、上下文導航、友好導航、網站地圖和索引表，這些都是導航設計的存在形式。

界面設計，旨在將雜亂無章的內容有序地歸類和分層。諸如圖片、圖標、視頻、文本、復選框、單選按鈕、下拉菜單、多選菜單這些元素，該單獨呈現還是一起上陣，你需要考慮一個合理的方案來確定如何擺放。期間還要統籌兼顧到視重、平衡和點線面的設計原理。

信息設計，旨在將無序的內容調整為有序的內容。你可以用數學中的合并同類項法則來理解這一調整過程。我們在呈現內容的時候，可以按照樹狀結構來逐層呈現。

表現層處在五層模型的頂端，是用戶進入網站首先就會感知到的部分。在這一層，內容、功能和美學融為一體進而產生一個最終的設計，完成其他四層的共同目標，并同時滿足用戶的感官感受，呼應企業的品牌形象。

在這一層，我們需要用到不可背離的美學設計法則，需要用到風格字體排版等多種設計手法，需要用到赤橙黃綠和三原色的配色法則。在這一層，視覺設計師可以讓一件泥塑搖身一變成為萬世景仰的青花瓷，也可以讓一頁宣紙經由筆墨的點染成為萬古流芳的經典之作。