子菜单出现的延迟时间是多少?

时间:2012-03-08 12:43:11

标签: javascript usability delay mouseover

我想知道当用户的鼠标光标在主菜单(第1级)链接上时,子菜单(第2级)的延迟时间是多少。我之前创建了这样的菜单,http://www.sbb.ch/en/home.html上有一个例子(例如,第一个链接是“休闲与假期”),在子菜单出现在一个大的蓝色泡泡之前,我使用了200毫秒的延迟。

我还在其他项目的菜单中使用了100毫秒,300毫秒和500毫秒的延迟。这些值是由项目的客户选择的,可能基于他们认为可以的。

关于可用性的最佳延迟是什么?是否有科学测试来证明这一点?

2 个答案:

答案 0 :(得分:1)

250〜300毫秒。 Windows用于其菜单的数量。

答案 1 :(得分:0)

我花了几个小时在网上搜索,我发现对于带有子菜单的菜单上的某些鼠标移动应该有不同的延迟。

  1. 输入链接的延迟(鼠标悬停)应该足够长,以便用户只需将鼠标光标移过第一级链接即可显示子菜单。没有延迟,子菜单(第二级)会立即打开并激怒。此延迟应在100ms到200ms之间

  2. 离开链接的延迟( mouseout )应足够长,以便用户可以离开并进入而子菜单不会消失。如果菜单中有两个以上的级别,即时消失也会激怒并可能导致沮丧。一个好的延迟值可能在300ms到500ms之间

  3. <强>来源:

    1)jQuery的“慢”和“快”的延迟值分别为600ms和200ms。

    来源:http://api.jquery.com/delay/

    2)一篇博客文章讲述了200毫秒到500毫秒之间的价值观。

    来源:http://solvingdesign.com/archives/103

    3)Sitepoint在其关于超级下拉菜单的文章中提到了500毫秒。

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

    4)Microsoft Window的默认延迟为400毫秒。

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

    <强>结论

    没有科学证据,但数字不言自明。