不同的網(wǎng)頁設(shè)計(jì)師都有同樣的煩惱：同一類型的網(wǎng)站是一樣的，風(fēng)格不明顯，無法吸引用戶扎根！

為此，小編在具體問題和細(xì)節(jié)上總結(jié)了幾個(gè)需要注意的問題。

用戶可以從不同的設(shè)備訪問您的網(wǎng)站，或在臺式機(jī)、筆記本電腦、平板電腦和手機(jī)上打開，甚至在智能手表上打開。作為用戶體驗(yàn)設(shè)計(jì)的目標(biāo)之一，就是要盡量保證無論打開哪個(gè)設(shè)備，都能給用戶一個(gè)類似的、相對一致的體驗(yàn)。

導(dǎo)航是web可用性的基石。如果用戶通過導(dǎo)航找不到自己想要的內(nèi)容，不管網(wǎng)站設(shè)計(jì)多好，都達(dá)不到標(biāo)準(zhǔn)。因此，您的網(wǎng)站導(dǎo)航應(yīng)符合以下特點(diǎn)：

簡單（每個(gè)網(wǎng)站都應(yīng)該有一個(gè)簡單明了的結(jié)構(gòu)）

清除（導(dǎo)航選項(xiàng)對用戶來說應(yīng)該是不言而喻的）

一致（所有頁面上的導(dǎo)航應(yīng)該一致）

（這樣的導(dǎo)航允許用戶盡可能少地單擊以訪問他們想要轉(zhuǎn)到的頁面）

對于擁有大量不同子頁面的網(wǎng)站來說，大型導(dǎo)航菜單似乎是一個(gè)很好的解決方案，但事實(shí)并非如此。大型導(dǎo)航菜單對于絕大多數(shù)普通用戶來說，看起來更像是一個(gè)迷宮，尤其是在他們尋找內(nèi)容時(shí)更是不顯眼的類別之一。這種解決方案似乎足以滿足所有用戶的需求，但實(shí)際上卻讓所有用戶感到不太舒服。事實(shí)上，這不是一次極好的經(jīng)歷。

如果用戶單擊然后返回，鏈接顏色不區(qū)分，用戶可能會無意中重復(fù)訪問同一頁。因此，讓訪問的鏈接顯示其他顏色，并讓用戶更好地決定下一步單擊的位置。

當(dāng)用戶剛開始打開一個(gè)網(wǎng)頁時(shí)，他們可能傾向于快速掃描整個(gè)網(wǎng)頁，而不是閱讀所有內(nèi)容。作為一個(gè)設(shè)計(jì)師，頁面的層次結(jié)構(gòu)足夠清晰，使用戶能夠更清晰、更快地獲取信息。如何根據(jù)內(nèi)容的重要性和層次來呈現(xiàn)內(nèi)容，仍然是對網(wǎng)頁設(shè)計(jì)者衡量能力的考驗(yàn)。

（將屏幕標(biāo)題、登錄表單、導(dǎo)航類別和其他關(guān)鍵內(nèi)容設(shè)置為用戶發(fā)現(xiàn)的視覺焦點(diǎn)。）

當(dāng)鏈接指向的頁面不存在時(shí)，用戶打開的頁面自然會變成404，這種情況肯定會讓用戶感到沮喪。為了避免用戶在瀏覽時(shí)對你的網(wǎng)站感到失望，請確保沒有指向正確頁面的鏈接。

確保元素的視覺和功能相同

很多元素的外觀特征都會表現(xiàn)出其功能性的一面，這也就是人們常說的明顯而不言而喻的設(shè)計(jì)。例如，鏈接通常以特定顏色顯示，并帶有下劃線。用戶需要知道哪些內(nèi)容是可點(diǎn)擊的，這只是強(qiáng)調(diào)，設(shè)計(jì)應(yīng)該是一樣的。

無論是面對應(yīng)用還是網(wǎng)頁，用戶的耐心都是非常有限的。有研究表明，7秒的等待時(shí)間幾乎是用戶的等待極限，而10秒的加載時(shí)間只會讓絕大多數(shù)用戶關(guān)閉頁面，無論加載動畫有多漂亮都能平息用戶的煩躁情緒。所以，不要讓你的用戶等待負(fù)載，特別是當(dāng)它需要很長時(shí)間的時(shí)候。有很多相關(guān)的策略。例如，可以先使用占位符顯示布局，然后逐步加載內(nèi)容，至少可以讓用戶知道此過程正在進(jìn)行中。

在現(xiàn)實(shí)生活中，廣告一直讓人難以忍受。如果你的網(wǎng)頁的主要內(nèi)容被廣告屏蔽，它幾乎迫使你的用戶憤怒地關(guān)閉網(wǎng)頁。從某種意義上說，廣告收入的回報(bào)也是飲鴆止渴。

在用戶體驗(yàn)設(shè)計(jì)中，打斷正在進(jìn)行的用戶體驗(yàn)是一大禁忌。這種設(shè)計(jì)模式將用戶從體驗(yàn)中推出。

有許多相應(yīng)的替代方案，可以是在內(nèi)容閱讀完成后提供一個(gè)微妙的彈出框，或者以其他方式提醒信息，或者添加需要在用戶過程中提示的內(nèi)容。

滾動劫持通常是指開發(fā)人員或設(shè)計(jì)人員為了實(shí)現(xiàn)新的布局、動畫或排版而修改滾動的固定點(diǎn)，甚至滾動條和體驗(yàn)本身的非常規(guī)滾動體驗(yàn)。滾動劫持是更煩人的情況之一，所以，一般來說，除非出于非常個(gè)別的原因，盡量不要過度調(diào)整和修改滾動瀏覽的用戶體驗(yàn)設(shè)計(jì)。

（MacPro頁面有一些瘋狂的滾動效果來適應(yīng)其視差布局。）

無限滾動的出現(xiàn)，更終解決了在移動終端上查看復(fù)雜分類頁面的問題。但同時(shí)，無限軋制的設(shè)計(jì)也給我們帶來了許多新的問題。例如，當(dāng)你想訪問一個(gè)重要的頁面，而它恰好位于一個(gè)長滾動頁面的底部，無論加載頁面的時(shí)間和流量如何，滾動到底部都會很痛苦。

就像一個(gè)大的導(dǎo)航菜單，有一個(gè)合理的解決方案使其工作。結(jié)合傳統(tǒng)的移動頁面和無限滾動模式，用戶可以選擇更合適的模式，有助于提高頁面的可訪問性。

視音頻自動播放對用戶來說是一種失控的體驗(yàn)，也是對用戶的一種刺激。這樣的設(shè)計(jì)應(yīng)該謹(jǐn)慎使用，除非用戶已經(jīng)預(yù)料到了。

（Facebook的視頻設(shè)置為自動播放，但不會發(fā)出聲音。只有當(dāng)用戶瀏覽視頻并與其交互時(shí)，才會觸發(fā)聲音控制并釋放聲音。）

網(wǎng)站和應(yīng)用程序界面設(shè)計(jì)的出現(xiàn)不應(yīng)影響其可用性。避免乏味的設(shè)計(jì)，犧牲內(nèi)容的可讀性和對比度來獲得美感是不可接受的體驗(yàn)。

令人眼花繚亂的文字和廣告體驗(yàn)不佳。它們會分散注意力，引發(fā)生理敏感型癲癇（這不是一個(gè)嚴(yán)重的胡說八道）

當(dāng)然，一切都有兩面性。這些都是正常情況。在許多設(shè)計(jì)項(xiàng)目中，它們也可以是特定需求下的解決方案。另外，學(xué)習(xí)根據(jù)實(shí)際情況尋找方案是設(shè)計(jì)師應(yīng)該做的。