我想知道当用户的鼠标光标在主菜单(第1级)链接上时,子菜单(第2级)的延迟时间是多少。我之前创建了这样的菜单,http://www.sbb.ch/en/home.html上有一个例子(例如,第一个链接是“休闲与假期”),在子菜单出现在一个大的蓝色泡泡之前,我使用了200毫秒的延迟。
我还在其他项目的菜单中使用了100毫秒,300毫秒和500毫秒的延迟。这些值是由项目的客户选择的,可能基于他们认为可以的。
关于可用性的最佳延迟是什么?是否有科学测试来证明这一点?
答案 0 :(得分:1)
250〜300毫秒。 Windows用于其菜单的数量。
答案 1 :(得分:0)
我花了几个小时在网上搜索,我发现对于带有子菜单的菜单上的某些鼠标移动应该有不同的延迟。
输入链接的延迟(鼠标悬停)应该足够长,以便用户只需将鼠标光标移过第一级链接即可显示子菜单。没有延迟,子菜单(第二级)会立即打开并激怒。此延迟应在100ms到200ms之间。
离开链接的延迟( mouseout )应足够长,以便用户可以离开并进入而子菜单不会消失。如果菜单中有两个以上的级别,即时消失也会激怒并可能导致沮丧。一个好的延迟值可能在300ms到500ms之间。
<强>来源:强>
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
<强>结论强>
没有科学证据,但数字不言自明。