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