注：網(wǎng)頁計劃是一件很繁瑣的工作，由于在計劃時要斟酌許多工作。為了簡化網(wǎng)頁計劃這件事，本文枚舉了每一個網(wǎng)站計劃者都應(yīng)當(dāng)斟酌的行為原則，包含能做甚么，不克不及做甚么。寧神，這些原則都是一些很簡略的原則。

計劃網(wǎng)站時，應(yīng)當(dāng)做甚么

1、在分歧裝備上采納相似的計劃

用戶能夠經(jīng)由過程分歧類型的裝備拜訪你的網(wǎng)站，這些裝備包含：電腦、平板、手機(jī)、音樂播放器、乃至是智能腕表等。不管用戶應(yīng)用甚么裝備拜訪你的網(wǎng)頁，確保他們具備類似的體驗(yàn)，這是用戶體驗(yàn)計劃中的一條緊張尺度。

2、導(dǎo)航的計劃要簡略易用、清晰清楚明了

導(dǎo)航計劃是網(wǎng)頁可用性的基石。記著，如果用戶在你的網(wǎng)站里找不到導(dǎo)航，那末不管你的網(wǎng)站有若干都沒用用。這也是導(dǎo)航計劃要遵守如下原則的緣故原由：

• 簡略。每一個網(wǎng)站都應(yīng)當(dāng)有盡量簡略的布局。

• 清晰。導(dǎo)航的每項(xiàng)對用戶而言，都應(yīng)當(dāng)是清晰的。

• 一致。體系的導(dǎo)航頁在每一頁中都應(yīng)當(dāng)是雷同的。

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

3、 轉(zhuǎn)變拜訪過的鏈接的色彩

鏈接是導(dǎo)航的一個癥結(jié)身分。如果用戶點(diǎn)擊過的鏈接沒有轉(zhuǎn)變色彩，極可能招致用戶屢次點(diǎn)擊同一個鏈接。

如果用戶曉得本身曩昔拜訪的鏈接和如今還未拜訪過的鏈接，那末用戶會更易決議本身下一主要點(diǎn)擊甚么。

4、讓頁面瀏覽變得更易

用戶瀏覽咱們的網(wǎng)頁時，并非通讀所有的內(nèi)容，而是疾速地掃描全部網(wǎng)頁。是以，如果用戶離開這個網(wǎng)站，是為了探求特定的內(nèi)容或許是實(shí)現(xiàn)某個義務(wù)，那末他們會先瀏覽全部網(wǎng)頁，直到用戶找到了本身想要去的處所。是以，作為網(wǎng)頁計劃者的咱們，應(yīng)當(dāng)經(jīng)由過程計劃網(wǎng)站可視化的層級架構(gòu)贊助這些用戶盡快殺青本身的目標(biāo)。可視化的層級架構(gòu)意味著網(wǎng)頁上每一個元素的擺放或出現(xiàn)都具備權(quán)重（比如說，咱們的計劃決議了用戶先看到哪一個，再看到哪一個，末了看到哪一個）。

咱們在計劃網(wǎng)站時，要確保網(wǎng)頁題目、登錄注冊按鈕、導(dǎo)航欄或別的一致緊張的元素放在用戶很容易看到的處所，以削減用戶探求的光陰。

用戶的眼簾是Z字形的。

5、細(xì)心反省所有的鏈接

當(dāng)用戶點(diǎn)擊網(wǎng)站上的一個鏈接，界面上卻出現(xiàn) 404 的差錯頁面時，用戶很容易變得喪氣。當(dāng)用戶在網(wǎng)站上探求內(nèi)容時，他們盼望本身點(diǎn)擊過的每一個鏈接都是本身正在探求的誰人，而不是出現(xiàn) 404 的差錯頁面、或許點(diǎn)出來后，卻發(fā)明不是本身探求的誰人頁面。

6、確保能點(diǎn)擊的元素讓用戶看起來就可以點(diǎn)擊

