網站(zhàn)設計(jì)的重點該意做(zuò)什麽VS不該做(zuò)什麽

網頁設計(jì)是一件很(hěn)繁瑣的事情，因為(wèi)在設計(jì)時(shí)要考慮很(hěn)多(duō)事情。為(wèi)了簡化網頁設計(jì)這件事，本文列舉了每個(gè)網站(zhàn)設計(jì)者都應該考慮的行(xíng)為(wèi)準則，包括能做(zuò)什麽，不能做(zuò)什麽。放心，這些(xiē)準則都是一些(xiē)很(hěn)簡單的原則。

用戶可(kě)以通(tōng)過不同類型的設備訪問你(nǐ)的網站(zhàn)，這些(xiē)設備包括：電(diàn)腦(nǎo)、平闆、手機、音(yīn)樂播放器(qì)、甚至是智能手表等。

無論用戶使用什麽設備訪問你(nǐ)的網頁，确保他們具有(yǒu)類似的體(tǐ)驗，這是用戶體(tǐ)驗設計(jì)中的一條重要标準。

導航設計(jì)是網頁可(kě)用性的基石。

記住：如果用戶在你(nǐ)的網站(zhàn)裏找不到導航，那(nà)麽無論你(nǐ)的網站(zhàn)有(yǒu)多(duō)流弊都沒用。這也是導航設計(jì)要遵循以下原則的原因：

清晰。導航的每項對用戶而言，都應該是清楚的。

一緻。系統的導航頁在每一頁中都應該是相同的。

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

鏈接是導航的一個(gè)關鍵因素。假如用戶點擊過的鏈接沒有(yǒu)改變顔色，很(hěn)可(kě)能導緻用戶多(duō)次點擊同一個(gè)鏈接。

如果用戶知道(dào)自己過去訪問的鏈接和(hé)現在還(hái)未訪問過的鏈接，那(nà)麽用戶會(huì)更容易決定自己下一次要點擊什麽。

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

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

因此，作(zuò)為(wèi)網頁設計(jì)者的我們，應該通(tōng)過設計(jì)網站(zhàn)可(kě)視(shì)化的層級架構幫助這些(xiē)用戶盡快達成自己的目的。

可(kě)視(shì)化的層級架構意味着網頁上(shàng)每個(gè)元素的擺放或呈現都具有(yǒu)權重（比如說，我們的設計(jì)決定了用戶先看到哪個(gè)，再看到哪個(gè)，最後看到哪個(gè)）。

我們在設計(jì)網站(zhàn)時(shí)，要确保網頁标題、登錄注冊按鈕、導航欄或其它同等重要的元素放在用戶很(hěn)容易看到的地方，以減少(shǎo)用戶尋找的時(shí)間(jiān)。

用戶的視(shì)線是Z字形的。

當用戶點擊網站(zhàn)上(shàng)的一個(gè)鏈接，界面上(shàng)卻出現404的錯誤頁面時(shí)，用戶很(hěn)容易變得(de)沮喪。

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

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

看起來(lái)像按鈕或鏈接的視(shì)覺元素卻不能點擊，很(hěn)容易困擾用戶；這些(xiē)視(shì)覺元素包括：文字下劃線并不代表鏈接、擁有(yǒu)動畫(huà)效果的元素也不是超鏈接。

用戶想要知道(dào)界面上(shàng)哪些(xiē)區(qū)域是純靜态內(nèi)容，哪些(xiē)區(qū)域是可(kě)以點擊的。

如上(shàng)圖，你(nǐ)認為(wèi)那(nà)個(gè)橙色的框是個(gè)按鈕嗎？相信很(hěn)多(duō)人(rén)都覺得(de)它看起來(lái)像個(gè)按鈕，但(dàn)其實它并不是。

網站(zhàn)用戶的耐心和(hé)注意力是非常小(xiǎo)的。根據NNGroup的研究，10秒(miǎo)是用戶集中注意力完成一個(gè)任務的極限。

當用戶在等待內(nèi)容加載時(shí)，他們很(hěn)可(kě)能會(huì)變的沮喪。如果加載速度很(hěn)慢，用戶很(hěn)可(kě)能會(huì)離開(kāi)這個(gè)網站(zhàn)，即使是足夠漂亮的加載動畫(huà)設計(jì)也無法改變這個(gè)結果。

在新标簽頁打開(kāi)鏈接的設計(jì)讓用戶無法使用“返回”按鈕返回之前的頁面。這是非常不好的設計(jì)。

促銷和(hé)廣告會(huì)掩蓋網站(zhàn)裏的內(nèi)容，也會(huì)讓用戶很(hěn)難集中注意力去完成任務，更不用說那(nà)些(xiē)看起來(lái)像廣告的事情常常會(huì)被用戶忽略（這種現象被稱為(wèi)：旗幟盲點）。

滾動劫持是指：網站(zhàn)的設計(jì)者或開(kāi)發者控制(zhì)滾動條，從而使得(de)用戶在滾動鼠标時(shí)，會(huì)在網站(zhàn)上(shàng)看到不同的效果，包括動畫(huà)效果、固定的滾動點、甚至是重新設計(jì)過的滾動條。

滾動劫持是用戶最不喜歡的設計(jì)之一，因此，它奪取了用戶控制(zhì)滾動條的權利。

當你(nǐ)設計(jì)網站(zhàn)時(shí)或設計(jì)用戶界面時(shí)，你(nǐ)應該讓用戶自己決定自己浏覽的網頁或APP的位置。

如上(shàng)圖，這個(gè)頁面就采用了這個(gè)設計(jì)效果。它使用單頁面平行(xíng)布局的方式，用右邊的點來(lái)代替每個(gè)頁面。

在後台自動播放視(shì)頻、音(yīn)樂或聲音(yīn)文件，都是用戶難以接受的設計(jì)方式。

用戶很(hěn)少(shǎo)使用這些(xiē)元素，除非是在适當的時(shí)候。

Facebook會(huì)在網頁上(shàng)自動播放視(shì)頻，但(dàn)是在靜音(yīn)狀态。但(dàn)是當用戶意識到自己在看視(shì)頻時(shí)，用戶可(kě)以自己點擊屏幕決定聲音(yīn)的有(yǒu)無以及大(dà)小(xiǎo)。

一個(gè)網站(zhàn)或用戶界面的設計(jì)不應該因為(wèi)內(nèi)容影(yǐng)響用戶的消費能力。最好不要在文字後使用繁重的背景、也不要使用讓用戶很(hěn)難閱讀或顔色對比不明(míng)顯的配色方案。

如上(shàng)圖，低(dī)對比的配色方案很(hěn)難看清楚界面上(shàng)的字。

閃爍的內(nèi)容或閃爍會(huì)導緻易感人(rén)群的癫痫病。這樣的設計(jì)不僅能引發癫痫，而且還(hái)會(huì)因吸引用戶的注意力而惹惱用戶。

廈門(mén)網站(zhàn)建設，網站(zhàn)優化，福建谷歌(gē)推廣，小(xiǎo)程序開(kāi)發，企業郵箱，微信推廣