廣州網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)單，但是麻煩。同類(lèi)型的網(wǎng)站都差不多，但是有相當(dāng)多的問(wèn)題需要具體問(wèn)題和細(xì)節(jié)方面具體考慮和處理。面對(duì)這些問(wèn)題，我列出了一系列常見(jiàn)的注意事項(xiàng)，供每個(gè)網(wǎng)頁(yè)設(shè)計(jì)項(xiàng)目參考和排除故障。

　　1.嘗試在任何設(shè)備上提供類(lèi)似的體驗(yàn)

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

　　如果用戶(hù)需要在手機(jī)上查看你的網(wǎng)站，他應(yīng)該能夠搜索到他希望找到的所有內(nèi)容，就像在家里的電腦上查看一樣。

　　2.清晰易用的導(dǎo)航設(shè)計(jì)

　　導(dǎo)航是網(wǎng)站可用性的基石。如果用戶(hù)通過(guò)導(dǎo)航找不到自己想要的內(nèi)容，那么網(wǎng)站再好的設(shè)計(jì)也不達(dá)標(biāo)。因此，您的網(wǎng)站導(dǎo)航應(yīng)滿(mǎn)足以下特征：

　　簡(jiǎn)單(每個(gè)網(wǎng)站都要有簡(jiǎn)單明了的結(jié)構(gòu))

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

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

　　該導(dǎo)航允許用戶(hù)盡可能少地點(diǎn)擊以到達(dá)他們想要去的頁(yè)面。

　　3.讓已訪問(wèn)的鏈接以其他顏色顯示

　　每個(gè)網(wǎng)站都有很多鏈接。為了區(qū)別于文本，鏈接通常有不同的顏色。如果用戶(hù)點(diǎn)擊后返回，鏈接顏色不區(qū)分，用戶(hù)可能會(huì)無(wú)意中重復(fù)訪問(wèn)同一個(gè)頁(yè)面。因此，讓被訪問(wèn)的鏈接以其他顏色顯示，這樣用戶(hù)可以更好地決定下一步點(diǎn)擊哪里。

　　4.使用戶(hù)更容易瀏覽頁(yè)面

　　當(dāng)用戶(hù)開(kāi)始打開(kāi)網(wǎng)頁(yè)時(shí)，他們可能傾向于瀏覽整個(gè)頁(yè)面，而不是通讀所有內(nèi)容。當(dāng)用戶(hù)想要快速確定他們想要的內(nèi)容在哪里時(shí)，他們需要快速掃描并定位它。作為一個(gè)設(shè)計(jì)師，只有把頁(yè)面的層次結(jié)構(gòu)做得足夠清晰，用戶(hù)才能更清晰、更快捷地獲取信息。如何根據(jù)內(nèi)容的重要性和層次性來(lái)呈現(xiàn)內(nèi)容，是對(duì)網(wǎng)頁(yè)設(shè)計(jì)師平衡能力的考驗(yàn)。

　　將屏幕標(biāo)題、登錄表單、導(dǎo)航類(lèi)別等關(guān)鍵內(nèi)容設(shè)置為視覺(jué)焦點(diǎn)，方便用戶(hù)查找。

　　5.仔細(xì)檢查所有鏈接

　　當(dāng)鏈接指向的頁(yè)面不存在時(shí)，用戶(hù)打開(kāi)的頁(yè)面自然會(huì)變成404，肯定會(huì)讓用戶(hù)感到壓抑。為了防止用戶(hù)在瀏覽過(guò)程中對(duì)您的網(wǎng)站感到失望，請(qǐng)確保沒(méi)有指向正確頁(yè)面的鏈接。6.確保視覺(jué)元素和功能元素一致

　　很多元素的外觀特征都會(huì)表現(xiàn)出其功能性的一面，這就是我們常說(shuō)的明顯不言而喻的設(shè)計(jì)。鏈接通常以特定的顏色出現(xiàn)，并帶有下劃線。如果你的內(nèi)容文本中有這樣的段落具有這樣的特征，用戶(hù)通常會(huì)認(rèn)為是鏈接。如果你點(diǎn)擊發(fā)現(xiàn)它跳不起來(lái)，你會(huì)覺(jué)得被騙了。用戶(hù)需要知道什么是可點(diǎn)擊的，什么是剛剛強(qiáng)調(diào)的，設(shè)計(jì)要和看起來(lái)一致。

　　7.不要讓你的用戶(hù)長(zhǎng)時(shí)間等待加載

　　無(wú)論面對(duì)APP還是網(wǎng)頁(yè)，用戶(hù)的耐心都是非常有限的。研究表明，7秒的等待時(shí)間幾乎是用戶(hù)的等待極限，而10秒的加載時(shí)間只會(huì)讓大部分用戶(hù)關(guān)閉頁(yè)面，無(wú)論加載的動(dòng)畫(huà)有多精美，都無(wú)法緩解用戶(hù)的煩躁。所以，不要讓你的用戶(hù)等待加載，尤其是加載時(shí)間很長(zhǎng)的時(shí)候。有很多相關(guān)的應(yīng)對(duì)策略。例如，您可以先使用占位符顯示布局，然后逐步加載內(nèi)容，至少讓用戶(hù)知道這個(gè)過(guò)程正在推進(jìn)。

　　8.不要讓促銷(xiāo)廣告覆蓋內(nèi)容

　　現(xiàn)實(shí)生活中，廣告讓人難以忍受。如果你網(wǎng)頁(yè)上的廣告實(shí)際上屏蔽了主要內(nèi)容，這幾乎迫使你的用戶(hù)憤怒地關(guān)閉頁(yè)面。從某種意義上說(shuō)，通過(guò)這種方式獲得的廣告收入也是為了喝酒解渴。

　　另一方面，長(zhǎng)期的互聯(lián)網(wǎng)瀏覽體驗(yàn)會(huì)為用戶(hù)培養(yǎng)另一種廣告應(yīng)對(duì)策略：看到廣告，會(huì)主動(dòng)忽略。這也是對(duì)廣告轉(zhuǎn)化率的毀滅性打擊吧？

　　9.避免滾動(dòng)劫持

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

　　Mac  Pro的頁(yè)面增加了一些令人抓狂的滾動(dòng)效果，以適應(yīng)其視差布局。

　　10.不要讓視頻和音頻自動(dòng)播放并發(fā)出任何噪音

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

　　臉書(shū)的視頻設(shè)置為自動(dòng)播放，但它們不會(huì)發(fā)出任何聲音。只有當(dāng)用戶(hù)瀏覽視頻并與之交互時(shí)，才會(huì)觸發(fā)聲控并發(fā)出聲音。

　　11.不要為了美觀而犧牲可用性

　　網(wǎng)站和app界面設(shè)計(jì)的外觀不應(yīng)該影響其可用性。避免繁瑣的設(shè)計(jì)，為了美觀而犧牲內(nèi)容的可讀性和對(duì)比度，是不可接受的體驗(yàn)。12.不要使用令人眼花繚亂的文字和廣告

　　眼花繚亂的文字和廣告體驗(yàn)不好，會(huì)分散注意力，引發(fā)體質(zhì)敏感的癲癇患者的發(fā)作。