Мега-меню зло чи благо
Мега-меню мають такі характерні риси:
- двомірні панелі, розділені на тематичні групи доступних опцій
- доступні опції структуровані за допомогою графічних елементів (типографіка, іконки) і розмітки
- мега-меню не вимагає прокрутки і чітко відповідає розмірам екрану, на якому воно відкрито
- меню відкривається внаслідок певних дій користувача: кліку, наведення, тапу
Чому мега-меню краще стандартних випадаючих списків
Результати тестування мега-меню показали, що користувачі позитивно сприймають такий тип навігації:
Мега-меню з наведення мишки
Якщо мега-меню відкривається по наведенню курсора мишки, то важливо розуміти намір користувача в даний момент часу, щоб уникнути помилкових дій. Важливо розуміти, що користувач робить в даний момент на сайті:
- він просто пересуває курсор і траєкторія руху мишки перетинається з кнопкою, за якою ховається мега-меню
- користувач дійсно хоче відкрити мега-меню
У першому випадку спрацьовування і розкриття мега-меню погіршить користувальницький досвід, тоді як у другому випадку важливо вчасно відкрити меню. Як зрозуміти, що хоче користувач? Рішення просте:
- для спрацьовування мега-меню повинно бути виконана умова - курсор мишки повинен затриматися на навігаційному елементі більше 0,5 секунди.
- якщо умова виконана, то мега-меню повинно відкритися за 0,1 секунди
- меню повинно бути відкрито, поки курсор мишки знаходиться в полі меню
- після того, як користувач вивів курсор за межі меню, воно повинно зникнути протягом 0,1 секунди
Якщо ці умови не виконуються, призначений для користувача досвід стане просто неможливим, так як постійно з'являються списки викличуть роздратування.
Що важливо пам'ятати при створенні мега-меню
Будь-яке нововведення на сайті вимагає ретельного А / В тестування.
Допомагаючи користувачам виявити більше елементів на сайті, ви сприяєте підвищенню продажів.