網(wǎng)站人性設(shè)計和做到用戶至上的探討

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

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

上網(wǎng)的人是如何瀏覽網(wǎng)頁？現(xiàn)實和我們的想象可能會有很大的差距，因為我們覺得“用戶會盯著每個網(wǎng)頁，仔細閱讀我們精心制作的文字，領(lǐng)會我們頁面的組織方式”，事實上大部分時間用戶看網(wǎng)頁就象“高速公路看廣告牌一樣”，沒時間仔細閱讀，當然也不會用心思考。因而，我們必須為“掃描”而設(shè)計。

要盡可能留住用戶、吸引用戶訪問網(wǎng)頁，我們須注意以下幾點：

1、盡量符合用戶習慣的設(shè)計，讓人接受陌生的東西需要代價，除非我們覺得這個代價是必須的。

2、在頁面把越重要的東西越突出，建立清楚的視覺層次。

3、可以點擊的地方必須突出，讓人明顯知道可以點擊。

4、把頁面劃分成明確定義的區(qū)域

5、省略多余的文字

二、關(guān)于導航的設(shè)計

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

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

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

1、進入網(wǎng)站時，有一個標簽已經(jīng)選中；

2、正確繪制，激活的標簽頁要位于其他標簽頁之前；

3、顏色區(qū)分，可以讓每個欄目使用一種不用的標簽顏色，并把這種顏色用在頁面其他導航元素上，讓它們渾然一體；

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

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

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

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

這是什么網(wǎng)站？（網(wǎng)站LOGO）

我在哪個網(wǎng)頁上？（網(wǎng)頁名稱）

這個站主要欄目有哪些？（導航欄目清單）

在這個層次上我有哪些選擇？（頁面導航）

我在導航系統(tǒng)的什么位置？（頁面里的“你在這里”的指示符號）

我怎么搜索？

網(wǎng)站人性設(shè)計，一點見解，望見笑。

查看更多寧波網(wǎng)站建設(shè)網(wǎng)站設(shè)計人性