當前位置:首頁 >  站長 >  建站經(jīng)驗 >  正文

淺談網(wǎng)站前端導航功能的設計要點

 2022-03-10 11:09  來源: 網(wǎng)絡綜合   我來投稿 撤稿糾錯

  域名預訂/競價,好“米”不錯過

用戶對導航的三種行為 1.適應

人們對導航會逐漸適應

2.預測

導航提供的信息氣味的線索,使人們可以預測下一步是什么

3.重定向

到達一個新網(wǎng)頁,人們會讓自己重新熟悉它

網(wǎng)站的導航設計大致類型 超大信息類站點的導航條就像中藥鋪的抽屜,一字排開氣勢恢宏,分別拉開,別有洞天。

國人喜好:多!大!全!最好全部鋪開才有氣勢。從不爭氣的‘S浪’網(wǎng)多年沒怎么變的首頁導航模式可見一般。至此,對比瀏覽了同類大型新聞信息類站點,發(fā)現(xiàn)中/洋;東/西,界面感受果然不同。

今天只說導航,只對比了新聞類站點:

(娛樂類,設計類,個人站點導航形式多樣,邏輯復雜,暫來不及鋪開)

Yahoo News / BBC News / CNN / abc News / China Daily / CCTV News / The Japan Times / The Korea Times / 騰訊新聞 / 新浪

首先關注首頁橫向主導航:

(常規(guī)縱向導航通常配合橫向主導航試用,且在商務型,大型信息類站點主頁中單獨使用頻率不高,通常在次級頁面出現(xiàn),且一定是信息內(nèi)容量大,分類繁瑣的站點。)

可見基本導航條模式如下:

1. 對于信息統(tǒng)一,歸納性強的站點,通常會使用簡單模式:

2. 對于有豐富次級信息的,通常會使用以下兩種模式:

a. 鼠標hover下拉

b. tab展開

a 型導航方便快捷預覽, b 型導航直接展開次級信息,也有站點把a/b模式合并。

3. 特別案例,蓋澆飯類型的,把所有信息都鋪出來,比如s浪:

(與其說導航,不如說是歸納過的標簽)

 

導航設計的一些注意點 導航上的迷失有多方面的原因:

1.當人們不理解資料的時候可能會感到迷惑

2.人們在查尋過程中迷失,不知道下一步做什么

3.人們可能會在網(wǎng)站中偏離方向感,無法回到以前的頁面,甚至是首頁

4.人們在信息系統(tǒng)中偏離方向、分散了注意力。

導航操作性: 一個完美的導航,最基本最重要的是隨時隨地,快速引導用戶去相關頁面,而且能及時返回,方便跳轉到其他頁面。

有意思的是,去容易,反而找到來時路就千差萬別了。

比如:用戶很可能是從首頁任何一個興趣點,誤入了詳情頁面,去的容易,1步到~!但從詳情頁面返回到其他模塊或想去其他分支類別頁面,就要仰賴導航了。

為了提供必要引導,當用戶進入到足夠深的詳細頁面,各種索引,面包屑都配合導航條應運而生。

做一個反向測試,看哪種導航配套設置更便捷。

導航路徑的確定: 1.以最終目標為起點

2.確定導航的需求

3.選擇適當?shù)臋C制

申請創(chuàng)業(yè)報道,分享創(chuàng)業(yè)好點子。點擊此處,共同探討創(chuàng)業(yè)新機遇!

相關標簽
網(wǎng)站設計

相關文章

熱門排行

信息推薦