現在網頁設計師除了把頁面做的漂亮以外(wài)，越來越注重“用戶體(tǐ)驗”，就是要做“别讓用戶思考”的網頁，使網站真正做到“可用性”。望望結合幾年的工(gōng)作經驗，粗談這方面的一(yī)些問題，和大(dà)家共勉！

一(yī)、人們如何浏覽網頁
首先本文說明了上網的人是如何浏覽網頁的，這似乎跟我(wǒ)們想象有很大(dà)的差距，因爲我(wǒ)們覺得“用戶會盯着每個網頁，仔細閱讀我(wǒ)們精心制作的文字，領會我(wǒ)們頁面的組織方式”，事實上大(dà)部分(fēn)時間用戶看網頁就象“高速公路看廣告牌一(yī)樣”，沒時間仔細閱讀，當然也不會用心思考。因而，我(wǒ)們必須爲“掃描”而設計。做到這點須注意以下(xià)幾點：
1、盡量符合用戶習慣的設計，讓人接受陌生(shēng)的東西需要代價，除非我(wǒ)們覺得這個代價是必須的。
2、在頁面把越重要的東西越突出，建立清楚的視覺層次。
3、可以點擊的地方必須突出，讓人明顯知(zhī)道可以點擊。
4、把頁面劃分(fēn)成明确定義的區域
5、省略多餘的文字

二、關于導航的設計
導航顯然是網站最重要的部分(fēn)，“如果在網站上找不到方向，人們就不會使用你的網站”。現在WEB導航的習慣用法基本形成了，雖然還會繼續演化下(xià)去(qù)，但基本元素以産生(shēng)：網站LOGO、網站欄目、返回主頁、搜索、實用工(gōng)具或幫助。

網站LOGO，通常是頁面左上角，出現在頁面可視層級的首要位置，可以采取兩種方式：讓它成爲本頁最顯眼的内容，或者讓它涵蓋頁面所有其他元素，當然網站LOGO設計的好壞對人産生(shēng)心理影響就不用說了。

網站欄目，也稱導航條，站點層級結構的最頂層。導航條很多時候可以包容二級導航（下(xià)拉菜單的方式）。很多時候标簽的設計是導航采用的很好表現方式，Amazon.com幾乎把它發展到完美的狀态。用标簽的方式設計導航時要注意幾點：
1、進入網站時，有一(yī)個标簽已經選中(zhōng)；
2、正确繪制，激活的标簽頁要位于其他标簽頁之前；
3、顔色區分(fēn)，可以讓每個欄目使用一(yī)種不用的标簽顔色，并把這種顔色用在頁面其他導航元素上，讓它們渾然一(yī)體(tǐ)；

搜索功能，如果有提供搜索功能的網站，要記住一(yī)個簡單的公式：一(yī)個輸入框、一(yī)個按鈕、還有“Search”（搜索）兩個字，不要弄的太複雜(zá)。比如把“搜索”換成“查找”、“快速查找”、“快速搜索”、“關鍵字搜索”都會讓用戶産生(shēng)思考。如果必須爲搜索框提供選項（縮小(xiǎo)搜索範圍）一(yī)定要三思，謹慎提供選項，以便以何種方式提供最爲合理，還有就是要保證這些選項的确有用，否則會挫傷用戶心理。

值得注意的是，很多網站到了二級頁面以下(xià)，導航便會變了支離(lí)破碎，随意發揮。這個問題非常普遍，以至于很難找到良好的三級導航的例子。事實上，用戶在底層頁面上花的時間通常和花在頂層頁面上的時間相同。除非我(wǒ)們一(yī)開(kāi)始就自頂向下(xià)進行導航設計，否則以後很難添加，也很難保持一(yī)緻性。這就意味着我(wǒ)們在讨論主頁的顔色方案之前，擁有顯示網站所有潛在級别的導航的DEMO設計非常重要。要做到這點，必須設計師和相關策劃人員(yuán)緊密結合，設計師必須提前知(zhī)道整個站的概貌和細節内容。

有一(yī)點，設計師常常忽略，就是記得爲每個頁面加個名稱。好像每個拐角處有一(yī)個路牌一(yī)樣，随時讓駕駛者知(zhī)道在哪裏，無需思考。頁面的名稱應該出現在涵蓋該頁内容的位置，要引人注目，在大(dà)多數情況下(xià)，它應該是該頁面最大(dà)的文字。

總之，一(yī)個擁有良好導航系統的網站，一(yī)眼就能告訴用戶這些信息：
這是什麽網站？（網站LOGO）
我(wǒ)在哪個網頁上？（網頁名稱）
這個站主要欄目有哪些？（導航欄目清單）
在這個層次上我(wǒ)有哪些選擇？（頁面導航）
我(wǒ)在導航系統的什麽位置？（頁面裏的“你在這裏”的指示符号）
我(wǒ)怎麽搜索？

三、關于主頁設計
首先要承認，主頁不由我(wǒ)們控制。因爲每個人都有個一(yī)個看法，如果要使每個人都滿意，那麽就算最優秀的主頁設計也無法達到。因此設計主頁時不可避免地要做一(yī)些折衷。但有一(yī)件事情不要忘記——傳達整體(tǐ)形象，即一(yī)眼可以讓人感受到這個站是幹什麽的。越快越好，越清楚越好。所以當浏覽者進入主頁時，我(wǒ)們好不費(fèi)力（幾秒鍾讓人了解）地告訴他四個問題：
這是什麽網站？
網站上有些什麽？
你能在這裏做什麽？
爲什麽你在這裏，而不是在其别地方？

