企業(yè)網(wǎng)站網(wǎng)頁設(shè)計(jì)制作過程中如何做才能既保證炫麗大方，也能保證代碼簡介易讀，讓搜索引擎更方便地抓取。這其實(shí)對網(wǎng)頁設(shè)計(jì)師來說也是一個(gè)棘手的事情，如何做到兩者兼得也并非易事。天水網(wǎng)站設(shè)計(jì)——士人網(wǎng)絡(luò)認(rèn)為，在網(wǎng)頁設(shè)計(jì)制作過程中需做到以下幾個(gè)“應(yīng)該”和“不應(yīng)該”。

　　應(yīng)該做什么

　　1、兼容好 用戶體驗(yàn)一致

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

　　制作出來的網(wǎng)頁還有能夠兼容各種常見的瀏覽器，給用帶來相同的體驗(yàn)度。

　　2、網(wǎng)頁導(dǎo)航簡潔易用

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

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

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

　　•一致(主頁的導(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í)，用戶可能會無意中重復(fù)訪問相同的頁面。

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

　　4.網(wǎng)頁的視覺層面要好

　　當(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)，以便訪問者可立即查看。

　　5.超鏈接元素正確無誤

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

　　6.突出用戶點(diǎn)擊元素顯示

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

　　不該做什么

　　1.不應(yīng)該讓網(wǎng)頁加載慢

　　網(wǎng)頁用戶的注意力和耐心往往很差。根據(jù)NNGroup研究：

　　10秒是將用戶的注意力集中在此任務(wù)上的最低限度

　　當(dāng)訪問者必須等待你的網(wǎng)站加載時(shí)，如果你的網(wǎng)站加載速度不夠快，他們會變得沮喪，并可能離開你的網(wǎng)站。如果加載時(shí)間過長，即使你有設(shè)計(jì)精美的加載指示器，也可能迫使用戶離開網(wǎng)站。

　　2.不應(yīng)該大量使用新窗口打開鏈接

　　這種粗魯?shù)男袨闀肂ack按鈕，而這是用戶返回到以前的站點(diǎn)的常規(guī)方式。

　　3.不應(yīng)該讓其他廣告喧賓奪主

　　促銷和廣告可以掩蓋他們旁邊的內(nèi)容，并使用戶更難完成任務(wù)。不要說任何看起來像廣告的東西通常會被用戶忽略(這種現(xiàn)象被稱為旗幟盲點(diǎn))

　　4.不應(yīng)該讓網(wǎng)頁被劫持滾動(dòng)

　　劫持滾動(dòng)是設(shè)計(jì)師和開發(fā)者通過操縱滾動(dòng)條來使網(wǎng)站表現(xiàn)的不同。包括動(dòng)畫效果，固定滾動(dòng)點(diǎn)，甚至滾動(dòng)條本身的重新設(shè)計(jì)。被劫持滾動(dòng)是許多用戶最煩人的事情之一，因?yàn)槠洳皇苡脩艨刂啤．?dāng)你設(shè)計(jì)網(wǎng)站或用戶界面時(shí)，你希望讓用戶通過網(wǎng)站或應(yīng)用程序掌控其瀏覽速度和移動(dòng)。

　　MacPro頁面使用一些令人煩惱的滾動(dòng)效果。它使用單頁視差布局，其中的點(diǎn)表示頁面的每個(gè)部分。

　　5.不應(yīng)該自動(dòng)播放音頻、視頻

　　在后臺自動(dòng)播放視頻，音樂或聲音會刺激用戶。這些元素應(yīng)謹(jǐn)慎使用，只有在適當(dāng)?shù)臅r(shí)候和可預(yù)期的情況下才能使用。

　　Facebook視頻設(shè)置為自動(dòng)播放，但不會出現(xiàn)任何聲音，除非用戶有意圖以某種方式觀看視頻(例如通過視頻進(jìn)行交流)。

　　6.不應(yīng)該只突出網(wǎng)頁美觀

　　站點(diǎn)或用戶界面的設(shè)計(jì)不應(yīng)影響用戶在屏幕上閱讀內(nèi)容的能力。重要的是要避免內(nèi)容繁瑣，色彩不均勻，其會妨礙網(wǎng)站的可讀性或?qū)е骂伾珜Ρ榷炔蛔?例如下面的示例)。

　　字體的低對比度總是一個(gè)糟糕的做法。

　　7.不應(yīng)該大量使用閃爍的文字和廣告

　　閃爍的內(nèi)容可能會觸發(fā)敏感個(gè)體的癲癇發(fā)作。它不僅可以引起癲癇發(fā)作，而且對于一般使用者來說，這可能讓人討厭或?qū)е路中摹?/p>