網(wǎng)站建設(shè)中交互設(shè)計(jì)實(shí)用指南系列發(fā)布者：本站 時間：2022-04-04 19:04:53
任何位置都能明確“我在哪里？這里有什么？從這里能去哪里？”
小時候，童話故事都告訴我們，迷路可不是一件好事。那會伴隨著困惑、沮喪、憤怒和恐懼。為了避免迷失方向，我們發(fā)明了各種導(dǎo)航工具，大到衛(wèi)星定位系統(tǒng)，小到指南針，人類在這一事情上，極具創(chuàng)意。
在網(wǎng)站上迷失方向，雖然不是什么生死攸關(guān)的事，但會帶來許多負(fù)面影響，如：用戶體驗(yàn)下降、任務(wù)不能完成，用戶流失等。我們可以通過良好的導(dǎo)航系統(tǒng)來避免這個情況發(fā)生。好的導(dǎo)航系統(tǒng)可以幫助人們找到在網(wǎng)站中的位置，并幫助他們制定更好的查詢策略，增進(jìn)對內(nèi)容的理解。
在制定解決方案前，先了解他們?yōu)槭裁磿月罚?br />
1、當(dāng)人們不能理解信息時，會產(chǎn)生迷惑
2、人們在查詢過程中迷失，不知道下一步該做什么
3、人們可能會在網(wǎng)站中失去方向感，無法回到以前的頁面，甚至是首頁
交互設(shè)計(jì)實(shí)用指南系列(7) –避免迷路
圖1
比如在圖1的這個網(wǎng)站中游走，你容易陷入進(jìn)退兩難的境地。上圖中，兩個點(diǎn)擊打開的頁面，都沒有導(dǎo)航信息，甚至沒有任何離開當(dāng)前頁面的出口。
4、 人們在在信息系統(tǒng)中偏離了方向，分散了注意力。人們因眾多的、喧賓奪主的信息而偏離了主要任務(wù)。關(guān)于這一點(diǎn)，可以參考交互指南之《突出重點(diǎn)，一目了然》
交互設(shè)計(jì)實(shí)用指南系列(7) –避免迷路
圖2
圖2中的登錄頁面，可謂琳瑯滿目，信息的豐富程度毫不遜色于首頁，難道設(shè)計(jì)者的目的，是希望用戶放棄登錄這個主要任務(wù)，去往“更重要”的地方嗎？
你也許會想，讓用戶不要迷路，不是非常簡單的事情嗎，我只要在所有頁面中放入全局導(dǎo)航，使他們能在網(wǎng)站的核心內(nèi)容之間移動。然后放入面包屑，讓他們了解自己所處的位置，一切不就完事大吉了。
但事實(shí)上果真如此嗎？全局導(dǎo)航也許能幫助用戶了解你網(wǎng)站的核心內(nèi)容，但在具體的任務(wù)中，比如圖3中的淘寶全局導(dǎo)航，如果放入在挑選商品或支付的頁面中，恐怕非但不能指引用戶，還會干擾到任務(wù)的完成。
交互設(shè)計(jì)實(shí)用指南系列(7) –避免迷路
圖3
小心，別讓自己陷入導(dǎo)航系統(tǒng)的過度設(shè)計(jì)中去。我們所要做的，是使用人物角色和場景作為參考，確定人物角色會選擇的到達(dá)內(nèi)容的最佳路線，而不是提供所有線路，更不需要將網(wǎng)站的全部結(jié)構(gòu)復(fù)制到每個頁面當(dāng)中，造成頁面信息負(fù)擔(dān)。好的導(dǎo)航系統(tǒng)讓人們感知不到它的存在。就好象在觀看體育比賽時，裁判會做出許多正確的判定，而我們往往忽略他的存在，但一旦裁判員做出了一個錯誤的判決，就會引來場上觀眾的一片唏噓。
那么，我們應(yīng)該怎樣做，才能保證用戶不在網(wǎng)站中迷失呢？
首先，我們要幫助用戶定向，也就是確定“當(dāng)前位置”。
即便GPS衛(wèi)星定位系統(tǒng)如此強(qiáng)大，它都必須隨時在地圖上標(biāo)明我們的“當(dāng)前位置”，才能真正為我們導(dǎo)航。而與現(xiàn)實(shí)世界不同的是，在網(wǎng)絡(luò)世界中沒有南北之分，也沒有地理位置，我們必須利用導(dǎo)航系統(tǒng)的各種因素，來為用戶創(chuàng)造可以判斷當(dāng)前位置的情景：
1、 重視網(wǎng)站的品牌信息
用戶應(yīng)該一直知道自己在瀏覽什么網(wǎng)站，將組織的名稱、標(biāo)識、和身份識別圖放進(jìn)網(wǎng)站的所有頁面中，是達(dá)到此目的最顯著的方法。
2、 細(xì)節(jié)創(chuàng)建情景
我們可以通過頁面內(nèi)標(biāo)題、頁面文字，向用戶傳遞當(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)信息，以及記錄用戶的訪問足跡。
4、 逃生艙模式
逃生艙模式也是幫助用戶確定當(dāng)前位置的一張底牌。也就是在網(wǎng)站的所有頁面上設(shè)置統(tǒng)一的出口，無論什么時候，點(diǎn)擊這里，都可以回到首頁。大部分網(wǎng)站都把逃生艙設(shè)置在網(wǎng)站LOGO上，已經(jīng)成為慣例了。
其次，根據(jù)用戶需求，確定導(dǎo)航模式。
用戶的需求決定了我們應(yīng)當(dāng)放置何種導(dǎo)航鏈接。在不同類型的頁面，用戶所產(chǎn)生的問題不盡相同。我們需要預(yù)測這些問題，然后在設(shè)計(jì)導(dǎo)航的時候，也問自己同樣的問題。
一般情況下，用戶會問：“我在哪里？”“我在這里能做什么？”“我還可以去哪里”；在電子商務(wù)網(wǎng)站，他們也許會問，我該如何找到想要的產(chǎn)品信息；具體在某一產(chǎn)品，他們也許會問：“我該如何聯(lián)系客服人員？”“我到哪里可以找到相關(guān)產(chǎn)品”。
我們所要做的，并不是想出所有可能發(fā)生的問題，相應(yīng)的，我們也不可能把所有問題的答案都放入頁面當(dāng)中。這個時候，人物角色和場景，將發(fā)揮很重要的作用。對于不同的頁面，弄清楚每個用戶角色要去哪里，放置他們最需要的導(dǎo)航。比如：你的人物角色需要隨時從一個欄目跳轉(zhuǎn)到另一個欄目嗎？如果是的話，請保證頂級欄目的鏈接一直可用。
一旦確定了用戶想要到達(dá)的內(nèi)容，就要思考達(dá)到這一目標(biāo)所需要的最簡單、最容易的方案。比如在圖4中，也許你的人物角色需要的，只是一個“下一組”鏈接。
交互設(shè)計(jì)實(shí)用指南系列(7) –避免迷路
圖4
最后，通過壓力測試檢驗(yàn)頁面的導(dǎo)航能力。
怎么樣測試這個頁面的導(dǎo)航能力呢?
（1） 隨機(jī)從你的網(wǎng)站上選擇一個頁面；
（2） 把這個頁面打印成黑白的，并把頁面頭部的瀏覽器地址欄和下面的版權(quán)及公司信息部份去掉；
（3） 假裝你是第一次進(jìn)入這個網(wǎng)站，并試圖回答下面的問題(詳見下列問題列表)；
（4） 在一張紙上寫下你所想的和答案；
問題列表:
1、這個頁面是寫什么內(nèi)容的？ 在頁面的標(biāo)題處畫一個方形或在紙上寫清楚；
2、這是個什么樣的網(wǎng)站? 把網(wǎng)站的名字用圈圈起來，或者自己寫在紙上；
3、這個網(wǎng)站主要的版塊是什么? 用x標(biāo)識；
4、這個頁面中主要的版塊是什么？ 用三角形圍著x來標(biāo)識；
5、我怎么樣到達(dá)這個網(wǎng)站的首頁？ 用H標(biāo)識；
6、我怎么樣才能到達(dá)網(wǎng)站的頂部呢? T來標(biāo)識；
7、每一組鏈接分別代表什么? 把頁面上的主要鏈接圈出來，并寫下標(biāo)識；
D:用來標(biāo)識更多，詳細(xì)介紹及這個版塊的子頁面等；
N:在同一版塊的其它相鄰頁面；
S:在同一網(wǎng)站上但不相鄰的頁面；
O:離開這個網(wǎng)站的頁面；
8、你是通過怎么樣的路徑到達(dá)這個頁面的呢？ 請寫出你到達(dá)這個頁面的路徑，選擇1>選擇2>選擇3…
讓你們團(tuán)隊(duì)的其它成員或熟悉你網(wǎng)站的朋友也與你做同一試驗(yàn)，大家象跳傘一樣的進(jìn)入網(wǎng)站中的任意一個頁面，然后把回答記在紙上，你就可以看出導(dǎo)航存在的問題。
選擇我們，優(yōu)質(zhì)服務(wù)，不容錯過
1. 優(yōu)秀的網(wǎng)絡(luò)資源，強(qiáng)大的網(wǎng)站優(yōu)化技術(shù)，穩(wěn)定的網(wǎng)站和速度保證
2. 15年上海網(wǎng)站建設(shè)經(jīng)驗(yàn)，優(yōu)秀的技術(shù)和設(shè)計(jì)水平，更放心
3. 全程省心服務(wù)，不必?fù)?dān)心自己不懂網(wǎng)絡(luò)，更省心。
------------------------------------------------------------
24小時聯(lián)系電話：021-58370032
關(guān)鍵詞標(biāo)簽：上海網(wǎng)站建設(shè) 上海網(wǎng)站制作 網(wǎng)站優(yōu)化 小程序開發(fā)