?“網(wǎng)站作為企業(yè)的門面，如果使用起來很糟糕，那憑什么讓客戶相信我們的公司很優(yōu)秀？”

好網(wǎng)站的定義

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

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

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

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

網(wǎng)站建設的五個層次

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

這些決策彼此依賴，告知并影響用戶體驗的各個方面。已經(jīng)被無數(shù)人驗證并認可的決策依據(jù)來源于五個層面，即戰(zhàn)略層、范圍層、結(jié)構(gòu)層、框架層和表現(xiàn)層。

五個層面中的每一個層面都是根據(jù)它的前置層所決定，即戰(zhàn)略層決定了范圍層、范圍層決定了結(jié)構(gòu)層、結(jié)構(gòu)層決定了框架層、框架層決定了表現(xiàn)層。

戰(zhàn)略層

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

戰(zhàn)略層的工作就是要回答好以下的兩個問題：

1.企業(yè)要通過網(wǎng)站得到什么？【這個問題描述了網(wǎng)站的目標】

2.瀏覽用戶想通過網(wǎng)站得到什么？【這個問題闡明了用戶的需求】

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

范圍層

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

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

過程的價值在于，當網(wǎng)站處于立項初期的時候，我們有非常多的各種各樣的天馬行空的想法，過程能迫使我們?nèi)タ紤]潛在的沖突和產(chǎn)品中粗略的地方，我們能確定現(xiàn)在能解決哪些事情，而哪些必須推遲解決。

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

結(jié)構(gòu)層

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

信息架構(gòu)要求創(chuàng)建分類體系，這個分類體系將會對應并符合我們的網(wǎng)站目標、希望滿足的用戶需求，以及將被合并在網(wǎng)站中的內(nèi)容。

交互設計考慮的是內(nèi)容呈現(xiàn)的先后，以及內(nèi)容節(jié)點之間的關(guān)聯(lián)規(guī)則。

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

所需都在，所在都有價值，是結(jié)構(gòu)層完美的真實寫照。

框架層

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

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

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

信息設計，旨在將無序的內(nèi)容調(diào)整為有序的內(nèi)容。你可以用數(shù)學中的合并同類項法則來理解這一調(diào)整過程。我們在呈現(xiàn)內(nèi)容的時候，可以按照樹狀結(jié)構(gòu)來逐層呈現(xiàn)。

表現(xiàn)層

表現(xiàn)層處在五層模型的頂端，是用戶進入網(wǎng)站首先就會感知到的部分。在這一層，內(nèi)容、功能和美學融為一體進而產(chǎn)生一個最終的設計，完成其他四層的共同目標，并同時滿足用戶的感官感受，呼應企業(yè)的品牌形象。
在這一層，我們需要用到不可背離的美學設計法則，需要用到風格字體排版等多種設計手法，需要用到赤橙黃綠和三原色的配色法則。在這一層，視覺設計師可以讓一件泥塑搖身一變成為萬世景仰的青花瓷，也可以讓一頁宣紙經(jīng)由筆墨的點染成為萬古流芳的經(jīng)典之作。