這里的領(lǐng)地，應(yīng)該是屬于CSS的，模板無憂，我們僅討論CSS技術(shù)與應(yīng)用，我們面對(duì)的是WEB標(biāo)準(zhǔn)在中國(guó)的發(fā)展與普及。但我們學(xué)習(xí)這些的目標(biāo)，就是讓我們的訪客更方便，更快捷的瀏覽我們所制作的站點(diǎn)。前臺(tái)的編碼，頁面的設(shè)計(jì)，后臺(tái)腳本與數(shù)據(jù)庫，都是為我們的訪客所服務(wù)。

　　今天我們看這一篇文章，這中間沒有涉及具體的CSS的內(nèi)容，也沒有WEB標(biāo)準(zhǔn)知識(shí)，我們學(xué)習(xí)的是一種思想：“別讓我思考”訪客至上的網(wǎng)頁設(shè)計(jì)秘笈！

　　現(xiàn)在網(wǎng)頁設(shè)計(jì)師除了把頁面做的漂亮以外，越來越注重“用戶體驗(yàn)”，就是要做“別讓用戶思考”的網(wǎng)頁，使網(wǎng)站真正做到“可用性”。筆者結(jié)合幾年的工作經(jīng)驗(yàn)，粗談這方面的一些問題，和大家共勉！

一、人們?nèi)绾螢g覽網(wǎng)頁

　　首先本書說明了上網(wǎng)的人是如何瀏覽網(wǎng)頁的，這似乎跟我們想象有很大的差距，因?yàn)槲覀冇X得“用戶會(huì)盯著每個(gè)網(wǎng)頁，仔細(xì)閱讀我們精心制作的文字，領(lǐng)會(huì)我們頁面的組織方式”，事實(shí)上大部分時(shí)間用戶看網(wǎng)頁就象“高速公路看廣告牌一樣”，沒時(shí)間仔細(xì)閱讀，當(dāng)然也不會(huì)專心思考。因而，我們必須為“掃描”而設(shè)計(jì)。做到這點(diǎn)須注重以下幾點(diǎn)：



二、關(guān)于導(dǎo)航的設(shè)計(jì)

　　導(dǎo)航顯然是網(wǎng)站最重要的部分，“假如在網(wǎng)站上找不到方向，人們就不會(huì)使用你的網(wǎng)站”。現(xiàn)在WEB導(dǎo)航的習(xí)慣用法基本形成了，雖然還會(huì)繼續(xù)演化下去，但基本元素以產(chǎn)生：網(wǎng)站LOGO、網(wǎng)站欄目、返回主頁、搜索、實(shí)用工具或幫助。

　　網(wǎng)站LOGO，通常是頁面左上角，出現(xiàn)在頁面可視層級(jí)的首要位置，可以采取兩種方式：讓它成為本頁最顯眼的內(nèi)容，或者讓它涵蓋頁面所有其他元素，當(dāng)然網(wǎng)站LOGO設(shè)計(jì)的好壞對(duì)人產(chǎn)生心理影響就不用說了。

　　網(wǎng)站欄目，也稱導(dǎo)航條，站點(diǎn)層級(jí)結(jié)構(gòu)的最頂層。導(dǎo)航條很多時(shí)候可以包容二級(jí)導(dǎo)航（下拉菜單的方式）。很多時(shí)候標(biāo)簽的設(shè)計(jì)是導(dǎo)航采用的很好表現(xiàn)方式，Amazon.com幾乎把它發(fā)展到完美的狀態(tài)。用標(biāo)簽的方式設(shè)計(jì)導(dǎo)航時(shí)要注重幾點(diǎn)：


　　搜索功能，假如有提供搜索功能的網(wǎng)站，要記住一個(gè)簡(jiǎn)單的公式：一個(gè)輸入框、一個(gè)按鈕、還有“Search”（搜索）兩個(gè)字，不要弄的太復(fù)雜。比如把“搜索”換成“查找”、“快速查找”、“快速搜索”、“要害字搜索”都會(huì)讓用戶產(chǎn)生思考。假如必須為搜索框提供選項(xiàng)（縮小搜索范圍）一定要三思，謹(jǐn)慎提供選項(xiàng)，以便以何種方式提供最為合理，還有就是要保證這些選項(xiàng)的確有用，否則會(huì)挫傷用戶心理。

