Какова хорошая длительность задержки для появления подменю? - PullRequest
1 голос
/ 08 марта 2012

Мне интересно, какова хорошая длительность задержки для подменю (2-й уровень), которое появляется, когда курсор мыши пользователя находится над ссылкой главного меню (1-й уровень).Я создал подобные меню ранее, и есть пример на http://www.sbb.ch/en/home.html (например, первая ссылка «Досуг и каникулы»), где я использовал задержку в 200 мс, прежде чем подменю появляется в большом голубом пузыре,

Я также использовал задержку 100 мс, 300 мс и 500 мс в меню в других проектах.Эти значения выбираются клиентом проекта, вероятно, исходя из того, что они считают правильным.

Какова наилучшая задержка в отношении удобства использования, и существуют ли научные тесты, чтобы доказать это?

Ответы [ 2 ]

1 голос
/ 08 марта 2012

250 ~ 300мс. Количество, которое Windows использует для своих меню.

0 голосов
/ 09 марта 2012

Я потратил пару часов на поиск в Интернете и обнаружил, что должны быть разные задержки для определенных движений мыши над и вокруг меню с подменю.

  1. Задержка для ввода ссылки ( mouseover ) должна быть достаточно большой, чтобы подменю не отображалось, если пользователь просто наводит курсор мыши на ссылку первого уровня и проходит мимо нее.Без задержки подменю (2-й уровень) мгновенно открывается и раздражает.Эта задержка должна составлять между 100 мс и 200 мс .

  2. Задержка для выхода из ссылки ( mouseout ) должна быть достаточно большой, чтобы пользователь могможет выйти и войти без исчезновения подменю.Мгновенное исчезновение также может вызвать раздражение и, вероятно, приведет к разочарованию, если меню содержит более двух уровней.Хорошее значение задержки для этого, вероятно, будет между 300 мс и 500 мс .

Источники:

1) значения задержки jQueryдля «медленного» и «быстрого» - 600 мс и 200 мс.

Источник: 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Задержка окна по умолчанию составляет 400 мс.

Источник: http://www.youtube.com/watch?v=mLZFwQ2hPzc

Заключение

Нет научных доказательств, но цифры говорят сами за себя.

...