子菜單出現的延遲時間有多長？

Question

我想知道當用戶的鼠標光標在主菜單（第1級）鏈接上時，子菜單（第2級）出現的延遲時間有多長。我之前已經創建了這樣的菜單，並且在http://www.sbb.ch/en/home.html（例如第一個鏈接是「休閒&假期」）上有一個示例，在子菜單出現在大藍色泡泡之前，我使用了延遲200ms。

我也在其他項目的菜單中使用了延遲100ms，300ms和500ms。這些值是由項目的客戶選擇的，可能是基於他們認爲是正確的。

關於可用性的最佳延遲是多少？是否有科學測試證明這一點？

Answer 1

我已經花了幾個小時搜索網頁，並且發現某些鼠標在菜單和子菜單上移動時應該有不同的延遲。

1. 進入鏈接（鼠標懸停），因此，如果用戶只是在和過去的第一級鏈接移動鼠標光標子菜單沒有出現應該是足夠長的延時。如果沒有延遲，子菜單（第二級）會立即打開並且令人煩惱。這個延遲應該是在100ms和200ms之間。

2. 離開鏈接的延遲（mouseout）應該足夠長，以便用戶可以在沒有子菜單消失的情況下離開並進入。即使消失也會刺激，並且如果菜單中有兩個以上的級別，可能會導致沮喪。一個很好的延遲值可能會在300ms到500ms之間。

來源：

1）jQuery的爲 「慢」 與 「快」 的延遲值是600毫秒和200毫秒。

來源：http://api.jquery.com/delay/

2）博客文章談到的200ms和500ms的之間的值。

來源：http://solvingdesign.com/archives/103

3）Sitepoint提到500毫秒在其關於大型下拉菜單的文章。

來源：http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/

4）微軟窗口的默認延遲爲400毫秒。

來源：http://www.youtube.com/watch?v=mLZFwQ2hPzc

結論

沒有科學證據，但數字不言自明。

Answer 2

250〜300ms。 Windows用於其菜單的量。