那麽如何傳達這些信息呢：
1、口号，即靠近網站LOGO的地方。一(yī)條精煉、個性、生(shēng)動的口号可以讓人立即聯想網站的内容。但也有例外(wài)，如果某個公司的品牌已達到家喻戶曉的地步，可以省略口号。
2、歡迎廣告，即對網站的簡要描述，在主頁首要的位置顯示，不需要滾動屏幕就能看到。
3、應從哪裏開(kāi)始？當進入一(yī)個新站後，浏覽者快速掃描主頁之後，應該明白(bái)無誤地知(zhī)道：
如果想搜索，可以從這裏開(kāi)始。
如果想掃描，可以從這裏開(kāi)始。
如果想掃描本站最精彩的内容，可以從這裏開(kāi)始。

在設計主頁時，注意幾個問題：
主頁的導航可以與下(xià)級的導航有點不同，但必須要有内容和視覺上的一(yī)緻。
可以不用下(xià)拉框就不用，因爲那是隐藏的信息。

四、如何解決對設計争論不休——可用性測試——絕大(dà)部分(fēn)公司沒做的
對設計争論不休，似乎是個永久而又(yòu)十分(fēn)令人痛苦的事情。解決這個問題，很多時候，是上司或者老闆說了算，“老闆說咋樣就咋樣”。

其實可以對網站進行“可用性測試”，除此之外(wài)，沒有更好的辦法。争辯隻會浪費(fèi)時間和團隊的精力，而通過測試将讨論對錯轉移到什麽有效、什麽無效上，更容易緩和争論，打破僵局。而且測試會讓我(wǒ)們看到用戶的動力、理解、反映的不同，從而讓我(wǒ)們不會再堅持認爲用戶的想法和我(wǒ)們的想法一(yī)樣。
如果想建立一(yī)個優秀的網站，一(yī)定要測試，測試一(yī)個用戶比不做測試好一(yī)倍，早點測試一(yī)位用戶好過最後測試50位用戶！這點我(wǒ)們做的不多，國内也似乎不重視這點。網絡公司一(yī)般對程序流程的測試要比對界面體(tǐ)驗的測試看的重要的多。

那麽如何測試？
1、在項目的每個進程中(zhōng)都可以測試，不必要等項目結束。項目最初的時候，必須有人（項目負責人或設計師，或多人讨論，設計師表現出來）使用團隊的集體(tǐ)技巧、經驗、創造力和判斷力來創建一(yī)些版本（哪怕是一(yī)個很粗糙的版本），然後仔細觀察人門對它的看法和使用方法。
2、每輪測試的理想用戶數量是三個，最多四個。前三個用戶可能會遇到幾乎所有最明顯的問題，而且更重要的是要多做幾輪測試，及時修正問題。這裏說明的是，測試用戶幾乎是任何懂得上網的人都可以，并不一(yī)定要與網站的目标人群想符合。
3、測試設備，隻需要一(yī)間辦公室會會議室、兩把椅子、一(yī)台電腦、一(yī)台攝像機（可以屏幕錄制軟件代替）就可以了。我(wǒ)們可以把攝像機的信号傳到附近的一(yī)個辦公室（甚至一(yī)個小(xiǎo)地方）裏，以便開(kāi)發團對的每個人都能進行觀察而不會幹擾測試用戶。
4、任何人都可以發起測試。任何人都可以觀察測試。
5、測試的項目：

“理解”測試。就是讓測試用戶看到網站，然後看他們是否理解這個網站，理解網站的目标、價值主張、組織方式、運行方式等。
關鍵任務測試。讓用戶完成一(yī)些任務，然後觀察他們是怎麽做的。
還有種最爲簡潔的“測試”方式，就是做好了一(yī)個頁面，就立即給别人看，看他們是否理解，當然這種我(wǒ)們都做到了，呵呵！

如何處理測試出現的問題？
1、給問題分(fēn)類。回顧大(dà)家看到的問題，決定那些需要修正。
測試中(zhōng)可能出現的幾個問題：
用戶不清楚概念。他們看着網站和頁面，要麽不知(zhī)道網站說什麽，要麽理解有誤。
他們找不到自己要的字眼。這就意味我(wǒ)們組織的内容和分(fēn)類不符合用戶的習慣，或者沒有他們期望的名字出現。
内容太多了。有時候，他們要找的内容就在上面，但是他們找不到。這就需要減少頁面幹擾，把他們需要看到的内容設置醒目，讓它們從可視層級中(zhōng)突出。
2、解決問題。通過測試，站在用戶角度看自己的作品，這樣的體(tǐ)驗常常能爲問題提供全新解決方案，或者可以讓我(wǒ)們有一(yī)種新的眼光看原來的問題。團隊不必對完美的解決方案達成一(yī)緻，隻要确認下(xià)一(yī)步做什麽就可以了。

值得申明的是，成功的網頁需要巧妙的平衡，一(yī)個微小(xiǎo)的變化都可能帶來不小(xiǎo)的影響。有時候，真正的挑戰不是我(wǒ)們如何修改我(wǒ)們發現的問題，而是修改這些問題後，同時不破壞已經正常運行的部分(fēn)。特别是，當把某部分(fēn)調整得突出的時候，是不是把其他内容重要性降低了。

總之，我(wǒ)們要做一(yī)個“好”網頁：
——讓用戶在我(wǒ)們網站是做什麽的，最大(dà)限度明白(bái)簡易
——告訴用戶想要知(zhī)道的
——盡量減少步驟
——花些心思
——知(zhī)道用戶有哪些問題，并給予解答
——爲用戶提供協助
——容易從錯誤中(zhōng)恢複
——如有不确定，要記得向用戶道歉