綜合下拉菜單:下一個網頁設計趨勢
就目前而言,“綜合下拉菜單”這種設計模式還是相對少見的。但是我確信,不出半年,它將會普及開來。
什么是的“綜合下拉菜單”?
大型網站的導航系統一直是一個難點。當然你可以試圖創建一個龐大的站點地圖一樣的導航菜單來鏈接到所有的頁面,但是實際上,當頁面越來越多而且不斷增加的時候,這種做法將會變成一個不可能完成的任務。
一般情況下,設計師會有兩種做法:
1.設計一個輕巧簡潔的主導航菜單,鏈接到各個主要的頁面,并在主要頁面上添加附加的導航菜單,以便鏈接到更深的層次。這種方式很容易實現,可用性也不錯。但是如果訪問者想要看到的頁面藏得比較深,那么就只好多點幾次鼠標了。
2.采用動態下拉或展開式菜單,這種模式可以讓訪問者無論在瀏覽哪個頁面時,都可以直接到達另外更多的頁面。它提供了一種快速導航的模式,然后,在可用性方面,如果訪問者的瀏覽器沒有開啟JavaScript的支持,他們有可能根本就看不到下拉或展開的菜單。
(僅用CSS實現的下拉菜單也是可以實現的,但是:hover這個鼠標懸停的偽類并不是每個瀏覽器都能完整支持的……比如……萬惡的IE6!)
綜合下拉菜單,則是上面兩個模式的一種折衷方案。它的效果類似Microsoft Office 2007里的Ribbon菜單。
(示例:Office 2007 Ribbon)
?
(示例:actionenvelope.com)
綜合下拉菜單有哪些特點?
通常,一個綜合下拉菜單:
1.是一個通過鼠標懸停感應來展示和隱藏的下拉菜單。
2.在一個較大的面板上顯示所有的項目。
3.這些項目根據相關性進行了分組排列。
4.使用圖標和圖形來幫助訪問者更好地識別項目。
為什么綜合下拉菜單會流行?
有很多理由可以預示綜合下拉菜單將會在許多網站成為主流的設計:
1.它提供了在簡單導航和復雜的動態菜單中的一個折衷方案,既不會顯得信息量太少,也優化了信息結構,不會顯得太復雜而難于訪問。
2.它實現方便,僅需考慮到極少的可用性問題。
3.它給了設計師更多的空間和視野來發揮自己的創意,而且通??瓷先ザ己芪L問者。
或許更引人注目的一點是,web可用性專家Jakob Nielsen也推薦使用綜合下拉菜單!一般來說,他對很多新的web控件、模式都持批評態度,但是這次他也認為綜合下拉菜單是一個好的模式,并建議設計師們可以嘗試使用這種模式來增強自己設計的網站的導航系統。
你怎么看?綜合下拉菜單會變得無處不在嗎?你是否在使用他們了呢?還是說你會在你的網站嘗試一下呢?
via?Mega Menus: the Next Web Design Trend?by Craig Buckler
- 目前還沒評論,等你發揮!