網(wǎng)頁設(shè)計(jì)是一個(gè)棘手的話題。當(dāng)你創(chuàng)建網(wǎng)站時(shí)你需要考慮很多事情。為了簡(jiǎn)化這個(gè)任務(wù)，我這里準(zhǔn)備了一個(gè)列表，每個(gè)網(wǎng)頁設(shè)計(jì)師在設(shè)計(jì)網(wǎng)頁時(shí)都應(yīng)該考慮這些注意事項(xiàng)。好消息是，這都是一些簡(jiǎn)單的設(shè)計(jì)原則。

　　讓我們開始吧!

　　應(yīng)該做什么

　　1.不管設(shè)備如何，都應(yīng)該提供相同的用戶體驗(yàn)

　　用戶會(huì)使用不同的設(shè)備來訪問你的網(wǎng)站：他們可通過臺(tái)式電腦或筆記本電腦，平板電腦，手機(jī)，音樂播放器甚至手表上訪問您的網(wǎng)站。UX設(shè)計(jì)很關(guān)鍵的一部分是要確保用戶應(yīng)該具有類似的用戶體驗(yàn)，不論他們是通過什么來訪問你的網(wǎng)站，不論他們是使用什么樣的設(shè)備。

　　如果用戶是通過手機(jī)訪問你的網(wǎng)站，他們應(yīng)該能毫不費(fèi)勁的找到他們需要的所有東西，就像他們?cè)诩依锿ㄟ^桌面端查看你的網(wǎng)站一樣。

　　2.設(shè)計(jì)一個(gè)簡(jiǎn)潔，易用的導(dǎo)航

　　導(dǎo)航是可用性的基石。請(qǐng)記住，這不關(guān)乎于一個(gè)網(wǎng)站設(shè)計(jì)的有多好，但必須確保用戶可通過自己的方式進(jìn)行瀏覽。這就是為什么你的網(wǎng)站上的導(dǎo)航應(yīng)該設(shè)計(jì)成這樣。

　　•簡(jiǎn)單(每個(gè)站點(diǎn)都應(yīng)該有最簡(jiǎn)單的結(jié)構(gòu))

　　•簡(jiǎn)潔(導(dǎo)航選項(xiàng)對(duì)訪客而言必須清楚易懂)

　　•一致(主頁的導(dǎo)航系統(tǒng)應(yīng)該在每個(gè)頁面上都一樣)

　　設(shè)計(jì)導(dǎo)航方式，盡可能減少點(diǎn)擊次數(shù)而幫助用戶到達(dá)他們想去的網(wǎng)頁。同時(shí)，應(yīng)易于瀏覽并能輕易找到他們想去的地方。

　　3.更改已訪問鏈接的顏色

　　鏈接是導(dǎo)航過程中的關(guān)鍵因素。當(dāng)已訪問的鏈接沒有改變顏色時(shí)，用戶可能會(huì)無意中重復(fù)訪問相同的頁面。

　　了解用戶已訪問過哪些頁面可以避免讓他無意中重復(fù)訪問相同的頁面。

　　4.輕松瀏覽你的頁面

　　當(dāng)用戶訪問你的網(wǎng)站時(shí)，他們更有可能快速掃描屏幕，而不是閱讀頁面的所有內(nèi)容。因此，如果訪問者想要查找內(nèi)容或完成某項(xiàng)任務(wù)，他們將一直瀏覽直到找到他們需要的內(nèi)容。而作為設(shè)計(jì)師，你可以通過設(shè)計(jì)好的視覺層次結(jié)構(gòu)來幫助他們。視覺層次結(jié)構(gòu)是指以暗示重要性的方式安排或呈現(xiàn)元素(例如，他們的眼睛應(yīng)該集中在拿了? 第一、第二等)

　　將屏幕標(biāo)題，登錄表單，導(dǎo)航項(xiàng)目或其他重要內(nèi)容等重要內(nèi)容標(biāo)記重點(diǎn)，以便訪問者可立即查看

　　Basecamp使用的Z掃描模式

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

　　當(dāng)用戶點(diǎn)擊站點(diǎn)上的鏈接并收到提示404錯(cuò)誤頁面時(shí)，用戶可能很容易變得沮喪。當(dāng)訪問者正在搜索內(nèi)容時(shí)，他們希望每個(gè)鏈接都可以將它們帶向所指的地方，而不是出現(xiàn)404錯(cuò)誤的提示或者其他一些他們不想去的地方。

　　6.確�？牲c(diǎn)擊的元素對(duì)用戶顯而易見

　　一個(gè)物體的外觀可告知用戶如何使用它。視覺元素看起來像是鏈接或按鈕，但不可點(diǎn)擊(即，有下劃線的單詞沒有鏈接，具有文字動(dòng)作的元素，但不是超鏈接)這樣很有可能會(huì)使用戶混淆。用戶需要知道頁面的哪些區(qū)域是純靜態(tài)內(nèi)容，哪些區(qū)域是可點(diǎn)擊的。

　　應(yīng)讓用戶明白哪些是可點(diǎn)擊的元素

　　　橙色的盒子是一個(gè)按鈕嗎?答案是：不。形狀和標(biāo)簽使其看起來像一個(gè)按鈕，但它不是。