1.簡(jiǎn)單性

雖然您網(wǎng)站的外觀很重要，但是大多數(shù)人都不會(huì)來(lái)您的網(wǎng)站來(lái)評(píng)估設(shè)計(jì)的流暢程度。他們只是想完成一些動(dòng)作，或找到一些特定的信息。

因此，不必要的設(shè)計(jì)元素（即，沒(méi)有任何功能目的的設(shè)計(jì)元素）只會(huì)使網(wǎng)站不堪重負(fù)，并使訪問(wèn)者更難以完成他們要完成的工作。

從可用性和用戶體驗(yàn)角度來(lái)看，簡(jiǎn)單性是您最好的朋友。如果您擁有所有必要的頁(yè)面元素，那么很難變得太簡(jiǎn)單。您可以采用多種不同形式來(lái)應(yīng)用此原理，例如：

顏色：基本上，不要使用太多?！队?jì)算機(jī)與人機(jī)交互手冊(cè)》建議在設(shè)計(jì)中使用最多五種（正負(fù)兩種）不同的顏色。

字體：您選擇的字體應(yīng)清晰易讀，因此不要太刻板和非常小的腳本字體（如果有）。同樣，對(duì)于文本顏色，請(qǐng)使其保持最小，并始終確保與背景顏色形成對(duì)比。常見(jiàn)的建議是使用最多三種不同字體，最多三種不同大小。

圖形：僅當(dāng)圖形可以幫助用戶完成任務(wù)或執(zhí)行特定功能時(shí)才使用圖形（不要隨便添加圖形）。

2.視覺(jué)層次

視覺(jué)層次結(jié)構(gòu)與簡(jiǎn)單性原則緊密相關(guān)，意味著對(duì)網(wǎng)站元素進(jìn)行整理和組織，以便訪問(wèn)者自然而然地將注意力轉(zhuǎn)向最重要的元素。

請(qǐng)記住，在針對(duì)可用性和用戶體驗(yàn)進(jìn)行優(yōu)化時(shí)，目標(biāo)是引導(dǎo)訪問(wèn)者以一種自然而愉快的方式完成所需的操作。通過(guò)調(diào)整某些元素的位置，顏色或大小，您可以以一種將觀眾首先吸引到這些元素的方式來(lái)構(gòu)建網(wǎng)站。

3.適航性

在您的網(wǎng)站上規(guī)劃直觀的導(dǎo)航對(duì)于幫助訪問(wèn)者找到所需的內(nèi)容至關(guān)重要。理想情況下，訪問(wèn)者應(yīng)該登陸您的網(wǎng)站，而不必考慮下一步如何點(diǎn)擊。從點(diǎn)A到點(diǎn)B的移動(dòng)應(yīng)盡可能無(wú)摩擦。

以下是一些優(yōu)化網(wǎng)站導(dǎo)航的提示：

使主導(dǎo)航的結(jié)構(gòu)保持簡(jiǎn)單（并位于頁(yè)面頂部附近）。

在網(wǎng)站的頁(yè)腳中包含導(dǎo)航。

考慮在每個(gè)頁(yè)面（首頁(yè)除外）上使用面包屑，以便用戶記住其導(dǎo)航記錄。

在網(wǎng)站頂部附近包含一個(gè)搜索欄，以便訪問(wèn)者可以通過(guò)關(guān)鍵字進(jìn)行搜索。

每頁(yè)不要提供太多導(dǎo)航選項(xiàng)。

在頁(yè)面副本中包括鏈接，并弄清楚這些鏈接的位置。

不要讓用戶深入研究。嘗試為金字塔形排列的所有站點(diǎn)頁(yè)面制作一個(gè)基本的線框圖：您的主頁(yè)位于頂部，前一個(gè)鏈接的每個(gè)頁(yè)面形成下一層。在大多數(shù)情況下，最好將地圖的深度保持在三層以下。以武漢翊眾世紀(jì)的站點(diǎn)地圖為例。

