DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 網頁設計技巧:網頁中導航和搜索合並設計
網頁設計技巧:網頁中導航和搜索合並設計
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:網站內容的入口很大一部分都是依賴於導航系統,而網站的入口很大一部分依賴於搜索系統,這也在一定意義上證明了導航與搜索之間的重疊性。搜索系統可以完成導航的功能,而導航在一定意義上也可以完成搜索的功能。

導航與搜索合並的可能性

網站內容的入口很大一部分都是依賴於導航系統,而網站的入口很大一部分依賴於搜索系統,這也在一定意義上證明了導航與搜索之間的重疊性。搜索系統可以完成導航的功能,而導航在一定意義上也可以完成搜索的功能。

網站的導航在一定意義上可以看做是對搜索系統中的關鍵詞類別的提取,這個類別可大可小。比如眾多購物網站中的“手機”類別,這是一個大的類別,而“手機”類別下的“索愛”品牌則是屬於小類別。這兩個類別可以通過導航系統的上下級關系表現出來,同樣也可以基於搜索系統的范圍搜索展現出來。

即使搜索系統在功能上幾乎可以完全替代導航系統,但是導航系統卻仍然是網站中不可缺少的組件,預先以網站主題為核心提取搜索系統中的大類別做為導航,將用戶獲取特定信息的范圍進行類別的篩選。這是從讓用戶在最短的時間內獲取特定信息為出發點的需求。

然而幾乎所有網站的導航系統與搜索系統的表現形式都是區別開來的,以便於用戶快速准確的區分哪裡是導航,哪裡是搜索。既然導航系統可以做為搜索系統中的一部分,那為何兩者不能在表現形式上也進行疊加呢?

Nav_Search

如上圖,直接將導航系統中的類別以下拉框的形式表現,這個下拉框本身是搜索系統中的一部分,是對搜索范圍的篩選。

第二類的導航與第一類實際上是形式上的差距,但第三類采用聯動的下拉菜單方式則更趨向於搜索系統中的范圍篩選,同時這樣的導航設計也可以兼顧到指引用戶路徑的面包屑導航,然而這個導航的限制是大類別不能進行交叉篩選,只能是線性的范圍篩選。

於是嘗試帶有維度的第四種導航跟搜索的合並方式:

Nav_Search_1

當然,這樣的導航與搜索的合並方式有很大的局限性,那就是網站中的類別不能多,如果是垂直性質的購物網站也許是可行的,用戶可以通過交叉維度的篩選方式去尋找一定范圍內的信息。

如果用戶是有著明確的目標的,比如說知道新聞的標題,或是知道即將購買的物品的名稱型號,那麼用戶只需要一個搜索框,導航在這裡都是顯得多余的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved