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

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

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

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

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

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

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

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

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

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

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

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

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

確保元素的視覺(jué)和功能相同

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

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

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

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

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

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

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

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

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

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

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

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

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

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