另一個(gè)要點(diǎn)：確定網(wǎng)站的主要（頂部）導(dǎo)航內(nèi)容后，請(qǐng)使其保持一致。導(dǎo)航的標(biāo)簽和位置在每個(gè)頁(yè)面上應(yīng)保持不變。

這很好地引導(dǎo)我們進(jìn)入下一個(gè)原則...

4.一致性

除了保持導(dǎo)航一致之外，網(wǎng)站的整體外觀在網(wǎng)站的所有頁(yè)面上都應(yīng)該相似。背景，配色方案，字體，甚至您的寫作語(yǔ)調(diào)都是一致性對(duì)可用性和用戶體驗(yàn)產(chǎn)生積極影響的所有方面。

這并不是說(shuō)每個(gè)頁(yè)面都應(yīng)遵循相同的布局。而是為特定類型的頁(yè)面（例如，登錄頁(yè)面，信息頁(yè)面等）創(chuàng)建不同的布局。通過(guò)一致地使用這些布局，您可以使訪問(wèn)者更容易理解他們可能在給定頁(yè)面上找到的信息類型。

5.責(zé)任心

全球頁(yè)面瀏覽量的48％來(lái)自智能手機(jī)和平板電腦等移動(dòng)設(shè)備。而且，根據(jù)我們的研究，有93％的人因?yàn)榫W(wǎng)站無(wú)法在其設(shè)備上正確顯示而離開(kāi)了該網(wǎng)站。

這里的要點(diǎn)：為了提供真正出色的用戶體驗(yàn)，您的站點(diǎn)必須與訪問(wèn)者正在使用的許多不同設(shè)備兼容。在科技界，這被稱為響應(yīng)式設(shè)計(jì)。

響應(yīng)式設(shè)計(jì)意味著對(duì)高度靈活的網(wǎng)站結(jié)構(gòu)進(jìn)行投資。在響應(yīng)站點(diǎn)上，將自動(dòng)調(diào)整內(nèi)容大小并重新排列內(nèi)容，以適應(yīng)訪問(wèn)者恰巧使用的任何設(shè)備的尺寸。這可以通過(guò)適合移動(dòng)設(shè)備的HTML模板或創(chuàng)建特殊的移動(dòng)網(wǎng)站來(lái)實(shí)現(xiàn)。

最終，在不同設(shè)備上提供出色的體驗(yàn)比在這些設(shè)備上看起來(lái)完全相同更為重要。

除了移動(dòng)友好性，值得花時(shí)間測(cè)試您網(wǎng)站的跨瀏覽器兼容性。您極有可能只在一種Web瀏覽器上瀏覽過(guò)您的網(wǎng)站，無(wú)論是Google Chrome，Safari，F(xiàn)irefox還是其他瀏覽器。

現(xiàn)在是時(shí)候在每個(gè)瀏覽器上打開(kāi)頁(yè)面并評(píng)估元素的顯示方式了。理想情況下，演示文稿之間不會(huì)有太大差異，但是直到您親自看到之前您才能確定。

6.輔助功能

網(wǎng)站可訪問(wèn)性的目標(biāo)是創(chuàng)建一個(gè)任何人都可以使用的網(wǎng)站，包括影響其瀏覽體驗(yàn)的殘障人士或限制因素。作為網(wǎng)站設(shè)計(jì)師，在用戶體驗(yàn)計(jì)劃中考慮這些用戶是您的工作。

與響應(yīng)能力一樣，可訪問(wèn)性適用于您的整個(gè)網(wǎng)站：結(jié)構(gòu)，頁(yè)面格式，視覺(jué)效果以及書面和視覺(jué)內(nèi)容。從廣義上講，這些準(zhǔn)則規(guī)定網(wǎng)站必須是：

可感知：訪問(wèn)者知道您網(wǎng)站上的內(nèi)容。

可操作：您網(wǎng)站的功能應(yīng)該以不同的方式實(shí)現(xiàn)。

可以理解：所有內(nèi)容和警報(bào)都可以輕松理解。

穩(wěn)?。耗木W(wǎng)站可在各種輔助技術(shù)，設(shè)備和瀏覽器上使用。

7.常規(guī)性

