為了能更好地理解和應(yīng)用我將要談到的這些準(zhǔn)則，讓我們先來(lái)對(duì)用戶與網(wǎng)站的互動(dòng)過(guò)程，用戶的思維方式和基本的行為模式做一個(gè)分析。

網(wǎng)站用戶如何思維？

簡(jiǎn)單說(shuō)來(lái)，網(wǎng)站用戶的思考模式與在商店里購(gòu)買東西的購(gòu)客差別不大。打開一個(gè)新網(wǎng)頁(yè)后，用戶會(huì)匆匆瀏覽一下，然后點(diǎn)擊一個(gè)能引起他們注意的鏈接或與其尋找的目標(biāo)相符的內(nèi)容。事實(shí)上，對(duì)網(wǎng)頁(yè)中的很大一部分內(nèi)容用戶看都不會(huì)看。

絕大多數(shù)用戶尋找的是他們感興趣的（或?qū)λ麄冇杏玫模┒帜艽蜷_的內(nèi)容。一旦遇到這樣的內(nèi)容，他們會(huì)立刻點(diǎn)擊。如果新打開的網(wǎng)頁(yè)不符合用戶的期待，那么他們會(huì)點(diǎn)擊“返回”按鈕，繼續(xù)瀏覽和搜索的過(guò)程。

? 用戶對(duì)網(wǎng)站內(nèi)容的質(zhì)量和可信度最為看重 。 如果一個(gè)網(wǎng)站能為用戶提供非常優(yōu)質(zhì)的內(nèi)容，那么用戶是愿意向網(wǎng)頁(yè)中的廣告和網(wǎng)站的設(shè)計(jì)缺陷做出妥協(xié)的。這也是為什么很多設(shè)計(jì)的不怎么樣的網(wǎng)站卻擁有巨大流量的原因。在用戶眼里，網(wǎng)站內(nèi)容往往比這些內(nèi)容的載體（設(shè)計(jì)）更為重要。

?  網(wǎng)站用戶缺乏耐心，傾向于立即獲得結(jié)果。 這是個(gè)非常簡(jiǎn)單的事實(shí)：如果一個(gè)網(wǎng)站不能滿足用戶的期望，說(shuō)明網(wǎng)站設(shè)計(jì)師的工作還不到位，而而公司就要承擔(dān)經(jīng)濟(jì)上的損失。網(wǎng)站設(shè)定的認(rèn)知過(guò)程越復(fù)雜，導(dǎo)航能力越差，用戶放棄使用該網(wǎng)站而尋求替代網(wǎng)站的幾率也就越高。

? 用戶憑直覺(jué)行事。 對(duì)來(lái)自設(shè)計(jì)師的信息，大多數(shù)用戶的反應(yīng)不是細(xì)讀，而是忽略。根據(jù)Steve Krug的說(shuō)法，用戶這么的做的原因是因?yàn)樗麄儗?duì)設(shè)計(jì)師毫不關(guān)心?！拔覀円怯X(jué)得一樣?xùn)|西好使，就會(huì)拿來(lái)用，至于它的工作原理是什么，我們才不關(guān)心呢，只要我們覺(jué)得好用就行。如果用戶認(rèn)為你是在設(shè)計(jì)廣告牌，那么就把廣告牌設(shè)計(jì)的好一些?！?/span>

?  用戶樂(lè)于掌控網(wǎng)頁(yè)。 用戶傾向于控制自己的瀏覽進(jìn)程，傾向于認(rèn)可內(nèi)容一致性較高的網(wǎng)站。例如，他們不樂(lè)意看到毫無(wú)征兆地打開的新窗口，當(dāng)點(diǎn)擊“返回”按鈕時(shí)，他們要求能真的能回到剛瀏覽過(guò)的頁(yè)面：因此，如果可能的話，盡量別設(shè)置“在新窗口中打開”的選項(xiàng)。

1. 別讓用戶費(fèi)腦筋

根據(jù)Krug關(guān)于網(wǎng)站可用性“第一原則”的說(shuō)法，好的網(wǎng)頁(yè)應(yīng)該是“一望即知，不言自明”的。當(dāng)設(shè)計(jì)師設(shè)計(jì)一個(gè)網(wǎng)頁(yè)時(shí)，他的工作應(yīng)該是消除問(wèn)號(hào)--即需要用戶自己思索，權(quán)衡，選擇和決定的項(xiàng)目。

讓我們來(lái)看個(gè)例子。Beyondis.co.uk聲稱他們“超越渠道，超越產(chǎn)品，超越銷售”。但他們究竟想說(shuō)什么呢？由于用戶傾向于以“F”形模式瀏覽網(wǎng)站，網(wǎng)頁(yè)完全打開后，這三句話很可能是用戶留意到的網(wǎng)頁(yè)元素。

