-
自然排名 點(diǎn)擊多少均不要錢(qián)喲！
可能會(huì)幫您的生意提高幾倍，幾十倍 -
網(wǎng)站人性設(shè)計(jì)和做到用戶至上的探討
現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)師除了把頁(yè)面做的漂亮以外，越來(lái)越注重“用戶體驗(yàn)”，就是要做“別讓用戶思考”的網(wǎng)頁(yè)，使網(wǎng)站真正做到“可用性”。望望結(jié)合工作經(jīng)驗(yàn)，粗談這方面的一些問(wèn)題，和大家共勉！
一、人們?nèi)绾螢g覽網(wǎng)頁(yè)
上網(wǎng)的人是如何瀏覽網(wǎng)頁(yè)？現(xiàn)實(shí)和我們的想象可能會(huì)有很大的差距，因?yàn)槲覀冇X(jué)得“用戶會(huì)盯著每個(gè)網(wǎng)頁(yè)，仔細(xì)閱讀我們精心制作的文字，領(lǐng)會(huì)我們頁(yè)面的組織方式”，事實(shí)上大部分時(shí)間用戶看網(wǎng)頁(yè)就象“高速公路看廣告牌一樣”，沒(méi)時(shí)間仔細(xì)閱讀，當(dāng)然也不會(huì)用心思考。因而，我們必須為“掃描”而設(shè)計(jì)。
要盡可能留住用戶、吸引用戶訪問(wèn)網(wǎng)頁(yè)，我們須注意以下幾點(diǎn)：
1、盡量符合用戶習(xí)慣的設(shè)計(jì)，讓人接受陌生的東西需要代價(jià)，除非我們覺(jué)得這個(gè)代價(jià)是必須的。
2、在頁(yè)面把越重要的東西越突出，建立清楚的視覺(jué)層次。
3、可以點(diǎn)擊的地方必須突出，讓人明顯知道可以點(diǎn)擊。
4、把頁(yè)面劃分成明確定義的區(qū)域
5、省略多余的文字
二、關(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)站欄目、返回主頁(yè)、搜索、實(shí)用工具或幫助。
網(wǎng)站LOGO，通常是頁(yè)面左上角，出現(xiàn)在頁(yè)面可視層級(jí)的前幾要位置，可以采取兩種方式：讓它成為本頁(yè)更顯眼的內(nèi)容，或者讓它涵蓋頁(yè)面所有其他元素，當(dāng)然網(wǎng)站LOGO設(shè)計(jì)的好壞對(duì)人產(chǎn)生心理影響就不用說(shuō)了。
網(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)。
1、進(jìn)入網(wǎng)站時(shí)，有一個(gè)標(biāo)簽已經(jīng)選中；
2、正確繪制，激活的標(biāo)簽頁(yè)要位于其他標(biāo)簽頁(yè)之前；
3、顏色區(qū)分，可以讓每個(gè)欄目使用一種不用的標(biāo)簽顏色，并把這種顏色用在頁(yè)面其他導(dǎo)航元素上，讓它們渾然一體；
搜索功能，如果有提供搜索功能的網(wǎng)站，要記住一個(gè)簡(jiǎn)單的公式：一個(gè)輸入框、一個(gè)按鈕、還有“Search”（搜索）兩個(gè)字，不要弄的太復(fù)雜。比如把 “搜索”換成“查找”、“快速查找”、“快速搜索”、“關(guān)鍵字搜索”都會(huì)讓用戶產(chǎn)生思考。如果必須為搜索框提供選項(xiàng)（縮小搜索范圍）一定要三思，謹(jǐn)慎提供選項(xiàng)，以便以何種方式提供更為合理，還有就是要保證這些選項(xiàng)的確有用，否則會(huì)挫傷用戶心理。
值得注意的是，很多網(wǎng)站到了二級(jí)頁(yè)面以下，導(dǎo)航便會(huì)變了支離破碎，隨意發(fā)揮。這個(gè)問(wèn)題非常普遍，以至于很難找到良好的三級(jí)導(dǎo)航的例子。事實(shí)上，用戶在底層頁(yè)面上花的時(shí)間通常和花在更層頁(yè)面上的時(shí)間相同。除非我們一開(kāi)始就自更向下進(jìn)行導(dǎo)航設(shè)計(jì)，否則以后很難添加，也很難保持一致性。這就意味著我們?cè)谟懻撝黜?yè)的顏色方案之前，擁有顯示網(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ì)師常常忽略，就是記得為每個(gè)頁(yè)面加個(gè)名稱。好像每個(gè)拐角處有一個(gè)路牌一樣，隨時(shí)讓駕駛者知道在哪里，無(wú)需思考。頁(yè)面的名稱應(yīng)該出現(xiàn)在涵蓋該頁(yè)內(nèi)容的位置，要引人注目，在大多數(shù)情況下，它應(yīng)該是該頁(yè)面更大的文字。
總之，一個(gè)擁有良好導(dǎo)航系統(tǒng)的網(wǎng)站，一眼就能告訴用戶這些信息：
這是什么網(wǎng)站？（網(wǎng)站LOGO）
我在哪個(gè)網(wǎng)頁(yè)上？（網(wǎng)頁(yè)名稱）
這個(gè)站主要欄目有哪些？（導(dǎo)航欄目清單）
在這個(gè)層次上我有哪些選擇？（頁(yè)面導(dǎo)航）
我在導(dǎo)航系統(tǒng)的什么位置？（頁(yè)面里的“你在這里”的指示符號(hào)）
我怎么搜索？
網(wǎng)站人性設(shè)計(jì)，一點(diǎn)見(jiàn)解，望見(jiàn)笑。
