網(wǎng)頁設(shè)計(jì)說簡單頁簡單，說麻煩也麻煩。同類型的網(wǎng)站大同小異，但是在具體問題和細(xì)節(jié)上，需要具體考慮和對待的問題一點(diǎn)也不少。面對這些不知道何時(shí)就會跳出來的問題，我列了一個常見的注意事項(xiàng)清單，便于在每個網(wǎng)頁設(shè)計(jì)項(xiàng)目中參考、排查問題。
1、無論在什么設(shè)備上，盡量提供類似的體驗(yàn)
用戶可能會從不同的設(shè)備上訪問你的網(wǎng)站，可能在桌面端上，筆記本電腦、平板電腦和手機(jī)上，甚至有可能在智能手表上打開你的網(wǎng)站。而作為用戶體驗(yàn)設(shè)計(jì)的工作目標(biāo)之一，就是盡量確保無論在哪個設(shè)備上打開，都能給用戶以類似、相對一致的體驗(yàn)。
如果用戶需要在手機(jī)上查看你的網(wǎng)站，那么他應(yīng)該能夠像在家里的電腦上查看的時(shí)候那樣，找到所有他希望能找到的內(nèi)容。
2、清晰而易用的導(dǎo)航設(shè)計(jì)
導(dǎo)航是網(wǎng)頁可用性的基石。如果用戶無法通過導(dǎo)航找到自己想要的內(nèi)容，那么無論網(wǎng)站設(shè)計(jì)多好，都是不達(dá)標(biāo)的。所以，你的網(wǎng)站導(dǎo)航應(yīng)該符合下面的特征：
·簡單(每個網(wǎng)站都應(yīng)該具備簡單明了的結(jié)構(gòu))
·清晰(導(dǎo)航的選項(xiàng)對于用戶而言應(yīng)該是不言自明的)
·一致(導(dǎo)航在各個頁面上應(yīng)該都是一致的)
這樣的導(dǎo)航能夠讓用戶盡可能少的點(diǎn)擊用來抵達(dá)他們要去的頁面。
3、讓已訪問的鏈接顯示為別的色彩
每個網(wǎng)站當(dāng)中各種鏈接都不少。為了和文本區(qū)分開來，鏈接通常色彩不一樣，如果用戶點(diǎn)擊之后再返回，鏈接色彩不作區(qū)分的話，用戶可能會無意中重復(fù)訪問相同的頁面。所以，讓已訪問國的鏈接顯示為其他的色彩，讓用戶更好地決定下一步點(diǎn)擊哪里。
4、讓用戶更容易掃視頁面
當(dāng)用戶剛剛開發(fā)打開網(wǎng)頁的時(shí)候，可能會傾向于快速掃視整個頁面，而非通讀所有內(nèi)容。當(dāng)用戶想要快速判斷出他們想要的內(nèi)容在哪里的時(shí)候，就需要快速掃視、定位。作為設(shè)計(jì)師，讓頁面的層次結(jié)構(gòu)足夠清晰，才能讓用戶更清晰地快速獲取信息。如何將內(nèi)容按照重要性、有層次地呈現(xiàn)出來，還是挺考驗(yàn)網(wǎng)頁設(shè)計(jì)師的權(quán)衡能力的。
將屏幕標(biāo)題、登陸表單、導(dǎo)航類目和其他的關(guān)鍵內(nèi)容設(shè)置為視覺焦點(diǎn)，便于用戶發(fā)現(xiàn)。
5、仔細(xì)檢查所有鏈接
當(dāng)鏈接所指向的頁面不存在的時(shí)候，用戶所打開的頁面就會自然地變?yōu)?04了，而這種情況是一定會讓用戶產(chǎn)生沮喪的情緒的。為了避免用戶在瀏覽過程中因此對你的網(wǎng)站產(chǎn)生失望的情緒，請務(wù)必確保每個鏈接都指向正確的頁面。
6、確保元素的視覺和功能表里如一
許多元素的外觀特征會呈現(xiàn)出它功能性的一面，這也就是我們常說的顯而易見、不言自明的設(shè)計(jì)。鏈接通常會呈現(xiàn)成特定的色彩，帶有下劃線，如果你的內(nèi)容文本中有這么一段文字擁有這樣的特征，用戶通常會認(rèn)為它是一個鏈接。如果點(diǎn)擊的時(shí)候發(fā)現(xiàn)它無法跳轉(zhuǎn)，會讓人有“被欺騙”的感覺。用戶需要知道哪些內(nèi)容是可點(diǎn)擊的，而哪些只是強(qiáng)調(diào)，設(shè)計(jì)要表里如一。
7、不要讓你的用戶長時(shí)間等待加載
不論是面對APP還是網(wǎng)頁，用戶的耐心都非常之有限。有研究表明，7秒的等待幾乎是用戶的等待極限，而10秒的加載時(shí)間，只會讓絕大多數(shù)的用戶關(guān)閉頁面，再精美的加載動畫都安撫不了用戶的煩躁。所以不要讓你的用戶等待加載，尤其是這個加載時(shí)間很長的時(shí)候。相關(guān)的應(yīng)對策略很多，比如你可以采用占位符先顯示布局，逐步加載內(nèi)容，至少讓用戶知道，這個過程正在推進(jìn)。
8、不要讓促銷廣告蓋住內(nèi)容
現(xiàn)實(shí)生活中廣告已經(jīng)讓人難以忍受了，如果你的網(wǎng)頁中廣告居然擋住了主要內(nèi)容，這幾乎是逼著你的用戶生氣關(guān)閉頁面，這樣還來的廣告營收從某種意義上也是飲鳩止渴。
另外一方面，長時(shí)間的互聯(lián)網(wǎng)瀏覽經(jīng)驗(yàn)會培養(yǎng)出用戶的另外一種廣告應(yīng)對策略：當(dāng)他們看到廣告的時(shí)候會主動忽略它。這對于廣告的轉(zhuǎn)化率同樣是毀滅性的打擊，不是么?
9、避免滾動劫持
滾動劫持通常指的是開發(fā)者或者設(shè)計(jì)師為了實(shí)現(xiàn)新的布局、動畫或者排版，而修改了滾動的固定點(diǎn)甚至滾動條和體驗(yàn)本身，帶來的非常規(guī)的滾動體驗(yàn)。滾動劫持是最惱人的狀況之一，所以，通常而言，除非極個別的原因，盡量不要過渡調(diào)整和修改用戶滾動瀏覽的體驗(yàn)設(shè)計(jì)。
Mac Pro的頁面就加入了一些令人抓狂的滾動特效，這是為了適配它的視差布局。
10、不要讓視頻和音頻自動播放并出聲
視頻和音頻自動播放對于用戶而言是一種失控的體驗(yàn)，對于用戶也是一種刺激。這樣的設(shè)計(jì)應(yīng)該謹(jǐn)慎使用，除非用戶對此已經(jīng)有所預(yù)期。
Facebook的視頻被設(shè)置為自動播放，但是不會出聲。只有當(dāng)用戶再瀏覽視頻并且與之互動的時(shí)候，才會觸發(fā)聲音控制，外方出聲。
11、不要為了漂亮而犧牲可用性
網(wǎng)站和APP的界面設(shè)計(jì)的外觀不應(yīng)該影響它本身的可用性。避免繁瑣的設(shè)計(jì)，為了美觀而犧牲內(nèi)容的可讀性和對比性都是不能讓人接受的體驗(yàn)。
12、不要使用晃眼的文本和廣告
令人晃眼的文本和廣告本身體驗(yàn)不佳，它們會讓人分心，而且還會觸發(fā)體質(zhì)敏感的癲癇患者發(fā)病。
四川創(chuàng)企科技有限責(zé)任公司企業(yè)給與企業(yè)官網(wǎng)基本建設(shè)設(shè)計(jì)開發(fā)（含APP）、著名品牌咨詢策劃方案、品牌推廣推廣營銷等大數(shù)據(jù)技術(shù)全用戶價(jià)值一體化服務(wù)。重要卓越團(tuán)隊(duì)由大數(shù)據(jù)技術(shù)技術(shù)專業(yè)工作人員和營銷專業(yè)工作人員構(gòu)成，具有10年系統(tǒng)設(shè)計(jì)開發(fā)工作經(jīng)歷，6年品牌推廣實(shí)際個股股票操盤工作經(jīng)歷。
四川創(chuàng)企——互聯(lián)網(wǎng)全價(jià)值鏈一體化服務(wù)商，互聯(lián)網(wǎng)綜合服務(wù)“實(shí)戰(zhàn)派”！依托深厚的系統(tǒng)研發(fā)實(shí)力，豐富 的營銷推廣操盤經(jīng)驗(yàn)。
四川創(chuàng)企科技核心團(tuán)隊(duì)近幾年成功的操盤了多家互聯(lián)網(wǎng)企業(yè)，伴隨企業(yè)網(wǎng)站從0到1，品牌從0到1，用戶從0 到1，并迅速成為各“細(xì)分領(lǐng)域”領(lǐng)導(dǎo)品牌！我們幫助企業(yè)進(jìn)行品牌診斷，提出精準(zhǔn)的營銷定位，并通過強(qiáng) 大的整合營銷資源，幫助品牌跳出同質(zhì)化競爭，獲得強(qiáng)勁的市場競爭力！
