Tab式位置導航變體 - 網頁設計

https://webdesign.zoapcon.com

Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介紹了一種新穎的、綜合了 Tab 導航的 Breadcrumb(一直找不到合適的中譯,位置導航?您的位置?還是面包屑?),如下圖:

 

圖中不錯的表達了網站的層次、結構,單獨來看很有新意。Yahoo! 在運用這招的時候加入了一些變化,參見 Yahoo! Food、Yahoo! Sports、Yahoo! TV。不過 Yahoo! Food 的那條 Buzz 確實造成了不小的干擾。當然 Yahoo! 必須考慮更多的因素,比如 Tab 的數量。圖:

 

這很容易讓我們聯想起 Amazon 在導航上面做出的努力和改進,以及目前 Amazon 的動態 Tab 式導航。

除了驚嘆于它的創意,我們仔細想想,在交互設計中,我們可以整合兩種用戶比較習慣的元素,這里是 Tab 導航和 Breadcrumb,這是一種將現存元素組合的創意思考方法。值得學習。

酷歸酷,在這種觸及核心的導航上,我仍然不改我的觀點,最好的體現網站信息架構的交互方式,目前仍然是樹型控件,或者稱之為目錄式導航(至少在國內如此)。


創作者介紹
創作者 zoap的部落格 的頭像
Zoap_網頁設計

zoap的部落格

Zoap_網頁設計 發表在 痞客邦 留言(0) 人氣( 14 )