2. 別考驗(yàn)用戶的耐心

如果你想在任何設(shè)計(jì)項(xiàng)目中為用戶提供服務(wù)或工具，請(qǐng)力求把對(duì)用戶的要求降到。一個(gè)測(cè)試或服務(wù)對(duì)用戶要求的條件越少，它被用戶使用的幾率也就越高。新用戶尤其如此。他們通常只想體驗(yàn)一下你提供的服務(wù)，而不愿為了獲得一個(gè)他們也許永遠(yuǎn)用不著的賬號(hào)去填寫一連串的表格。盡量讓用戶自行瀏覽和了解你的服務(wù)，別強(qiáng)迫他們提供個(gè)人信息。為了體驗(yàn)一下網(wǎng)站的服務(wù)，用戶就得留下自己的郵箱地址，這種做法并不合理。

3. 調(diào)動(dòng)用戶的注意力

通常網(wǎng)站的內(nèi)容有靜態(tài)的，也有動(dòng)態(tài)的，某些互動(dòng)元素比另一些更能吸引用戶的注意力。我們都了解，圖象比文字更能吸引目光，正如在文字中，加粗加黑的字體比普通字體更引人注意一樣。

Humanized.com網(wǎng)站近乎完美地運(yùn)用了注意力法則。 這個(gè)頁(yè)面中用戶唯一立即可見的內(nèi)容是“免費(fèi)”（FREE）的大字，它以一種迷人且漂亮的方式呈現(xiàn)，但本身也是一種非常有用的信息。下面的文字則為用戶如何獲得“免費(fèi)”的產(chǎn)品提供了足夠詳細(xì)的說(shuō)明。

巧妙地在網(wǎng)頁(yè)中使用簡(jiǎn)潔的視覺(jué)元素，能有效地把用戶的目光引向網(wǎng)頁(yè)中的特定區(qū)域，用戶的注意力從A點(diǎn)轉(zhuǎn)向B點(diǎn)，而他們很可能對(duì)此還毫無(wú)察覺(jué)呢。用戶心中的問(wèn)號(hào)越少，他們對(duì)網(wǎng)站的認(rèn)同度就越強(qiáng)，對(duì)網(wǎng)頁(yè)所宣傳的公司的信任度也就越高。換句話說(shuō)：用戶對(duì)網(wǎng)站的內(nèi)容認(rèn)知越容易，用戶體驗(yàn)就越好，而用戶體驗(yàn)正是網(wǎng)站可用性的第一要素。

4. 力求突出特色

Dibusoft.com網(wǎng)站是將的視覺(jué)元素與清晰的網(wǎng)站架構(gòu)相結(jié)合的極佳范例。該網(wǎng)站有9個(gè)主要的導(dǎo)航選項(xiàng),網(wǎng)頁(yè)布局也非常簡(jiǎn)潔明了。只是顏色搭配上有點(diǎn)偏淡。在UI設(shè)計(jì)中，讓用戶能清楚地理解網(wǎng)站提供的各種功能是非常重要的一個(gè)設(shè)計(jì)原則。至于如何去實(shí)現(xiàn)這一點(diǎn)，可以有很多不同的方法。最重要的是設(shè)法讓用戶更好地理解網(wǎng)站的內(nèi)容，并能在使用網(wǎng)站時(shí)獲得輕松愉悅的用戶體驗(yàn)。

5. 注意文字風(fēng)格

網(wǎng)頁(yè)文字與印刷文字的行文方式有所不同，所以網(wǎng)頁(yè)中的文字內(nèi)容一定要考慮到網(wǎng)站用戶的偏好和瀏覽習(xí)慣。促銷推廣類的內(nèi)容一般不會(huì)被認(rèn)真閱讀。沒(méi)有配圖的長(zhǎng)篇大論，加黑加粗的主題詞和斜體字常被用戶略過(guò)。浮夸花哨的文字內(nèi)容很難引起用戶的興趣。

Eleven2.com網(wǎng)站便深諳此道。沒(méi)有輕佻的宣傳，沒(méi)有花哨的噱頭。只有用戶最想知道的內(nèi)容：一個(gè)明確的價(jià)格。

一些可行的策略：

? 盡可能使用簡(jiǎn)短，明白的語(yǔ)句（越能點(diǎn)明重點(diǎn)越好）。

? 布局要一眼就能看清楚（可適當(dāng)為內(nèi)容分類或使用多級(jí)標(biāo)題，視覺(jué)元素或編號(hào)格式等手段來(lái)打破大段文字可能造成的枯燥感）。

