Tab式位置導(dǎo)航變體_網(wǎng)頁設(shè)計(jì)教程
推薦:淘寶首頁變胖了?今天在Taobao.comUEDTeam的blog上看到《我變胖了…》,才知道淘寶首頁改版了。于是就去瞅瞅了,本來想找個(gè)改版前的首頁做對(duì)比,看看變化,可惜只找到比較早的
Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介紹了一種新奇的、綜合了 Tab 導(dǎo)航的 Breadcrumb(一直找不到合適的中譯,位置導(dǎo)航?您的位置?還是面包屑?),如下圖:
圖中不錯(cuò)的表達(dá)了網(wǎng)站的層次、結(jié)構(gòu),單獨(dú)來看很有新意。Yahoo! 在運(yùn)用這招的時(shí)候加入了一些變化,參見 Yahoo! Food、Yahoo! Sports、Yahoo! TV。不過 Yahoo! Food 的那條 Buzz 確實(shí)造成了不小的干擾。當(dāng)然 Yahoo! 必須考慮更多的因素,比如 Tab 的數(shù)量。圖:
這很輕易讓我們聯(lián)想起 Amazon 在導(dǎo)航上面做出的努力和改進(jìn),以及目前 Amazon 的動(dòng)態(tài) Tab 式導(dǎo)航。
除了贊嘆于它的創(chuàng)意,我們仔細(xì)想想,在交互設(shè)計(jì)中,我們可以整合兩種用戶比較習(xí)慣的元素,這里是 Tab 導(dǎo)航和 Breadcrumb,這是一種將現(xiàn)存元素組合的創(chuàng)意思考方法。值得學(xué)習(xí)。
酷歸酷,在這種觸及核心的導(dǎo)航上,我仍然不改我的觀點(diǎn),最好的體現(xiàn)網(wǎng)站信息架構(gòu)的交互方式,目前仍然是樹型控件,或者稱之為目錄式導(dǎo)航(至少在國內(nèi)如此)。
分享:web2.0是互聯(lián)網(wǎng)上的現(xiàn)代主義工業(yè)革命之前,設(shè)計(jì)師通過手工制作為少數(shù)權(quán)貴服務(wù)。十九世紀(jì)末二十世紀(jì)初,隨著新技術(shù)的興起,工業(yè)化大生產(chǎn)要為更廣大的人民大眾服務(wù),需要設(shè)計(jì)出造價(jià)低廉、實(shí)
- 中國互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫導(dǎo)入mysql數(shù)據(jù)庫
- ACCESS數(shù)據(jù)庫轉(zhuǎn)ORACLE數(shù)據(jù)庫分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬部iPhone遭蘋果退貨 損失10億元
- 相關(guān)鏈接:
- 教程說明:
網(wǎng)頁設(shè)計(jì)教程-Tab式位置導(dǎo)航變體
。

