主頁(yè) > 知識(shí)庫(kù) > 淺談網(wǎng)站前端導(dǎo)航功能的設(shè)計(jì)要點(diǎn)

淺談網(wǎng)站前端導(dǎo)航功能的設(shè)計(jì)要點(diǎn)

熱門標(biāo)簽:呼叫中心市場(chǎng)需求 網(wǎng)站排名優(yōu)化 百度競(jìng)價(jià)排名 服務(wù)外包 AI電銷 鐵路電話系統(tǒng) 地方門戶網(wǎng)站 Linux服務(wù)器

用戶對(duì)導(dǎo)航的三種行為
1.適應(yīng)
人們對(duì)導(dǎo)航會(huì)逐漸適應(yīng)
2.預(yù)測(cè)
導(dǎo)航提供的信息氣味的線索,使人們可以預(yù)測(cè)下一步是什么
3.重定向
到達(dá)一個(gè)新網(wǎng)頁(yè),人們會(huì)讓自己重新熟悉它

網(wǎng)站的導(dǎo)航設(shè)計(jì)大致類型
超大信息類站點(diǎn)的導(dǎo)航條就像中藥鋪的抽屜,一字排開(kāi)氣勢(shì)恢宏,分別拉開(kāi),別有洞天。
國(guó)人喜好:多!大!全!最好全部鋪開(kāi)才有氣勢(shì)。從不爭(zhēng)氣的‘S浪’網(wǎng)多年沒(méi)怎么變的首頁(yè)導(dǎo)航模式可見(jiàn)一般。至此,對(duì)比瀏覽了同類大型新聞信息類站點(diǎn),發(fā)現(xiàn)中/洋;東/西,界面感受果然不同。
今天只說(shuō)導(dǎo)航,只對(duì)比了新聞?lì)愓军c(diǎn):
(娛樂(lè)類,設(shè)計(jì)類,個(gè)人站點(diǎn)導(dǎo)航形式多樣,邏輯復(fù)雜,暫來(lái)不及鋪開(kāi))
Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 騰訊新聞 / 新浪
首先關(guān)注首頁(yè)橫向主導(dǎo)航:
(常規(guī)縱向?qū)Ш酵ǔE浜蠙M向主導(dǎo)航試用,且在商務(wù)型,大型信息類站點(diǎn)主頁(yè)中單獨(dú)使用頻率不高,通常在次級(jí)頁(yè)面出現(xiàn),且一定是信息內(nèi)容量大,分類繁瑣的站點(diǎn)。)
可見(jiàn)基本導(dǎo)航條模式如下:
1.  對(duì)于信息統(tǒng)一,歸納性強(qiáng)的站點(diǎn),通常會(huì)使用簡(jiǎn)單模式:

2.  對(duì)于有豐富次級(jí)信息的,通常會(huì)使用以下兩種模式:
a. 鼠標(biāo)hover下拉

b. tab展開(kāi)

a 型導(dǎo)航方便快捷預(yù)覽, b 型導(dǎo)航直接展開(kāi)次級(jí)信息,也有站點(diǎn)把a(bǔ)/b模式合并。
3. 特別案例,蓋澆飯類型的,把所有信息都鋪出來(lái),比如s浪:

(與其說(shuō)導(dǎo)航,不如說(shuō)是歸納過(guò)的標(biāo)簽)

導(dǎo)航設(shè)計(jì)的一些注意點(diǎn)
導(dǎo)航上的迷失有多方面的原因:
1.當(dāng)人們不理解資料的時(shí)候可能會(huì)感到迷惑
2.人們?cè)诓閷み^(guò)程中迷失,不知道下一步做什么
3.人們可能會(huì)在網(wǎng)站中偏離方向感,無(wú)法回到以前的頁(yè)面,甚至是首頁(yè)
4.人們?cè)谛畔⑾到y(tǒng)中偏離方向、分散了注意力。


導(dǎo)航操作性:
一個(gè)完美的導(dǎo)航,最基本最重要的是隨時(shí)隨地,快速引導(dǎo)用戶去相關(guān)頁(yè)面,而且能及時(shí)返回,方便跳轉(zhuǎn)到其他頁(yè)面。
有意思的是,去容易,反而找到來(lái)時(shí)路就千差萬(wàn)別了。
比如:用戶很可能是從首頁(yè)任何一個(gè)興趣點(diǎn),誤入了詳情頁(yè)面,去的容易,1步到~!但從詳情頁(yè)面返回到其他模塊或想去其他分支類別頁(yè)面,就要仰賴導(dǎo)航了。
為了提供必要引導(dǎo),當(dāng)用戶進(jìn)入到足夠深的詳細(xì)頁(yè)面,各種索引,面包屑都配合導(dǎo)航條應(yīng)運(yùn)而生。
做一個(gè)反向測(cè)試,看哪種導(dǎo)航配套設(shè)置更便捷。

導(dǎo)航路徑的確定:
1.以最終目標(biāo)為起點(diǎn)
2.確定導(dǎo)航的需求
3.選擇適當(dāng)?shù)臋C(jī)制

標(biāo)簽:湘潭 黃山 銅川 湖南 崇左 仙桃 衡水 蘭州

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《淺談網(wǎng)站前端導(dǎo)航功能的設(shè)計(jì)要點(diǎn)》,本文關(guān)鍵詞  ;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 收縮
    • 微信客服
    • 微信二維碼
    • 電話咨詢

    • 400-1100-266