迷路并不是一件好玩的事件,試想你駕車駛到調(diào)高速公路分叉口時(shí),卻看不到任何路牌,那該會(huì)怎樣地困惑、沮喪、憤怒和恐懼。我們發(fā)明了各種導(dǎo)航工具,大到衛(wèi)星定位系統(tǒng),小到指南針,人類在這一事情上,極具創(chuàng)意。
在網(wǎng)站上迷失方向,雖然不是什么生死攸關(guān)的事,但會(huì)帶來(lái)很多負(fù)面影響,如:用戶體驗(yàn)下降,任務(wù)不能完成,用戶流失等。我們可以通過(guò)良好的導(dǎo)航系統(tǒng)來(lái)避免這個(gè)情況發(fā)生。好的導(dǎo)航系統(tǒng)可以幫助人們找到網(wǎng)站中的,并幫助他們制定更好的查詢策略,增進(jìn)對(duì)內(nèi)容的理解。
在制定解決方案前,先了解他們?yōu)槭裁磿?huì)迷路:
當(dāng)人們不能理解信息時(shí),會(huì)產(chǎn)生迷惑
人們?cè)诓樵冞^(guò)程中迷失,不知道下一步該做什么
人們可能會(huì)在網(wǎng)站中失去方向感,無(wú)法加到以前的頁(yè)面,甚至是首頁(yè)
人們?cè)谛畔⑾到y(tǒng)中偏離了方向,分散了注意力。人們因眾多的、喧賓奪主的信息而偏離了主要任務(wù)。關(guān)于這一點(diǎn),可以參考交互指南之《突出重點(diǎn),一目了解》
你也許會(huì)想,讓用戶不要迷路,不是非常簡(jiǎn)單的事情嗎,我只要在所有頁(yè)面中放入導(dǎo)航,使他們能在網(wǎng)站的核心內(nèi)容之間移動(dòng)。然后入到面包屑,讓他們了解自己所處的位置,一切不就萬(wàn)事大吉了?
但事實(shí)上果真如此嗎?全局導(dǎo)航也許能幫助用戶了解你網(wǎng)站的核心內(nèi)容,但在具體的任務(wù)中,有時(shí)候非但不能指引用戶,還會(huì)干擾到任務(wù)的完成。
小心,別讓自己陷入導(dǎo)航系統(tǒng)的過(guò)度設(shè)計(jì)中去。我們所要做的,是使用人物角度和場(chǎng)景作為參考,確定人物角色會(huì)選擇的到達(dá)內(nèi)容的最佳路線,而不是提供所有線路,更不需要將網(wǎng)站的全部結(jié)構(gòu)復(fù)制到每個(gè)頁(yè)面當(dāng)中,造成頁(yè)面信息負(fù)擔(dān),好的導(dǎo)航系統(tǒng)讓人們感知不到它的存在,就好像在觀看體育比賽時(shí),裁判會(huì)做出許多正確的判定,而我們往往鐵血他的存在,但一旦裁判員做出了一個(gè)錯(cuò)誤的判決,就會(huì)引來(lái)場(chǎng)上觀眾的一片唏噓。
那么,我們應(yīng)該怎樣做,才能保證用戶不在網(wǎng)站中迷失呢?
首頁(yè),我們要幫助用戶定向,也就是確定“當(dāng)前位置”
即使CPS衛(wèi)星定位系統(tǒng)如此強(qiáng)大,它都必須隨時(shí)在地圖上標(biāo)明我們的“當(dāng)前位置”,才能真正的為我們導(dǎo)航,而與現(xiàn)實(shí)世界不同的是,在網(wǎng)絡(luò)世界中沒(méi)有南北之分,也沒(méi)有地理,我們必須利用導(dǎo)航系統(tǒng)的各種因素,來(lái)為用戶創(chuàng)造可以判斷位置的情景:
1、重視網(wǎng)站的品牌信息
用戶應(yīng)該一直知道自己在瀏覽什么網(wǎng)站,將組織的名稱、標(biāo)識(shí)和身份識(shí)別圖放進(jìn)網(wǎng)站的所有頁(yè)面中,是達(dá)到此目的的最顯著的方法。
2、細(xì)節(jié)創(chuàng)建情景
我們可以通過(guò)頁(yè)面內(nèi)標(biāo)題、頁(yè)面文字,向用戶傳遞當(dāng)前位置的信息,瀏覽器標(biāo)題和URL也是用戶進(jìn)行判斷的依據(jù)。當(dāng)前導(dǎo)航選項(xiàng)的高亮狀態(tài),也是常用的方式。
3、面包屑
“面包屑”也是標(biāo)明當(dāng)前網(wǎng)站位置的好工具。此外,面包屑還能傳遞網(wǎng)站結(jié)構(gòu)信息,以及記錄用戶的訪問(wèn)足跡。
4、逃生艙模式
逃生艙模式也是幫助用戶確定當(dāng)前位置的一張底牌,也就是在網(wǎng)站的所有頁(yè)面上設(shè)置統(tǒng)一的出口,無(wú)論什么時(shí)候,點(diǎn)擊這里,都可以回到首頁(yè),大部分網(wǎng)站都把逃生艙設(shè)置在網(wǎng)站LOGO上,已經(jīng)成為慣例了。
其次,根據(jù)用戶需要,確定導(dǎo)航機(jī)制
用戶的需要決定了我們應(yīng)當(dāng)旋轉(zhuǎn)何種導(dǎo)航鏈接。在不同類型的頁(yè)面,用戶所產(chǎn)生的問(wèn)題不盡相同,我們需要預(yù)測(cè)這些問(wèn)題,然后在設(shè)計(jì)導(dǎo)航的時(shí)候,也問(wèn)自己同樣的問(wèn)題。
一般情況下,用戶會(huì)問(wèn):
“我們?cè)谀睦铮俊?“我在這里能做什么?” “我還可以去哪里”
在電子商務(wù)網(wǎng)站,他們也許會(huì)問(wèn),我該如何找到想要的產(chǎn)品信息,具體在某一產(chǎn)品,他們也許問(wèn):
“我該如何聯(lián)系客服人員?” “我到哪里可以找到相關(guān)產(chǎn)品”
我們所要做的,并不是想出所有可能發(fā)生的問(wèn)題,相應(yīng)的,我們也不可能把所有問(wèn)題的答案都放入頁(yè)面當(dāng)中,這個(gè)時(shí)候,人物角色和場(chǎng)景,將發(fā)揮很重要的作用。對(duì)于不同的頁(yè)面,弄清楚每個(gè)用戶角色要去哪里,旋轉(zhuǎn)他們最需要的導(dǎo)航,比如:你的人物角色需要隨時(shí)從一個(gè)欄目跳轉(zhuǎn)到另一個(gè)欄目嗎?如果是的話,請(qǐng)保證頂級(jí)欄目的鏈接一直可用。
一旦確定了用戶想要到達(dá)的內(nèi)容,就要思考達(dá)到這一目標(biāo)所需要的最簡(jiǎn)單,最容易的方案。
最后,通過(guò)壓力測(cè)試檢驗(yàn)頁(yè)面的導(dǎo)航能力
怎么樣測(cè)試頁(yè)面的導(dǎo)航能力呢?
(1)隨機(jī)從你的網(wǎng)站上選擇一個(gè)頁(yè)面
(2)把這個(gè)頁(yè)面打印成黑白的,并把頁(yè)面善的瀏覽器地址欄和下面的版權(quán)及信息部分去掉。
(3)假裝你是第一次進(jìn)入這個(gè)網(wǎng)站,并試圖回答下面的問(wèn)題(詳見(jiàn)下列問(wèn)題列表:)
(4)在一和紙上寫(xiě)下你所想的和答案。
1、這個(gè)頁(yè)面是寫(xiě)什么內(nèi)容的?在頁(yè)面的標(biāo)題處畫(huà)一個(gè)方形或在紙上寫(xiě)清楚;
2、這是個(gè)什么樣的網(wǎng)站?把網(wǎng)站的名字用圈圈起來(lái),或者自己寫(xiě)在紙上;
3、這個(gè)網(wǎng)站主要的怎版塊是什么?用X標(biāo)識(shí);
4、這個(gè)頁(yè)面中主要的版塊是什么?用三角形圍著X來(lái)標(biāo)識(shí);
5、我怎么樣到達(dá)這個(gè)網(wǎng)站的首頁(yè)?用H標(biāo)識(shí);
6、我怎么才能到達(dá)網(wǎng)站的頂部呢?T來(lái)標(biāo)識(shí);
7、每一組鏈接分別代表什么?把頁(yè)面上的主要鏈接圈起來(lái),并寫(xiě)下標(biāo)識(shí);
D:用來(lái)標(biāo)識(shí)更多,詳細(xì)及這個(gè)怎的子頁(yè)面等。 N:在同一版塊的其它相鄰頁(yè)面; S:在同一網(wǎng)站上但不相鄰的頁(yè)面; O:離開(kāi)這個(gè)網(wǎng)站的頁(yè)面;
8、你是通過(guò)怎樣的路徑到達(dá)這個(gè)頁(yè)面的呢?
請(qǐng)寫(xiě)出你到達(dá)個(gè)頁(yè)面的路徑,選擇1>選擇2>選擇3……讓你們團(tuán)隊(duì)的其它成員或熟悉你網(wǎng)站的朋友也與你做同一試驗(yàn),大家象跳傘一樣的進(jìn)入網(wǎng)站中的任意一個(gè)頁(yè)面,然后把回答記在紙上,你就可以看出導(dǎo)航存在的問(wèn)題。
更多建議: