用戶對導(dǎo)航的三種行為 1.適應(yīng)人們對導(dǎo)航會逐漸適應(yīng)
2.預(yù)測
導(dǎo)航提供的信息氣味的線索,使人們可以預(yù)測下一步是什么
3.重定向
到達(dá)一個新網(wǎng)頁,人們會讓自己重新熟悉它
網(wǎng)站的導(dǎo)航設(shè)計大致類型 超大信息類站點的導(dǎo)航條就像中藥鋪的抽屜,一字排開氣勢恢宏,分別拉開,別有洞天。
國人喜好:多!大!全!最好全部鋪開才有氣勢。從不爭氣的‘S浪’網(wǎng)多年沒怎么變的首頁導(dǎo)航模式可見一般。至此,對比瀏覽了同類大型新聞信息類站點,發(fā)現(xiàn)中/洋;東/西,界面感受果然不同。
今天只說導(dǎo)航,只對比了新聞類站點:
(娛樂類,設(shè)計類,個人站點導(dǎo)航形式多樣,邏輯復(fù)雜,暫來不及鋪開)
Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 騰訊新聞 / 新浪
首先關(guān)注首頁橫向主導(dǎo)航:
(常規(guī)縱向?qū)Ш酵ǔE浜蠙M向主導(dǎo)航試用,且在商務(wù)型,大型信息類站點主頁中單獨使用頻率不高,通常在次級頁面出現(xiàn),且一定是信息內(nèi)容量大,分類繁瑣的站點。)
可見基本導(dǎo)航條模式如下:
1. 對于信息統(tǒng)一,歸納性強(qiáng)的站點,通常會使用簡單模式:
2. 對于有豐富次級信息的,通常會使用以下兩種模式:
a. 鼠標(biāo)hover下拉
b. tab展開
a 型導(dǎo)航方便快捷預(yù)覽, b 型導(dǎo)航直接展開次級信息,也有站點把a(bǔ)/b模式合并。
3. 特別案例,蓋澆飯類型的,把所有信息都鋪出來,比如s浪:
(與其說導(dǎo)航,不如說是歸納過的標(biāo)簽)
?
導(dǎo)航設(shè)計的一些注意點 導(dǎo)航上的迷失有多方面的原因:
1.當(dāng)人們不理解資料的時候可能會感到迷惑
2.人們在查尋過程中迷失,不知道下一步做什么
3.人們可能會在網(wǎng)站中偏離方向感,無法回到以前的頁面,甚至是首頁
4.人們在信息系統(tǒng)中偏離方向、分散了注意力。
導(dǎo)航操作性: 一個完美的導(dǎo)航,最基本最重要的是隨時隨地,快速引導(dǎo)用戶去相關(guān)頁面,而且能及時返回,方便跳轉(zhuǎn)到其他頁面。
有意思的是,去容易,反而找到來時路就千差萬別了。
比如:用戶很可能是從首頁任何一個興趣點,誤入了詳情頁面,去的容易,1步到~!但從詳情頁面返回到其他模塊或想去其他分支類別頁面,就要仰賴導(dǎo)航了。
為了提供必要引導(dǎo),當(dāng)用戶進(jìn)入到足夠深的詳細(xì)頁面,各種索引,面包屑都配合導(dǎo)航條應(yīng)運而生。
做一個反向測試,看哪種導(dǎo)航配套設(shè)置更便捷。
導(dǎo)航路徑的確定: 1.以最終目標(biāo)為起點
2.確定導(dǎo)航的需求
3.選擇適當(dāng)?shù)臋C(jī)制
我們專注高端建站,小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經(jīng)驗,每一個項目承諾做到滿意為止,多一次對比,一定讓您多一份收獲!