從下拉式功能表設計細節看Amazon對使用者體驗的把握

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

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

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

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

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

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