眾多牛X創意的網站導航方式

來源:互聯網
上載者:User

這年頭,資訊和獲得資訊的渠道越來越多。隨著資訊量的增大,先有了分類,又有了導航,再有了搜尋,後面的發展還不得而知。在此只是根據平日的所看所想簡單聊下導航,歡迎各路高手拍磚~

導航的目的很簡單:告訴你現在的位置,你可以怎樣來,又可以到哪去。生活中最常見的導航是路標,當遇到錯誤或指向性不明確的路標,你一定會抓狂。偶本人就曾在某大型商場見到一幅消防逃生路線圖,指引標註的甚為詳細,可惜的是沒有標註“您當前的位置”……

當然生活中的例子不是本文哼唧的重點,下面開始扯web網站中導航的應用。

介個是我們熟悉的瀏覽器和PS的導航。瀏覽器提供的“前進”“後退”功能能夠讓使用者雙向返回瀏覽過的頁面。PS的導航器則清楚的標明了當前所在的位置。


圖1:世界之窗瀏覽器


圖2:Photoshop

在Web網站中,導航則被創造性的賦予了多種多樣的表現形式。偶主要以 友商網 做個例子,繼續瞎扯。

全站性導航

顧名思意,全站性導航是在網站的每一頁都會出現的一種統一表現的全域性導航方式。通常出現在網頁的頂端,直接連結到向使用者展示的重要地區。另外有一種俗稱“麵包屑”的導航,雖然未必會出現在所有頁面,但是它承擔了告知使用者所在頁面的位置,以及由哪來到哪去的重要功能。(麵包屑的由來詳見格林童話《Hansel and Gretel》)


圖3:友商網的全站導航和麵包屑導航

地區性導航

地區性導航作為全站性導航的輔助,主要用於對本地區中資訊做進一步的分類,讓使用者更方便查閱。需要強調的是,此類地區性導航需要設計得比較靈活,能夠應對資訊增加導致導航層級增加的問題。下圖是友商課堂欄目的地區導航,已經無法滿足下一級目錄分類的需求了-_-


圖4:友商課堂的地區導航

內嵌式導航

內嵌式導航則更加靈活滴穿插在頁面的各個部分,為地區不同卻有關聯的內容做牽線。在引導使用者獲得更多相關資訊的同時,也可以增加網站的內鏈。友商網在4.0改版的設計中就大量使用了如下的內嵌式導航:


圖5:友商網的內嵌式導航



相關文章

E-Commerce Solutions

Leverage the same tools powering the Alibaba Ecosystem

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。