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