深(shen)圳網站設計是一件很繁瑣的(de)事(shi)情(qing)，因為(wei)在(zai)設計時要考慮很多事(shi)情(qing)。為(wei)了(le)(le)簡(jian)化網頁設計這(zhe)件事(shi)，本文列舉(ju)了(le)(le)每個網站設計者(zhe)都應該考慮的(de)行為(wei)準(zhun)則(ze)，包括能(neng)做什么(me)，不(bu)能(neng)做什么(me)。放心，這(zhe)些準(zhun)則(ze)都是一些很簡(jian)單的(de)原則(ze)。

       設(she)計網站時應(ying)該做什(shen)么(me)

??1、在不同設(she)備上采用相似的設(she)計(ji)

??用(yong)(yong)戶可以通(tong)過不(bu)同類型的(de)設備訪問你的(de)網(wang)(wang)站，這些(xie)設備包括：電腦、平板、手機、音樂播放(fang)器、甚至是智能手表等。無論用(yong)(yong)戶使用(yong)(yong)什么(me)設備訪問你的(de)網(wang)(wang)頁，確保他們具有類似的(de)體驗，這是用(yong)(yong)戶體驗設計中的(de)一條重要標準。

??2、導航的設計要簡單易用、清晰明了(le)

??導航設(she)(she)計是(shi)深圳網站(zhan)(zhan)設(she)(she)計可用(yong)(yong)性的(de)基石。記住，如果用(yong)(yong)戶在你的(de)網站(zhan)(zhan)里找不到導航，那(nei)么無(wu)論你的(de)網站(zhan)(zhan)有(you)多少都沒用(yong)(yong)用(yong)(yong)。這也是(shi)導航設(she)(she)計要遵循以下原則的(de)原因：

??· 簡(jian)(jian)單。每個網站都應該(gai)有盡可能簡(jian)(jian)單的結構。

??· 清晰。導航的每項對用戶(hu)而言，都應(ying)該是清楚的。

??· 一致。系統的導航頁在每一頁中(zhong)都應該是相同(tong)的。

??用戶以(yi)最少的點(dian)擊次數，最快地到達他們想要瀏覽的網頁。這才是導航設計的目的。

??3、 改(gai)變訪(fang)問(wen)過的(de)鏈接的(de)顏色

??鏈(lian)接(jie)是導航的一個(ge)關鍵因素(su)。假如(ru)用戶點擊過的鏈(lian)接(jie)沒有改變顏色，很可能導致用戶多(duo)次點擊同一個(ge)鏈(lian)接(jie)。

??如(ru)果用(yong)戶(hu)知(zhi)道自己過去訪問的鏈接和現在(zai)還未訪問過的鏈接，那么(me)(me)用(yong)戶(hu)會更容易(yi)決定自己下一次要點擊什么(me)(me)。

??4、讓頁面瀏覽變(bian)得更容易

??用戶(hu)(hu)瀏(liu)覽(lan)我(wo)們(men)的(de)(de)(de)網(wang)頁(ye)(ye)時，并不是(shi)通(tong)讀(du)所(suo)有的(de)(de)(de)內容，而(er)是(shi)快速(su)地(di)掃描整(zheng)個網(wang)頁(ye)(ye)。因此，如果用戶(hu)(hu)來到(dao)這個網(wang)站，是(shi)為了(le)(le)尋找特定的(de)(de)(de)內容或者是(shi)完成某個任務(wu)，那么他們(men)會先瀏(liu)覽(lan)整(zheng)個網(wang)頁(ye)(ye)，直到(dao)用戶(hu)(hu)找到(dao)了(le)(le)自己想要(yao)去的(de)(de)(de)地(di)方。因此，作為網(wang)頁(ye)(ye)設計(ji)者的(de)(de)(de)我(wo)們(men)，應該通(tong)過設計(ji)網(wang)站可視化(hua)(hua)的(de)(de)(de)層(ceng)級架構幫助這些用戶(hu)(hu)盡快達成自己的(de)(de)(de)目的(de)(de)(de)。可視化(hua)(hua)的(de)(de)(de)層(ceng)級架構意(yi)味(wei)著網(wang)頁(ye)(ye)上每(mei)個元素的(de)(de)(de)擺放或呈現都(dou)具有權(quan)重(比如說，我(wo)們(men)的(de)(de)(de)設計(ji)決定了(le)(le)用戶(hu)(hu)先看(kan)到(dao)哪(na)(na)(na)個，再(zai)看(kan)到(dao)哪(na)(na)(na)個，最(zui)后看(kan)到(dao)哪(na)(na)(na)個)。

??我們在(zai)設計網站時，要(yao)確保網頁(ye)標題、登錄(lu)注冊按鈕、導(dao)航(hang)欄或其它(ta)同等重要(yao)的元素放在(zai)用戶很容易看到的地方，以減少用戶尋(xun)找的時間。

??5、仔(zi)細檢查所有(you)的鏈接

??當用(yong)戶(hu)點擊網站上(shang)的(de)(de)一個(ge)鏈接，界面上(shang)卻出現404的(de)(de)錯誤頁面時(shi)，用(yong)戶(hu)很容易(yi)變得沮喪。當用(yong)戶(hu)在(zai)網站上(shang)尋(xun)(xun)找內容時(shi)，他們希望(wang)自(zi)己點擊過的(de)(de)每個(ge)鏈接都(dou)是(shi)(shi)自(zi)己正在(zai)尋(xun)(xun)找的(de)(de)那個(ge)，而不是(shi)(shi)出現404的(de)(de)錯誤頁面、或者(zhe)點進去后，卻發現不是(shi)(shi)自(zi)己尋(xun)(xun)找的(de)(de)那個(ge)頁面。