一個物體的模樣會奉告用戶若何應(yīng)用它?？雌饋硐癜粹o或鏈接的視覺元素卻不克不及點(diǎn)擊，很容易困擾用戶，這些視覺元素包含：筆墨下劃線實(shí)在不代表鏈接、領(lǐng)有動畫后果的元素也不是超鏈接。用戶想要曉得界面上哪些地區(qū)是純動態(tài)內(nèi)容，哪些地區(qū)是能夠點(diǎn)擊的。

讓能夠點(diǎn)擊的元素顯著一點(diǎn)。

如上圖，你覺得誰人橙色的框是個按鈕嗎？信任許多人都感到它看起來像個按鈕，但實(shí)在它并非。

計劃網(wǎng)站時，不應(yīng)做甚么

1、不要讓用戶等

網(wǎng)站用戶的耐煩和注意力是異常小的。依據(jù)NNGroup的研討， 10 秒是用戶會合注意力實(shí)現(xiàn)一個義務(wù)的極限。

當(dāng)用戶在期待內(nèi)容加載時，他們極可能會變的喪氣。如果加載速率很慢，用戶極可能會分開這個網(wǎng)站，即使是充足漂亮的加載動畫計劃也無奈轉(zhuǎn)變這個成果。

圖片來自收集

2、在新標(biāo)簽頁關(guān)上鏈接

在新標(biāo)簽頁關(guān)上鏈接的計劃讓用戶無奈應(yīng)用“前往”按鈕前往以前的頁面。這是異常不好的計劃。

3、全部網(wǎng)站充滿著告白

促銷和告白會掩飾網(wǎng)站里的內(nèi)容，也會讓用戶很難會合注意力去實(shí)現(xiàn)義務(wù)，更不用說那些看起來像告白的工作經(jīng)常會被用戶疏忽（這類征象被稱為：旗號盲點(diǎn)）。

4、轉(zhuǎn)動挾制（Hijack scrolling）

轉(zhuǎn)動挾制是指：網(wǎng)站的計劃者或開發(fā)者節(jié)制轉(zhuǎn)動條，從而使得用戶在轉(zhuǎn)動鼠標(biāo)時，會在網(wǎng)站上看到分歧的后果，包含動畫后果、固定的轉(zhuǎn)動點(diǎn)、乃至是重新計劃過的轉(zhuǎn)動條。轉(zhuǎn)動挾制是用戶最不喜歡的計劃之一，是以，它篡奪了用戶節(jié)制轉(zhuǎn)動條的權(quán)力。當(dāng)你計劃網(wǎng)站時或計劃用戶界面時，你應(yīng)當(dāng)讓用戶本身決議本身瀏覽的網(wǎng)頁或APP的地位。

如上圖，這個頁面就采納了這個計劃后果。它應(yīng)用單頁面平行布局的方法，用左邊的點(diǎn)來取代每一個頁面。

5、自動播放視頻（有聲響）

在后盾自動播放視頻、音樂或聲響文件，都是用戶難以接收的計劃方法。用戶很少應(yīng)用這些元素，除非是在恰當(dāng)?shù)臅r刻。

Facebook會在網(wǎng)頁上自動播放視頻，然則在靜音狀況。然則當(dāng)用戶意想到本身在看視頻時，用戶能夠本身點(diǎn)擊屏幕決議聲響的有沒有和巨細(xì)。

6、為了網(wǎng)站的雅觀就義網(wǎng)站的可用性

一個網(wǎng)站或用戶界面的計劃不應(yīng)當(dāng)由于內(nèi)容影響用戶的花費(fèi)才能。最好不要在筆墨后應(yīng)用繁重的配景、也不要應(yīng)用讓用戶很難瀏覽或色彩比較不顯著的配色計劃。

如上圖，低比較的配色計劃很丟臉清晰界面上的字。

7、應(yīng)用閃耀的筆墨或告白

閃耀的內(nèi)容或閃耀會招致易感人群的癲癇病。如許的計劃不僅能激發(fā)癲癇，并且還會因吸引用戶的注意力而觸怒用戶。

不要應(yīng)用閃耀的筆墨