版權聲明：轉載時請以超鏈接形式標明文章原始出處和作者信息及本聲明
http://piglili.blogbus.com/logs/37791411.html

不久前寫了這篇關于Tab的文章，最近看到兩老外的關于Tab的好文，特此推薦。在Tabbed Navigation, and What Makes it Useful一文中，David Leggett解釋了Tab這個metaphor的來源，以及使用導航Tab的四個好處，不過沒有具體講該怎么設計。作為補充，可以參考Smashing Magazine上的Showcase Of Well-Designed Tabbed Navigation，提供了大量的優秀實例。但關鍵不在于看人家弄得多漂亮然后照搬，而是學習（并鉆研）怎么樣能弄得這么漂亮吧？圓角、漸變……都是小細節。但正是這些小細節讓整體看上去完全不一樣了。否則又只是生搬硬套的抄襲，還要抄不到點子上……sorry，又糞青說教了，最近實在看了太多劣質山寨。很搞笑，在反饋用戶測試報告提到一個視覺設計的問題時，設計師反駁道，“XX網站（某主流網站，被抄襲對象）也是這么做的啊”，啊哈，測試時用戶就說了，“是沒錯，但那XX網站也讓我不爽很久了”。

另外，OutC童鞋給我的文章留言道——

我認為hover使用的必要性上還需要補充兩點：
1. 看導航菜單的Tab個數，如果個數太多而且都有子菜單，那么就十分有必要使用hover，因為我們不能保證用戶是不有足夠的耐心去一個個點開分類菜單查看子分類；
2.如果對于導航下Tab中有相對應的首頁來說，使用hover就顯得有些不可取，因為hover這一動作使得用戶的關注點集中在了Tab的子菜單下，而不是Tab本身，這樣就使得Tab大分類的首頁變得無足輕重，所以hover的使用還是需要權衡一下的。

在原文中，切換問題我是分別針對導航Tab和內聯式Tab來寫的，但對前者的分析不是很全面。因此十分感謝他的補充。導航Tab是hover還是點擊切換的，針對OutC提出的第一點，原文我寫了：

“一般來說，導航Tab都是點擊切換的，因為涉及到整頁刷新時載入速度的問題。但有時因為擔心Tab下的二級導航項藏起來用戶找不到（也即我們不能保證用戶是不有足夠的耐心去一個個點開分類菜單查看子分類的情況），就會出現圖4這個導航 Tab采用hover切換刷新二級菜單的方式。” 在這種情況下，我提出了要解決好觸發靈敏度，不再贅述。

關于第二點，不知道OutC同學所言“導航下Tab中有相對應的首頁”，是指二級子類目中有一個第二層級的首頁嗎？我有點不太能理解你所描述的場景但總而言之，正如我在寫內聯Tab切換問題時所說，沒有絕對的選擇，關鍵是選擇后如何處理好細節上的設計。