??6、確保能點擊的元素(su)讓用戶看起來就能點擊

??一個物體的(de)(de)樣(yang)子會告(gao)訴用(yong)(yong)戶如何使用(yong)(yong)它。看起來像按鈕(niu)或鏈接的(de)(de)視覺元(yuan)(yuan)素卻不(bu)能點擊(ji)，很容易困擾(rao)用(yong)(yong)戶，這些(xie)視覺元(yuan)(yuan)素包括：文字(zi)下劃線(xian)并不(bu)代表(biao)鏈接、擁(yong)有(you)動畫效果的(de)(de)元(yuan)(yuan)素也不(bu)是超(chao)鏈接。用(yong)(yong)戶想要知(zhi)道界面上哪(na)些(xie)區(qu)域是純靜態內(nei)容，哪(na)些(xie)區(qu)域是可以點擊(ji)的(de)(de)。

       設計(ji)網站(zhan)時不應該做什(shen)么(me)

??1、不要讓(rang)用戶等

??網站用戶的耐心和注(zhu)意力是非常小(xiao)的。根據NNGroup的研究，10秒是用戶集中注(zhu)意力完成(cheng)一個任務的極限。

??當(dang)用(yong)戶在等待內容(rong)加載時，他們(men)很(hen)(hen)可能會(hui)變的(de)沮喪。如果(guo)加載速度(du)很(hen)(hen)慢，用(yong)戶很(hen)(hen)可能會(hui)離開這(zhe)個網站，即使是足夠(gou)漂亮(liang)的(de)加載動畫設(she)計也無法(fa)改變這(zhe)個結果(guo)。

??2、在(zai)新(xin)標簽頁(ye)打開鏈接

??在新標簽頁打開(kai)鏈(lian)接的設計(ji)讓用(yong)戶無法使用(yong)“返回”按鈕返回之前(qian)的頁面。這是非常(chang)不好的設計(ji)。

??3、整(zheng)個網站充斥(chi)著廣告

??促銷和廣(guang)告會掩蓋網站里的內容，也會讓用(yong)(yong)戶(hu)很(hen)難集中注(zhu)意(yi)力去完成任(ren)務，更不(bu)用(yong)(yong)說那些看起來(lai)像廣(guang)告的事情常(chang)常(chang)會被用(yong)(yong)戶(hu)忽略(這種現象(xiang)被稱為：旗幟盲點)。

??4、滾動劫持

??滾(gun)動(dong)(dong)(dong)(dong)劫(jie)持(chi)是指：網(wang)站(zhan)(zhan)的(de)設計(ji)(ji)者(zhe)或(huo)開發者(zhe)控制(zhi)滾(gun)動(dong)(dong)(dong)(dong)條(tiao)，從(cong)而使(shi)得用(yong)戶(hu)(hu)在(zai)滾(gun)動(dong)(dong)(dong)(dong)鼠標時(shi)，會在(zai)網(wang)站(zhan)(zhan)上看到不同的(de)效果，包括(kuo)動(dong)(dong)(dong)(dong)畫(hua)效果、固(gu)定的(de)滾(gun)動(dong)(dong)(dong)(dong)點、甚至(zhi)是重新設計(ji)(ji)過的(de)滾(gun)動(dong)(dong)(dong)(dong)條(tiao)。滾(gun)動(dong)(dong)(dong)(dong)劫(jie)持(chi)是用(yong)戶(hu)(hu)最不喜歡(huan)的(de)設計(ji)(ji)之一，因此，它奪取了用(yong)戶(hu)(hu)控制(zhi)滾(gun)動(dong)(dong)(dong)(dong)條(tiao)的(de)權利。當你(ni)設計(ji)(ji)網(wang)站(zhan)(zhan)時(shi)或(huo)設計(ji)(ji)用(yong)戶(hu)(hu)界面時(shi)，你(ni)應該讓(rang)用(yong)戶(hu)(hu)自己決(jue)定自己瀏(liu)覽(lan)的(de)網(wang)頁或(huo)APP的(de)位(wei)置(zhi)。

??5、自(zi)動(dong)播放視頻(有聲音(yin))

??在后(hou)臺自動播放視頻、音樂或聲(sheng)音文件，都(dou)是(shi)用戶難以接(jie)受的設(she)計方式。用戶很少使用這些元素，除(chu)非是(shi)在適當的時候。

??6、為了(le)網(wang)站的(de)美觀犧(xi)牲(sheng)網(wang)站的(de)可用性

??一個(ge)網站或(huo)用(yong)戶界面(mian)的設(she)計不應該(gai)因為(wei)內容影響用(yong)戶的消(xiao)費(fei)能力(li)。最好不要(yao)在文字后使(shi)(shi)用(yong)繁重的背景、也(ye)不要(yao)使(shi)(shi)用(yong)讓用(yong)戶很難閱讀(du)或(huo)顏色(se)對比不明顯(xian)的配色(se)方案。

??7、使(shi)用閃(shan)爍的文字(zi)或廣(guang)告

??閃爍的(de)內(nei)容或(huo)閃爍會導致易感人群(qun)的(de)癲癇病。這樣的(de)設計不僅能引(yin)發(fa)癲癇，而(er)且還會因吸引(yin)用戶的(de)注(zhu)意(yi)力而(er)惹(re)惱用戶。