2012-03-08 2 views
1

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

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

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

+0

Вы пытались использовать hoverintent.js? –

+0

@TomJNowell Я использовал hoverintent, но это не о прикладе плагина о задержке одного набора. Задержка по умолчанию для Hoverintent равна 0, и вам нужно установить его. Но что вы установили? 200 мс может вам понравиться, но лучше ли это для всех? –

+0

Немного экстремальный - дайте пользователю полосу прокрутки в настройках учетной записи и пусть они решат ... –

ответ

0

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

  1. Задержка для ввода ссылки () курсора, находящегося должен быть достаточно длинным, так что подменю не появится, если пользователь просто перемещает курсор мыши и мимо ссылки первого уровня. Без задержки подменю (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 Window является 400мс.

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

Заключение

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

1

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

+1

Есть ли у вас источник для резервного копирования? Не пытаясь казаться нахальным, искренне заинтересованным. – alykhalid

+0

Согласно различным источникам, таким как этот короткий [клип youtube] (http://www.youtube.com/watch?v=mLZFwQ2hPzc), значение задержки по умолчанию для меню Windows составляет 400 мс. Однако есть много результатов поисковой системы о том, как сократить задержку. –

Смежные вопросы