網(wǎng)頁(yè)設(shè)計(jì)中的一大挑戰(zhàn)是平衡創(chuàng)意與您的期望。我們大多數(shù)人都是專業(yè)互聯(lián)網(wǎng)用戶，隨著時(shí)間的流逝，我們已經(jīng)習(xí)慣了一些特定的約定。這些約定包括：

將主導(dǎo)航置于頁(yè)面的頂部（或左側(cè)）。

在頁(yè)面的左上方（或中心）放置logo。

使LOGO可點(diǎn)擊，以便始終將訪問(wèn)者帶回到首頁(yè)。

當(dāng)鼠標(biāo)懸停在鏈接和按鈕上時(shí)，它們會(huì)更改顏色/外觀。

在商城網(wǎng)站使用購(gòu)物車圖標(biāo)。該圖標(biāo)還帶有數(shù)字標(biāo)識(shí)，表示購(gòu)物車中的物品數(shù)量。

確保圖像滑塊具有用戶可以單擊以手動(dòng)旋轉(zhuǎn)幻燈片的按鈕。

盡管有些人可能出于獨(dú)特性而選擇將它們?nèi)映?，但這是一個(gè)錯(cuò)誤。在網(wǎng)絡(luò)常規(guī)性的約束下，仍有很大的創(chuàng)造空間。

讓我們簡(jiǎn)要考慮一下設(shè)計(jì)的另一個(gè)領(lǐng)域，即體系結(jié)構(gòu)。制定了建筑規(guī)范，以便人們可以輕松安全地居住在空間中。建筑師不會(huì)抱怨或違反這些規(guī)范，因?yàn)槌朔缮系挠绊懲猓鼈冞€確?？腿说陌踩褪孢m。

同樣，您可以在滿足用戶期望的同時(shí)創(chuàng)造出令人難忘的體驗(yàn)。如果您違反了用戶的預(yù)期，他們可能會(huì)對(duì)您的網(wǎng)站感到不舒服甚至厭煩。

8.信譽(yù)

遵守網(wǎng)絡(luò)慣例可增強(qiáng)您的網(wǎng)站信譽(yù)。換句話說(shuō)，它提高了您的網(wǎng)站傳達(dá)的信任度。而且，如果您正在努力構(gòu)建一個(gè)可提供最佳用戶體驗(yàn)的網(wǎng)站，那么信譽(yù)將大有幫助。

提高信譽(yù)的最好方法之一是對(duì)所出售的產(chǎn)品或服務(wù)保持清醒和誠(chéng)實(shí)。不要讓訪問(wèn)者瀏覽數(shù)十個(gè)頁(yè)面來(lái)查找您所做的事情。在您的首頁(yè)上占上風(fēng)，并投入來(lái)解釋您所做工作的價(jià)值。

另一個(gè)信譽(yù)提示：有一個(gè)定價(jià)頁(yè)面，也鏈接在主頁(yè)上。與其強(qiáng)迫別人與您聯(lián)系以了解有關(guān)價(jià)格的更多信息，不如在您的網(wǎng)站上清楚列出您的價(jià)格。這使您的業(yè)務(wù)顯得更值得信賴和合法。

9.以用戶為中心

歸根結(jié)底，可用性和用戶體驗(yàn)取決于最終用戶的偏好。畢竟，如果您不為他們?cè)O(shè)計(jì)，那么您是為誰(shuí)設(shè)計(jì)的？

因此，雖然此列表中詳細(xì)介紹的原則是一個(gè)很好的起點(diǎn)，但改善站點(diǎn)設(shè)計(jì)的最終關(guān)鍵是進(jìn)行用戶測(cè)試，收集反饋并根據(jù)所學(xué)知識(shí)進(jìn)行更改。

并且不要自己打擾測(cè)試可用性。您已經(jīng)在設(shè)計(jì)上投入了大量時(shí)間，這將您自己的偏見(jiàn)帶入了方程式。與任何首次訪問(wèn)者一樣，獲得從未訪問(wèn)過(guò)您網(wǎng)站的測(cè)試人員。