? 語(yǔ)言的風(fēng)格盡量平實(shí)，客觀（促銷信息沒(méi)必要渲染得像廣告一樣?？陀^扼要地列出用戶應(yīng)選擇你的產(chǎn)品，網(wǎng)站或服務(wù)的原因即可）。

6. 簡(jiǎn)約而純粹

Crcbus網(wǎng)站就很好地體現(xiàn)了簡(jiǎn)潔的原則。 你可能不認(rèn)識(shí)網(wǎng)頁(yè)中的意大利文，但你一定能清楚地認(rèn)出導(dǎo)航按鈕，標(biāo)題，內(nèi)容區(qū)和腳注。甚至網(wǎng)頁(yè)中的圖標(biāo)都能傳遞出信息。當(dāng)你把鼠標(biāo)置于圖標(biāo)之上時(shí)，旁邊會(huì)出現(xiàn)相應(yīng)的提示文字。

從網(wǎng)站用戶的角度看，最好的網(wǎng)站在內(nèi)容上應(yīng)該極為純粹，除了他正在使用或?qū)ふ业膬?nèi)容外，不應(yīng)該再有任何廣告或無(wú)關(guān)內(nèi)容。這也是為什么一個(gè)文字內(nèi)容設(shè)計(jì)良好的網(wǎng)頁(yè)常能帶來(lái)優(yōu)越的用戶體驗(yàn)的原因。

Finch網(wǎng)站在清楚地傳達(dá)信息的同時(shí)，也為用戶提供了多種選擇，并且沒(méi)有添加任何無(wú)關(guān)的多余內(nèi)容。 

7.  別怕負(fù)空間

負(fù)空間的重要性怎么強(qiáng)調(diào)都不過(guò)分。負(fù)空間不僅能簡(jiǎn)化用戶對(duì)網(wǎng)站的認(rèn)知過(guò)程，更有利于用戶讀取呈現(xiàn)于屏幕上的信息。當(dāng)一個(gè)新用戶打開一個(gè)網(wǎng)頁(yè)時(shí)，他或她要做的第一件事就是瀏覽網(wǎng)頁(yè)并把網(wǎng)頁(yè)上的內(nèi)容劃分為自己能夠理解的，不同的信息段。

負(fù)空間值得好好利用。Cameron.io網(wǎng)站的設(shè)計(jì)就是把負(fù)空間原理作為主要設(shè)計(jì)準(zhǔn)則的。網(wǎng)站內(nèi)容被放在了應(yīng)有的突出位置，網(wǎng)站的整體布局看起來(lái)也非常均衡。

8. 發(fā)揮“視覺(jué)語(yǔ)言”的魔力

Aaron Marcus在他一篇以視覺(jué)傳達(dá)為主題的論文中，就所謂的“視覺(jué)語(yǔ)言”--也就是用戶看到網(wǎng)站內(nèi)容---的應(yīng)用問(wèn)題提出了三個(gè)關(guān)鍵原則：

? 組織：盡量為用戶提供清晰而一致的網(wǎng)站架構(gòu)。內(nèi)容的一致性，網(wǎng)站在屏幕上呈現(xiàn)的布局，網(wǎng)站內(nèi)容之間的銜接，導(dǎo)航的易用性等都是與組織有關(guān)的重要概念。設(shè)計(jì)師在設(shè)計(jì)一個(gè)網(wǎng)站時(shí)遵循的原則應(yīng)適用于這個(gè)網(wǎng)站的所有元素。

? 節(jié)儉：指的是盡量以最少的視覺(jué)元素傳達(dá)出最多的信息量。這個(gè)原則包含四個(gè)要點(diǎn)：簡(jiǎn)潔，清晰，顯著，強(qiáng)調(diào)。簡(jiǎn)潔的意思是視覺(jué)傳達(dá)中應(yīng)該只采用最重要的元素。清晰的意思是要保證所有元素都意義明確，沒(méi)有歧義。顯著的意思是所有視覺(jué)元素的重要特性都應(yīng)該十分鮮明。強(qiáng)調(diào)的意思是用于視覺(jué)傳達(dá)的一切重要元素都有很高的辨識(shí)度。

? 傳達(dá)：根據(jù)用戶的感受和理解能力來(lái)決定網(wǎng)站的呈現(xiàn)方式。為了取得理想的視覺(jué)傳達(dá)效果，設(shè)計(jì)師在考慮UI時(shí)，必須把握網(wǎng)頁(yè)的穩(wěn)定性，易用性，字體和顏色等不同元素之間的平衡關(guān)系。遵循最大化法則:任何3種字體的總大小不得超過(guò)3磅---意即每行文字最多只能使用18個(gè)單詞或50-80個(gè)字符。

