建站常識(shí)
Tab式位置導(dǎo)航變體
2007-04-28 11:45:00
Geoff Teehan 的一篇 The Tabbed Breadcrumb Navigation 介紹了一種新穎的、綜合了 Tab 導(dǎo)航的 Breadcrumb（一直找不到合適的中譯，位置導(dǎo)航？您的位置？還是面包屑？），如下圖：
圖中不錯(cuò)的表達(dá)了網(wǎng)站的層次、結(jié)構(gòu)，單獨(dú)來(lái)看很有新意。Yahoo! 在運(yùn)用這招的時(shí)候加入了一些變化，參見 Yahoo! Food、Yahoo! Sports、Yahoo! TV。不過(guò) 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)航（至少在國(guó)內(nèi)如此）。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感？
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站！
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容？
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊？
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看，這個(gè)網(wǎng)站就成功了一大半！
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么？有什么作用？
- [2022-05-17 11:29:32] 作為消費(fèi)者，應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇？
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)？
延伸閱讀
- [2010-07-15 08:11:00] 手風(fēng)琴導(dǎo)航
- [2009-05-04 08:24:00] tab式廣告模塊如何設(shè)計(jì)？
- [2019-06-13 10:41:02] 怎樣提升用戶的良好體驗(yàn)
- [2016-11-03 17:00:00] 那些使用圓形導(dǎo)航菜單的漂亮網(wǎng)頁(yè)設(shè)計(jì)
- [2009-05-04 08:28:00] 博客導(dǎo)航的用戶體驗(yàn)
- [2010-08-09 17:18:00] 模塊標(biāo)簽(Module Tabs)_Yahoo_Pattern(翻譯)
- [2009-07-13 08:01:00] tab切換是click還是over？
- [2005-12-29 20:37:00] 網(wǎng)站導(dǎo)航理論與實(shí)踐
- [2010-05-17 17:05:00] 也說(shuō)導(dǎo)航設(shè)計(jì)
- [2009-09-05 08:20:00] 從Vista地址欄到網(wǎng)站導(dǎo)航菜單
- [2010-06-17 08:18:00] 優(yōu)化網(wǎng)站導(dǎo)航設(shè)計(jì)
- [2010-09-25 14:48:00] 信息架構(gòu)之Web導(dǎo)航設(shè)計(jì)分類
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
官網(wǎng)網(wǎng)站建設(shè) 集團(tuán)官網(wǎng) 良好的導(dǎo)航 版面布局 外貿(mào)網(wǎng)站設(shè)計(jì) H5專題頁(yè)面 青島不錯(cuò)的英文網(wǎng)站建設(shè)公司 青島網(wǎng)站制作 青島網(wǎng)頁(yè)制作 微網(wǎng)站 網(wǎng)站開發(fā) 微信開發(fā) 集團(tuán)公司網(wǎng)站建設(shè) 青島高端網(wǎng)站設(shè)計(jì)公司哪家好 空白和簡(jiǎn)潔的設(shè)計(jì) GOOGLE 官網(wǎng)建設(shè) 青島網(wǎng)站建設(shè)基礎(chǔ)知識(shí) 網(wǎng)站設(shè)計(jì)資訊 微信小程序 圖形網(wǎng)格 青島網(wǎng)站建設(shè)公司哪家好 青島flash網(wǎng)站 扁平化設(shè)計(jì) 青島網(wǎng)站設(shè)計(jì)哪家好 青島黃島、紅島網(wǎng)站建設(shè)公司 SEO優(yōu)化 企業(yè)網(wǎng)站設(shè)計(jì) 程序開發(fā) 網(wǎng)站規(guī)劃
