網(wǎng)頁設(shè)計是網(wǎng)站建設(shè)過程中不可或缺的一個步驟，模板網(wǎng)站除外。今天我們來說一說識別網(wǎng)頁設(shè)計好壞的3個準則，以提高大家對網(wǎng)頁設(shè)計的認知。
要知道，網(wǎng)站是做給用戶看的，那我們就要以用戶目標客戶的眼光去要求這個網(wǎng)站，一要做到的是一見鐘情效應；二是要做到重點內(nèi)容關(guān)鍵位置展現(xiàn)；三是要盡量減少用戶的尋找時間。接下來我們就這3個方面做以下詳細介紹。
一、頁面布局設(shè)計
人是視覺動物，所以我們需要做好色調(diào)的搭配、圖片的穿插，以增強用戶對網(wǎng)站的好感。事實上大部分時間用戶看網(wǎng)頁就象“高速公路看廣告牌一樣”，沒時間仔細閱讀，當然也不會用心思考。因而，我們必須為“掃描”而設(shè)計。要盡可能留住用戶、吸引用戶訪問網(wǎng)頁，我們須注意以下幾點：
1、盡量符合用戶習慣的設(shè)計，讓人接受陌生的東西需要做好細節(jié)性處理。
2、在頁面把越重要的東西越突出，建立清楚的視覺層次。
3、可以點擊的地方必須突出，讓人明顯知道可以點擊。
4、把頁面劃分成明確定義的區(qū)域
5、省略多余的文字
二、關(guān)于導航的設(shè)計
導航顯然是網(wǎng)站最重要的部分，“如果在網(wǎng)站上找不到方向，人們就不會使用你的網(wǎng)站”�，F(xiàn)在WEB導航的習慣用法基本形成了，雖然還會繼續(xù)演化下去，但基本元素以產(chǎn)生：網(wǎng)站LOGO、網(wǎng)站欄目、返回主頁、站內(nèi)檢索、在線客服等。網(wǎng)站LOGO，通常是頁面左上角，出現(xiàn)在頁面可視層級的首要位置，可以采取兩種方式：讓它成為本頁最顯眼的內(nèi)容，或者讓它涵蓋頁面所有其他元素，當然網(wǎng)站LOGO設(shè)計的好壞對人產(chǎn)生心理影響就不用說了。
值得注意的是，很多網(wǎng)站到了二級頁面以下，導航便會變了支離破碎，隨意發(fā)揮。這個問題非常普遍，以至于很難找到良好的三級導航的例子。事實上，用戶在底層頁面上花的時間通常和花在頂層頁面上的時間相同。除非我們一開始就自頂向下進行導航設(shè)計，否則以后很難添加，也很難保持一致性。這就意味著我們在討論主頁的顏色方案之前，擁有顯示網(wǎng)站所有潛在級別的導航的DEMO設(shè)計非常重要。要做到這點，必須設(shè)計師和相關(guān)策劃人員緊密結(jié)合，設(shè)計師必須提前知道整個站的概貌和細節(jié)內(nèi)容。
有一點，就是記得為每個頁面加個名稱。好像每個拐角處有一個路牌一樣，隨時讓駕駛者知道在哪里，無需思考。頁面的名稱應該出現(xiàn)在涵蓋該頁內(nèi)容的位置，要引人注目，在大多數(shù)情況下，它應該是該頁面最大的文字。
一個擁有良好導航系統(tǒng)的網(wǎng)站，一眼就能告訴用戶這些信息：
這是什么網(wǎng)站？（網(wǎng)站LOGO）
我在哪個網(wǎng)頁上？（網(wǎng)頁名稱）這個站主要欄目有哪些？（導航欄目清單）在這個層次上我有哪些選擇？（頁面導航）我在導航系統(tǒng)的什么位置？（頁面里的“你在這里”的指示符號）我怎么搜索？
三、關(guān)于主頁設(shè)計
首先要承認，主頁不由我們控制。因為每個人都有個一個看法，如果要使每個人都滿意，那么就算最優(yōu)秀的主頁設(shè)計也無法達到。因此設(shè)計主頁時不可避免地要做一些折衷。但有一件事情不要忘記——傳達整體形象，即一眼可以讓人感受到這個站是干什么的。越快越好，越清楚越好。所以當瀏覽者進入主頁時，我們好不費力（幾秒鐘讓人了解）地告訴他四個問題：
這是什么網(wǎng)站？
網(wǎng)站上有些什么？
你能在這里做什么？
為什么你在這里，而不是在其別地方？
那么如何傳達這些信息呢：
1、口號，即靠近網(wǎng)站LOGO的地方。一條精煉、個性、生動的口號可以讓人立即聯(lián)想網(wǎng)站的內(nèi)容。但也有例外，如果某個公司的品牌已達到家喻戶曉的地步，可以省略口號。
2、歡迎廣告，即對網(wǎng)站的簡要描述，在主頁首要的位置顯示，不需要滾動屏幕就能看到。
3、應從哪里開始？當進入一個新站后，瀏覽者快速掃描主頁之后，應該明白無誤地知道：
如果想搜索，可以從這里開始。
如果想掃描，可以從這里開始。
如果想掃描本站最精彩的內(nèi)容，可以從這里開始。
在設(shè)計主頁時，注意幾個問題：主頁的導航可以與下級的導航有點不同，但必須要有內(nèi)容和視覺上的一致�？梢圆挥孟吕蚓筒挥�，因為那是隱藏的信息。
四、如何解決對設(shè)計爭論不休——可用性測試——絕大部分公司網(wǎng)站沒做的
對設(shè)計爭論不休，似乎是個永久而又十分令人痛苦的事情。解決這個問題，很多時候，是上司或者老板說了算，“老板說咋樣就咋樣”。其實可以對網(wǎng)站進行“可用性測試”，除此之外，沒有更好的辦法。爭辯只會浪費時間和團隊的精力，而通過測試將討論對錯轉(zhuǎn)移到什么有效、什么無效上，更容易緩和爭論，打破僵局。而且測試會讓我們看到用戶的動力、理解、反映的不同，從而讓我們不會再堅持認為用戶的想法和我們的想法一樣。如果想建立一個優(yōu)秀的網(wǎng)站，一定要測試，測試一個用戶比不做測試好一倍，早點測試一位用戶好過最后測試50位用戶！這點我們做的不多，國內(nèi)也似乎不重視這點。網(wǎng)絡(luò)公司一般對程序流程的測試要比對界面體驗的測試看的重要的多。如何測試網(wǎng)頁可用性？
1、在項目的每個進程中都可以測試，不必要等項目結(jié)束。項目最初的時候，必須有人（項目負責人或設(shè)計師，或多人討論，設(shè)計師表現(xiàn)出來）使用團隊的集體技巧、經(jīng)驗、創(chuàng)造力和判斷力來創(chuàng)建一些版本（哪怕是一個很粗糙的版本），然后仔細觀察人門對它的看法和使用方法。
2、每輪測試的理想用戶數(shù)量是三個，最多四個。前三個用戶可能會遇到幾乎所有最明顯的問題，而且更重要的是要多做幾輪測試，及時修正問題。這里說明的是，測試用戶幾乎是任何懂得上網(wǎng)的人都可以，并不一定要與網(wǎng)站的目標人群想符合。
3、測試設(shè)備，只需要一間辦公室會會議室、兩把椅子、一臺電腦、一臺攝像機（可以屏幕錄制軟件代替）就可以了。我們可以把攝像機的信號傳到附近的一個辦公室（甚至一個小地方）里，以便開發(fā)團對的每個人都能進行觀察而不會干擾測試用戶。
4、任何人都可以發(fā)起測試。任何人都可以觀察測試。
5、測試的項目：
“理解”測試。就是讓測試用戶看到網(wǎng)站，然后看他們是否理解這個網(wǎng)站，理解網(wǎng)站的目標、價值主張、組織方式、運行方式等。 關(guān)鍵任務測試。讓用戶完成一些任務，然后觀察他們是怎么做的。 還有種最為簡潔的“測試”方式，就是做好了一個頁面，就立即給別人看，看他們是否理解，當然這種我們都做到了，呵呵！ 如何處理測試出現(xiàn)的問題？
1、給問題分類�；仡櫞蠹铱吹降膯栴}，決定那些需要修正。 測試中可能出現(xiàn)的幾個問題： 用戶不清楚概念。他們看著網(wǎng)站和頁面，要么不知道網(wǎng)站說什么，要么理解有誤。 他們找不到自己要的字眼。這就意味我們組織的內(nèi)容和分類不符合用戶的習慣，或者沒有他們期望的名字出現(xiàn)。 內(nèi)容太多了。有時候，他們要找的內(nèi)容就在上面，但是他們找不到。這就需要減少頁面干擾，把他們需要看到的內(nèi)容設(shè)置醒目，讓它們從可視層級中突出。
2、解決問題。通過測試，站在用戶角度看自己的作品，這樣的體驗常常能為問題提供全新解決方案，或者可以讓我們有一種新的眼光看原來的問題。團隊不必對完美的解決方案達成一致，只要確認下一步做什么就可以了。
寫在最后，成功的網(wǎng)頁設(shè)計需要巧妙的平衡，一個微小的變化都可能帶來不小的影響。有時候，真正的挑戰(zhàn)不是我們?nèi)绾涡薷奈覀儼l(fā)現(xiàn)的問題，而是修改這些問題后，同時不破壞已經(jīng)正常運行的部分。特別要注意的是，我們在強調(diào)突出一個細節(jié)的時候，是不是把其他內(nèi)容重要性給降低了。總而言之，網(wǎng)站是做給目標用戶看的，網(wǎng)頁設(shè)計一定要圍繞網(wǎng)站的目標用戶而展開。
|
