方便使用者互動的網站導航完美設計

來源:互聯網
上載者:User

許多網站缺乏針對性和友好的導航設計,難以找到串連到相關網頁的路徑,也沒有提供有助於讓訪客/使用者找到所需資訊的協助,使用者體驗非常糟糕。這篇文章,我們嘗試就網站導航互動做一些探討。

首先對於WEB互動設計師來說,解決上面遇到的問題,使之簡單的方法是設計一套完善的網頁導航系統。

最佳化網站導航設計的目的

一個網站導航設計對提供豐富友好的使用者體驗有至關重要的地位,簡單直觀的導航不僅能提高網站易用性,而且在方便使用者找到所要的資訊後,可有助提高使用者轉化率。本文是網頁教學www.webjx.com收集整理或者原創內容,轉載請註明出處!

如果把首頁比作網站門面,那麼導航就是通道,這些通道走向網站的每個角落,導航的設計是否合理對於一個網站是具有非常大意義的。

1) 決定使用者在網站中穿梭瀏覽的體驗,這一點是最基本的。
2) 網站導航設計合理,可以將網站的內容和服務最大面積的展現在使用者面前。
3) 合理的導航設計可以增加使用者黏性,提高網站的瀏覽深度,從而提高網站PV值。
4) 促進使用者消費,提高網站盈利。引導使用者消費,將使用者真正需要的產品和服務展示在他面前,甚至使用者想不到的服務你也呈現。
5) 提高網站廣告價值,增加網站廣告收益。
……

網站導航的常見結構

雅虎的網頁設計一直是國內眾門戶模仿的對象,我們首先來看看Yahoo網站現有的幾種導航樣式:
1) Yahoo首頁 (最常用的欄目導航)

 

Yahoo首頁左側的導航列出了網站最常用(或訪問最頻繁,或網站運營最想讓使用者知道)的幾個欄目。這種導航(也包括網頁頂部橫向結構)是目前互連網中使用最廣泛的導航方式。

 

2) More Yahoo!Services (更多的導航資訊的展現)
Yahoo作為一個全球大型綜合門戶網站,所提供的服務肯定不止首頁左側導航顯示的那幾個,那麼更多的服務如何導航?同時又如何展現給使用者呢?

看到本資訊,說明該文章來源於網頁教學網www.webjx.com,如果文章不完整請到網頁教學網webjx.com瀏覽!

於是Yahoo的設計師們給我我們一種解決方案,如上圖,點擊 從網頁左側展開一浮出層樣式的服務導航頁面。可以發現,這種導航也是多維度(下面我們會專門探討)

3) Tab式位置導航變體


我們還可以在Yahoo!TV 等欄目上發現這樣有趣的導航結構,我們暫且認為他是Tab 式結構加上一個下拉式功能表的一種導航組合。
n         TV Home – Shows – American Idol – Overview 組成了一個單維度導航
n         TV Home同時提供了下拉式功能表方便使用者快速的轉到其二級欄目下。
(這裡我遇到一個困惑,在這裡我不知道怎麼TV Home上一級的目錄是什麼,也不知道如何返回。)



相關文章

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 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。