本文主要想表達的內容是：如果某個組件具有某個屬性，那就把這個屬性發揮到極致；如果某個組件不具備某個屬性，那麼就不要把它偽裝成具備這個屬性，並用這個屬性來誘奸用戶。
簡單說，設計就是要解決問題，這是設計的本質與落腳點。
電子商務網站的主導航設計是整個網站最最最核心的模塊之一。導航需要解決的問題就是，告訴用戶如何快速准確的到達他想要去的任何地方。
在所有電子商務網站中，Amazon（注意，不是卓越亞馬遜）的導航設計向來是所有電子商務網站學習與仰慕的對象。Amazon的導航在經過數次變遷之後被從頂部挪到了左側，從橫向Tab變成了縱向Tab。Amazon的這種Tab頁簽式導航，相對與卓越亞馬遜的標簽列表式導航而言縮短了主導航的高度，在第一屏的時候就能把所有商品大類全部暴露出來，降低了用戶的尋找成本。因此，這種模式的導航被越來越多的電子商務網站所接受。
大約在1年前，QQ商城改版，借鑒了Amazon的這種導航模式，同時做了創新式的擴展。QQ商城在每個Tab頁簽裡不僅展示了二級類目，同時還展示了品牌，這使得整個主導航從縱向上進一步縮短同時往橫向上擴張。
隨後而來的京東商城和淘寶商城（擴展有分類推薦與品牌推薦）以及淘寶電器城紛紛相仿並采用了這種擴展式的Tab導航模式。
不過，我覺得這種創新在某些交互細節上有待改進，我們先來看一下QQ商城的主導航截圖：
QQ商城的這個主導航在Tab頁簽的標題上顯示的形式是“一級分類標題+二級分類推薦”的形式。
從這個表現形式上看，“運動鞋”、“棒球帽”是2個標簽，我這麼認為是沒問題的吧？
我們假設這樣的一個場景：你來到QQ商城，很明確的就是想購買“棒球帽”，你肯定是會直接奔去點擊“棒球帽”（注意，是點擊）。因為這個“棒球帽”長的跟一個標簽一模一樣，我們之前的Web使用經驗告訴我們，標簽就意味著是帶超鏈接的，是可以點擊的。可是，當你把鼠標移到“棒球帽”這個標簽上的時候，你發現，他是個偽娘！
你點擊了半天，發現沒有反應，你再仔細一看，他引導你打開了整個“運動戶外”下的二級分類….這個時候，你的鼠標需要在做一次長途奔襲，去彈出來的彈層裡尋找“棒球帽”，當然，你還得小心點別奔襲到界外，不然整個彈層就關閉了，你需要再來一次（圖中虛線）。
這個場景裡，我們經過幾個動作：1、准備點擊；2、無數次點擊後覺醒；3、鼠標小心翼翼的滑過彈層去尋找；4、點擊。
P.s:其實，圖中這個例子我們在彈層裡也找不到“棒球帽”，因為它被變異成了“運動帽”？
我們再來看京東商城和淘寶電器城（注意，不是淘寶商城）。
其實跟QQ商城差不多，只不過樣式上做的難看點….當我目標明確的奔著“洗衣機”去的時候，鼠標所到之處彈層出現了一級分類“大家電”下的所有二級類。同時，“洗衣機”、“平板電視”這2個處在Tab頁簽標題上的推薦二級類被覆蓋了。
這個場景裡我們經過的動作：1、准備點擊；2、發現要點的家伙沒了，開始尋找；3、點擊
從這個意義上講，我認為，京東商城和淘寶電器城的這種處理方式要比QQ商城在體驗上更好。QQ商城在鼠標Mouse on之後給了我2個道路：點擊，拼命的點擊、鼠標奔襲到彈層；而京東商城和淘寶商城直接覆蓋了之前那2個長的像標簽的家伙，我只有一個道路：鼠標奔襲。
有的時候，給用戶越少的選擇更能讓用戶集中起來完成目標任務。
OK，案例觀摩完畢，分析一下為什麼會出現上面的問題？
很簡單，我覺得就是沒有把一個東西做到極致，隨心所欲的使用表現層的東西去覆蓋了框架層與結構層的事情。展示在Tab頁簽標題上的那些（洗衣機、平板電視）其實並不是標簽，但是，他們在展現上跟標簽一模一樣（京東使用了灰色字體，說明他們意識到了這不是標簽，但是我覺得還不夠）。
解決方案？
請參見Amazon的做法。
把那些長得像標簽的家伙砍掉，使之不具備標簽的屬性，換成文字描述就OK了。
最後，幾句題外話：
1）不知道京東商城暴露在每個Tab頁簽標題欄裡的那2個二級分類是怎麼來的？我仔細看了一下，似乎是程序直接調用而不是經過人工編輯的？如果是讓程序來調用這個黃金地段的內容，那就真太可惜了。
2）京東商城在首頁左側主導航裡的一級分類都是可以點擊的（如數碼手機），但是在全部分類頁面卻變成了不可點擊的，Why？
3）QQ商城暴露在每個Tab頁簽標題欄裡的那2個二級分類似乎是經過編輯的，但是這種標簽式的展示讓我很挫敗，比如我想買個棒球帽，結果找了半天只發現個類似的運動帽….
4）最後， 大熊哥主導的淘寶商城在此次主導航比拼中最終勝出！