現(xiàn)在網(wǎng)頁(yè)設(shè)計(jì)師除了把頁(yè)面做的美麗以外,越來(lái)越重視“用戶(hù)體驗(yàn)”,就是要做“別讓用戶(hù)思考”的網(wǎng)頁(yè),使網(wǎng)站真正做到“可用性”??纯绰?lián)合工作經(jīng)驗(yàn),粗談這方面的一些標(biāo)題,和大家共勉!
一、人們?nèi)绾螢g覽網(wǎng)頁(yè)
上網(wǎng)的人是如何瀏覽網(wǎng)頁(yè)?現(xiàn)實(shí)和我們的想象可能會(huì)有很大的差距,由于我們感到“用戶(hù)會(huì)盯著每個(gè)網(wǎng)頁(yè),仔細(xì)瀏覽我們精心制作的文字,懂得我們頁(yè)面的組織方法”,事實(shí)上大部分時(shí)間用戶(hù)看網(wǎng)頁(yè)就象“高速公路看廣告牌一樣”,沒(méi)時(shí)間仔細(xì)瀏覽,當(dāng)然也不會(huì)專(zhuān)心思考。因而,我們必需為“掃描”而設(shè)計(jì)。
要盡可能留住用戶(hù)、吸引用戶(hù)拜訪(fǎng)網(wǎng)頁(yè),我們須留心以下幾點(diǎn):
1、盡量符實(shí)用戶(hù)習(xí)慣的設(shè)計(jì),讓人接收陌生的東西需要代價(jià),除非我們感到這個(gè)代價(jià)是必需的。
2、在頁(yè)面把越重要的東西越突出,建立明白的視覺(jué)層次。
3、可以點(diǎn)擊的處所必需突出,讓人明顯知道可以點(diǎn)擊。
4、把頁(yè)面劃分成明斷定義的區(qū)域
5、省略過(guò)剩的文字
二、關(guān)于導(dǎo)航的設(shè)計(jì)
導(dǎo)航顯然是網(wǎng)站最重要的部分,“假如在網(wǎng)站上找不到方向,人們就不會(huì)應(yīng)用你的網(wǎng)站”?,F(xiàn)在WEB導(dǎo)航的習(xí)慣用法基礎(chǔ)形成了,固然還會(huì)持續(xù)演變下往,但基礎(chǔ)元素以產(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)站欄目,也稱(chē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)進(jìn)網(wǎng)站時(shí),有一個(gè)標(biāo)簽已經(jīng)選中;
2、準(zhǔn)確繪制,激活的標(biāo)簽頁(yè)要位于其他標(biāo)簽頁(yè)之前;
3、色彩區(qū)分,可以讓每個(gè)欄目應(yīng)用一種不用的標(biāo)簽色彩,并把這種色彩用在頁(yè)面其他導(dǎo)航元素上,讓它們渾然一體;
搜索功效,假如有供給搜索功效的網(wǎng)站,要記住一個(gè)簡(jiǎn)略的公式:一個(gè)輸進(jìn)框、一個(gè)按鈕、還有“Search”(搜索)兩個(gè)字,不要弄的太復(fù)雜。比如把 “搜索”換成“查找”、“快速查找”、“快速搜索”、“要害字搜索”都會(huì)讓用戶(hù)產(chǎn)生思考。假如必需為搜索框供給選項(xiàng)(縮小搜索范疇)必定要三思,謹(jǐn)嚴(yán)供給選項(xiàng),以便以何種方法供給最為公平,還有就是要保證這些選項(xiàng)的確有用,否則會(huì)挫傷用戶(hù)心理。
值得留心的是,很多網(wǎng)站到了二級(jí)頁(yè)面以下,導(dǎo)航便會(huì)變了支離破碎,隨便施展。這個(gè)標(biāo)題非常廣泛,以至于很難找到良好的三級(jí)導(dǎo)航的例子。事實(shí)上,用戶(hù)在底層頁(yè)面上花的時(shí)間通常和花在頂層頁(yè)面上的時(shí)間雷同。除非我們一開(kāi)端就自頂向下進(jìn)行導(dǎo)航設(shè)計(jì),否則以后很難添加,也很難保持一致性。這就意味著我們?cè)谟懻撝黜?yè)的色彩計(jì)劃之前,擁有顯示網(wǎng)站所有埋伏級(jí)別的導(dǎo)航的DEMO設(shè)計(jì)非常重要。要做到這點(diǎn),必需設(shè)計(jì)師和相干策劃職員緊密聯(lián)合,設(shè)計(jì)師必需提前知道全部站的概貌和細(xì)節(jié)內(nèi)容。
有一點(diǎn),設(shè)計(jì)師經(jīng)常疏忽,就是記得為每個(gè)頁(yè)面加個(gè)名稱(chēng)。似乎每個(gè)拐角處有一個(gè)路牌一樣,隨時(shí)讓駕駛者知道在哪里,無(wú)需思考。頁(yè)面的名稱(chēng)應(yīng)當(dāng)呈現(xiàn)在涵蓋該頁(yè)內(nèi)容的地位,要引人注視,在大多數(shù)情況下,它應(yīng)當(dāng)是該頁(yè)面最大的文字。
總之,一個(gè)擁有良好導(dǎo)航系統(tǒng)的網(wǎng)站,一眼就能告訴用戶(hù)這些信息:
這是什么網(wǎng)站?(網(wǎng)站LOGO)
我在哪個(gè)網(wǎng)頁(yè)上?(網(wǎng)頁(yè)名稱(chēng))
這個(gè)站重要欄目有哪些?(導(dǎo)航欄目清單)
在這個(gè)層次上我有哪些選擇?(頁(yè)面導(dǎo)航)
我在導(dǎo)航系統(tǒng)的什么地位?(頁(yè)面里的“你在這里”的唆使符號(hào))
我怎么搜索?