　　值得注重的是，很多網(wǎng)站到了二級(jí)頁面以下，導(dǎo)航便會(huì)變了支離破碎，隨意發(fā)揮。這個(gè)問題非常普遍，以至于很難找到良好的三級(jí)導(dǎo)航的例子。事實(shí)上，用戶在底層頁面上花的時(shí)間通常和花在頂層頁面上的時(shí)間相同。除非我們一開始就自頂向下進(jìn)行導(dǎo)航設(shè)計(jì)，否則以后很難添加，也很難保持一致性。這就意味著我們?cè)谟懻撝黜摰念伾�方案之前，擁有顯示網(wǎng)站所有潛在級(jí)別的導(dǎo)航的DEMO設(shè)計(jì)非常重要。要做到這點(diǎn)，必須設(shè)計(jì)師和相關(guān)策劃人員緊密結(jié)合，設(shè)計(jì)師必須提前知道整個(gè)站的概貌和細(xì)節(jié)內(nèi)容。

　　有一點(diǎn)，設(shè)計(jì)師經(jīng)常忽略，就是記得為每個(gè)頁面加個(gè)名稱。似乎每個(gè)拐角處有一個(gè)路牌一樣，隨時(shí)讓駕駛者知道在哪里，無需思考。頁面的名稱應(yīng)該出現(xiàn)在涵蓋該頁內(nèi)容的位置，要引人注目，在大多數(shù)情況下，它應(yīng)該是該頁面最大的文字。

　　總之，一個(gè)擁有良好導(dǎo)航系統(tǒng)的網(wǎng)站，一眼就能告訴用戶這些信息：


三、關(guān)于主頁設(shè)計(jì)

　　首先要承認(rèn)，主頁不由我們控制。因?yàn)槊總�(gè)人都有個(gè)一個(gè)看法，假如要使每個(gè)人都滿足，那么就算最優(yōu)秀的主頁設(shè)計(jì)也無法達(dá)到。因此設(shè)計(jì)主頁時(shí)不可避免地要做一些折衷。但有一件事情不要忘記——傳達(dá)整體形象，即一眼可以讓人感受到這個(gè)站是干什么的。越快越好，越清楚越好。所以當(dāng)瀏覽者進(jìn)入主頁時(shí)，我們好不費(fèi)力（幾秒鐘讓人了解）地告訴他四個(gè)問題：



那么如何傳達(dá)這些信息呢：


在設(shè)計(jì)主頁時(shí)，注重幾個(gè)問題：



四、如何解決對(duì)設(shè)計(jì)爭(zhēng)論不休——可用性測(cè)試——絕大部分公司沒做的

　　對(duì)設(shè)計(jì)爭(zhēng)論不休，似乎是個(gè)永久而又十分令人痛苦的事情。解決這個(gè)問題，很多時(shí)候，是上司或者老板說了算，“老板說咋樣就咋樣”。

　　其實(shí)可以對(duì)網(wǎng)站進(jìn)行“可用性測(cè)試”，除此之外，沒有更好的辦法。爭(zhēng)辯只會(huì)浪費(fèi)時(shí)間和團(tuán)隊(duì)的精力，而通過測(cè)試將討論對(duì)錯(cuò)轉(zhuǎn)移到什么有效、什么無效上，更輕易緩和爭(zhēng)論，打破僵局。而且測(cè)試會(huì)讓我們看到用戶的動(dòng)力、理解、反映的不同，從而讓我們不會(huì)再堅(jiān)持認(rèn)為用戶的想法和我們的想法一樣。

　　假如想建立一個(gè)優(yōu)秀的網(wǎng)站，一定要測(cè)試，測(cè)試一個(gè)用戶比不做測(cè)試好一倍，早點(diǎn)測(cè)試一位用戶好過最后測(cè)試50位用戶！這點(diǎn)我們做的不多，國(guó)內(nèi)也似乎不重視這點(diǎn)。網(wǎng)絡(luò)公司一般對(duì)程序流程的測(cè)試要比對(duì)界面體驗(yàn)的測(cè)試看的重要的多。

那么如何測(cè)試？


如何處理測(cè)試出現(xiàn)的問題？


　　值得申明的是，成功的網(wǎng)頁需要巧妙的平衡，一個(gè)微小的變化都可能帶來不小的影響。有時(shí)候，真正的挑戰(zhàn)不是我們?nèi)绾涡薷奈覀儼l(fā)現(xiàn)的問題，而是修改這些問題后，同時(shí)不破壞已經(jīng)正常運(yùn)行的部分。非凡是，當(dāng)把某部分調(diào)整得突出的時(shí)候，是不是把其他內(nèi)容重要性降低了。

總之，我們要做一個(gè)“好”網(wǎng)頁：