網(wǎng)站設(shè)計規(guī)范：該與不該（一）

網(wǎng)頁設(shè)計是一件很繁瑣的事情，因為在設(shè)計時要考慮很多事情。為了簡化網(wǎng)頁設(shè)計這件事，本文列舉了每個網(wǎng)站設(shè)計者都應(yīng)該考慮的行為準則，包括能做什么，不能做什么。放心，這些準則都是一些很簡單的原則。

設(shè)計網(wǎng)站時，應(yīng)該做什么

1. 在不同設(shè)備上采用相似的設(shè)計：用戶可以通過不同類型的設(shè)備訪問你的網(wǎng)站，這些設(shè)備包括：電腦、平板、手機、音樂播放器、甚至是智能手表等。

無論用戶使用什么設(shè)備訪問你的網(wǎng)頁，確保他們具有類似的體驗，這是用戶體驗設(shè)計中的一條重要標準。

2. 導航的設(shè)計要簡單易用、清晰明了：導航設(shè)計是網(wǎng)頁可用性的基石。

記住：如果用戶在你的網(wǎng)站里找不到導航，那么無論你的網(wǎng)站有多流弊都沒用。這也是導航設(shè)計要遵循以下原則的原因：

簡單。每個網(wǎng)站都應(yīng)該有盡可能簡單的結(jié)構(gòu)。

清晰。導航的每項對用戶而言，都應(yīng)該是清楚的。

一致。系統(tǒng)的導航頁在每一頁中都應(yīng)該是相同的。

用戶以最少的點擊次數(shù)，最快地到達他們想要瀏覽的網(wǎng)頁。這才是導航設(shè)計的目的。

3. 改變訪問過的鏈接的顏色：鏈接是導航的一個關(guān)鍵因素。假如用戶點擊過的鏈接沒有改變顏色，很可能導致用戶多次點擊同一個鏈接。

如果用戶知道自己過去訪問的鏈接和現(xiàn)在還未訪問過的鏈接，那么用戶會更容易決定自己下一次要點擊什么。

4. 讓頁面瀏覽變得更容易：用戶瀏覽我們的網(wǎng)頁時，并不是通讀所有的內(nèi)容，而是快速地掃描整個網(wǎng)頁。

因此，如果用戶來到這個網(wǎng)站，是為了尋找特定的內(nèi)容或者是完成某個任務(wù)，那么他們會先瀏覽整個網(wǎng)頁，直到用戶找到了自己想要去的地方。

因此，作為網(wǎng)頁設(shè)計者的我們，應(yīng)該通過設(shè)計網(wǎng)站可視化的層級架構(gòu)幫助這些用戶盡快達成自己的目的。可視化的層級架構(gòu)意味著網(wǎng)頁上每個元素的擺放或呈現(xiàn)都具有權(quán)重（比如說，我們的設(shè)計決定了用戶先看到哪個，再看到哪個，最后看到哪個）。

我們在設(shè)計網(wǎng)站時，要確保網(wǎng)頁標題、登錄注冊按鈕、導航欄或其它同等重要的元素放在用戶很容易看到的地方，以減少用戶尋找的時間。用戶的視線是Z字形的。

5. 仔細檢查所有的鏈接：當用戶點擊網(wǎng)站上的一個鏈接，界面上卻出現(xiàn)404的錯誤頁面時，用戶很容易變得沮喪。

當用戶在網(wǎng)站上尋找內(nèi)容時，他們希望自己點擊過的每個鏈接都是自己正在尋找的那個，而不是出現(xiàn)404的錯誤頁面、或者點進去后，卻發(fā)現(xiàn)不是自己尋找的那個頁面。

6. 確保能點擊的元素讓用戶看起來就能點擊：一個物體的樣子會告訴用戶如何使用它。

看起來像按鈕或鏈接的視覺元素卻不能點擊，很容易困擾用戶；這些視覺元素包括：文字下劃線并不代表鏈接、擁有動畫效果的元素也不是超鏈接。

用戶想要知道界面上哪些區(qū)域是純靜態(tài)內(nèi)容，哪些區(qū)域是可以點擊的。讓可以點擊的元素明顯一點。