從下拉選單設計細節看Amazon對使用者體驗的把握

　　作為世界上最大的B2C電子商務公司，Amazon使用者體驗設計上一直有其獨到之處，最知名的莫過於“一鍵下單”專利，連蘋果都沒忍住，花錢購買了該專利的使用權。除此之外，其分類導航的下拉選單設計也非常值得學習，看本文為你解讀。

　　Amazon網站分類導航的下拉選單被使用得非常頻繁，但你有沒有注意過它的反應非常迅速？

　　當然，這在技術上並非難題，但是大多數網站下拉選單顯示子選單有一定的延遲，這比如老版的可汗學院網站：

　　注意到延遲沒有？這樣做並非沒有緣由，若不如此，斜著移動滑鼠時子選單就會消失，因此你只能小心翼翼地平移滑鼠指標，非常影響使用者體驗：

　　也許你會感到疑惑，在Amazon上購物時並沒有遇到這樣不愉快的體驗啊！這正是其設計的睿智之處：

　　你將滑鼠游標從主選單移向子選單的時候，圖中三角形區域會停止事件判定，很高明的解決辦法？

　　如果你很Geek，可以自己實現這一想法，或者你不想重複發明輪子，可汗學院的工程師Ben Kamens已經開發出了這樣的jQuery外掛——jQuery-main-aim（MIT協議），可以直接拿來使用。下面是可汗學院使用了該外掛之後的效果：