網(wǎng)站設(shè)計(jì)規(guī)范

網(wǎng)站設(shè)計(jì)規(guī)范

1. 在不同設(shè)備上采用相似的設(shè)計(jì)

用戶可以通過(guò)不同類型的設(shè)備訪問(wèn)你的網(wǎng)站，這些設(shè)備包括：電腦、平板、手機(jī)、音樂(lè)播放器、甚至是智能手表等。

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

2. 導(dǎo)航的設(shè)計(jì)要簡(jiǎn)單易用、清晰明了

導(dǎo)航設(shè)計(jì)是網(wǎng)頁(yè)可用性的基石。

記?。喝绻脩粼谀愕木W(wǎng)站里找不到導(dǎo)航，那么無(wú)論你的網(wǎng)站有多流弊都沒(méi)用。這也是導(dǎo)航設(shè)計(jì)要遵循以下原則的原因：

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

·

清晰。導(dǎo)航的每項(xiàng)對(duì)用戶而言，都應(yīng)該是清楚的。

·

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

·

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

3. 改變?cè)L問(wèn)過(guò)的鏈接的顏色

鏈接是導(dǎo)航的一個(gè)關(guān)鍵因素。假如用戶點(diǎn)擊過(guò)的鏈接沒(méi)有改變顏色，很可能導(dǎo)致用戶多次點(diǎn)擊同一個(gè)鏈接。

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

4. 讓頁(yè)面瀏覽變得更容易

用戶瀏覽我們的網(wǎng)頁(yè)時(shí)，并不是通讀所有的內(nèi)容，而是快速地掃描整個(gè)網(wǎng)頁(yè)。

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

因此，作為網(wǎng)頁(yè)設(shè)計(jì)者的我們，應(yīng)該通過(guò)設(shè)計(jì)網(wǎng)站可視化的層級(jí)架構(gòu)幫助這些用戶盡快達(dá)成自己的目的。

可視化的層級(jí)架構(gòu)意味著網(wǎng)頁(yè)上每個(gè)元素的擺放或呈現(xiàn)都具有權(quán)重（比如說(shuō)，我們的設(shè)計(jì)決定了用戶先看到哪個(gè)，再看到哪個(gè)，后看到哪個(gè)）。

我們?cè)谠O(shè)計(jì)網(wǎng)站時(shí)，要確保網(wǎng)頁(yè)標(biāo)題、登錄注冊(cè)按鈕、導(dǎo)航欄或其它同等重要的元素放在用戶很容易看到的地方，以減少用戶尋找的時(shí)間。

用戶的視線是Z字形的。

5. 仔細(xì)檢查所有的鏈接

當(dāng)用戶點(diǎn)擊網(wǎng)站上的一個(gè)鏈接，界面上卻出現(xiàn)404的錯(cuò)誤頁(yè)面時(shí)，用戶很容易變得沮喪。

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

6. 確保能點(diǎn)擊的元素讓用戶看起來(lái)就能點(diǎn)擊

一個(gè)物體的樣子會(huì)告訴用戶如何使用它。

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

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

讓可以點(diǎn)擊的元素明顯一點(diǎn)。