關于導航的探討_網頁設計教程
推薦:網站設計的原理ToneandTexture色調與結構Thisspecificallyappliestodrawingsmorethanphotography,buttoneandtextureareveryimportant.Tonereferstoshad
許多網站缺乏針對性和友好的導航設計,難以找到連接到相關網頁的路徑,也沒有提供有助于讓訪客/用戶找到所需信息的幫助,用戶體驗非常糟糕。本期薯片會我們嘗試就網站導航交互做一些探討。
首先對于WEB交互設計師來說,解決上面碰到的問題,使之簡單的方法是設計一套完善的網頁導航系統。
優化網站導航設計的目的
一個網站導航設計對提供豐富友好的用戶體驗有至關重要的地位,簡單直觀的導航不僅能提高網站易用性,而且在方便用戶找到所要的信息后,可有助提高用戶轉化率。
假如把主頁比作網站門面,那么導航就是通道,這些通道走向網站的每個角落,導航的設計是否合理對于一個網站是具有非常大意義的。
- 決定用戶在網站中穿梭瀏覽的體驗,這一點是最基本的。
- 網站導航設計合理,可以將網站的內容和服務最大面積的展現在用戶面前。
- 合理的導航設計可以增加用戶黏性,提高網站的瀏覽深度,從而提高網站PV值。
- 促進用戶消費,提高網站盈利。引導用戶消費,將用戶真正需要的產品和服務展示在他面前,甚至用戶想不到的服務你也呈現。
- 提高網站廣告價值,增加網站廣告收益。
???????
網站導航的常見結構
雅虎的網頁設計一直是國內眾門戶模擬的對象,我們首先來看看Yahoo網站現有的幾種導航樣式:
1)Yahoo首頁 (最常用的欄目導航)
Yahoo首頁左側的導航列出了網站最常用(或訪問最頻繁,或網站運營最想讓用戶知道)的幾個欄目。這種導航(也包括網頁頂部橫向結構)是目前互聯網中使用最廣泛的導航方式。
2)More Yahoo!Services (更多的導航信息的展現)
Yahoo作為一個全球大型綜合門戶網站,所提供的服務肯定不止首頁左側導航顯示的那幾個,那么更多的服務如何導航?同時又如何展現給用戶呢?于是Yahoo的設計師們給我我們一種解決方案,如上圖,點擊
從網頁左側展開一浮出層樣式的服務導航頁面。可以發現,這種導航也是多維度的(下面我們會專門探討)
3)Tab 式位置導航變體
我們還可以在Yahoo!TV 等欄目上發現這樣有趣的導航結構,我們暫且認為他是Tab 式結構加上一個下拉菜單的一種導航組合。
TV Home – Shows – American Idol – Overview 組成了一個單維度的導航
TV Home同時提供了下拉菜單方便用戶快速的轉到其二級欄目下。(這里我碰到一個困惑,在這里我不知道怎么TV Home上一級的目錄是什么,也不知道如何返回。)
Amazon可以說是在網絡產品導航上的鼻祖了,讓我們再來看看Amazon的導航樣式又有什么特色。
分享:何時用按鈕,何時用鏈接同事MM問了我這個問題,感覺忽然問了我一個簡單的用腳趾頭都能答出來的問題,因為這兩個東西太常見,太普通了。但,我竟然不知道該如何回答。想了一下,給了一



。