9. 與慣例為友

按常規(guī)的方式來(lái)安排設(shè)計(jì)元素并不意味著你設(shè)計(jì)的網(wǎng)站一定會(huì)平庸無(wú)聊。事實(shí)上，遵循常規(guī)常常是最有效的方式，因?yàn)樗档土擞脩魧?duì)網(wǎng)站的認(rèn)知難度。舉例來(lái)說(shuō)，如果所有網(wǎng)站的RSS的視覺(jué)呈現(xiàn)方式都各不相同，那對(duì)于追求網(wǎng)站可用性的設(shè)計(jì)師來(lái)說(shuō)將是一個(gè)噩夢(mèng)。無(wú)論是組織數(shù)據(jù)（如整理文件夾）還是從事銷售活動(dòng)（如商品的擺放），我們遵循的其實(shí)都是在日常生活中早已習(xí)慣的一些原則。

10. 測(cè)試應(yīng)從早從多

“測(cè)試從早從多”的原則應(yīng)貫徹于每個(gè)網(wǎng)站設(shè)計(jì)項(xiàng)目之中，因?yàn)榫W(wǎng)站易用性測(cè)試常常能暴露出設(shè)計(jì)和網(wǎng)站布局等方面存在的重大問(wèn)題。

不要在設(shè)計(jì)后期才開始測(cè)試，也不要僅針對(duì)一些無(wú)關(guān)痛癢的細(xì)節(jié)測(cè)試，更不要為了錯(cuò)誤的目的而測(cè)試。拿“從早測(cè)試”來(lái)說(shuō)吧，你需要理解設(shè)計(jì)師的大多數(shù)決定都是“片面”的，他無(wú)法斷言說(shuō)某些網(wǎng)頁(yè)布局方案就一定比另一些好，因?yàn)樗獜奶囟ǖ慕嵌热シ治鲞@些設(shè)計(jì)方案（如客戶的要求，其他利益相關(guān)者及項(xiàng)目預(yù)算等因素）。 請(qǐng)仔細(xì)考慮以下建議：

? 根據(jù)Steve Krug的說(shuō)法，哪怕測(cè)試一個(gè)用戶也百分之百比不做測(cè)試強(qiáng)，寧可在早期測(cè)試一個(gè)用戶，也不要等到晚期去測(cè)試五十個(gè)用戶。根據(jù)玻姆第一定律，在制定設(shè)計(jì)方案和早期設(shè)計(jì)活動(dòng)中錯(cuò)誤出現(xiàn)的頻率最高，而設(shè)計(jì)越接近后期，修正的代價(jià)也就越大。

? 測(cè)試是個(gè)不斷重復(fù)的過(guò)程。這意味著你需要不斷設(shè)計(jì)，不斷測(cè)試，不斷修正，再重新測(cè)試。在這個(gè)過(guò)程中，你很可能會(huì)發(fā)現(xiàn)第一輪測(cè)試中被忽視的問(wèn)題，你沒(méi)發(fā)現(xiàn)這些問(wèn)題可能是因?yàn)橛脩粼诘谝惠啘y(cè)試中被遇到的其他問(wèn)題纏住了。

? 網(wǎng)站易用性方面的測(cè)試永遠(yuǎn)會(huì)為你提供有益的幫助。因?yàn)闇y(cè)試的結(jié)果，要么是你發(fā)現(xiàn)了設(shè)計(jì)中存在的問(wèn)題，要么是你發(fā)現(xiàn)沒(méi)有什么大問(wèn)題，這兩種結(jié)果都是你繼續(xù)展開項(xiàng)目的依據(jù)。

? 按照溫伯格的說(shuō)法，讓一個(gè)程序員測(cè)試自己編寫的程序并不合適。這句話同樣也適用于設(shè)計(jì)領(lǐng)域。當(dāng)一個(gè)設(shè)計(jì)師一連幾周都花在同一個(gè)網(wǎng)站項(xiàng)目的設(shè)計(jì)上時(shí)，他已經(jīng)無(wú)法再用最初的眼光來(lái)評(píng)價(jià)自己的項(xiàng)目了。因?yàn)檫@時(shí)他已經(jīng)熟悉了這個(gè)網(wǎng)站的建設(shè)和運(yùn)行方式--他已經(jīng)對(duì)這個(gè)項(xiàng)目有了自己的見解，而獨(dú)立的測(cè)試者或用戶卻沒(méi)有這種成見。

永遠(yuǎn)記?。喝绻阆朐O(shè)計(jì)一個(gè)好網(wǎng)站，就得去不斷測(cè)試。