Спливаючі вікна в веб-дизайні

Спливаючі вікна на сайтах покликані донести до користувача важливу інформацію, але частіше така функція дратує. Коли спливаюче вікно закриває більшу частину екрану, хочеться скоріше закрити його, а то і зовсім покинути сайт. Чи потрібні насправді спливаючі вікна і яку користь вони несуть?

Навіщо потрібні спливаючі вікна на сайті?

Спливаючі вікна діляться на два типи: що вимагають відповісти на питання або залишити свої контактні дані, і ті, які допомагають користувачам визначених радою, підказують про існуючі акціях. Зазвичай таке вікно з'являється через 5 секунд після переходу на сайт.

Що найбільше дратує користувачів?

Велике значення має розмір спливаючого вікна. Наприклад, якщо спливає банер займає 30-40% екрану, це сприймається терпимо. У разі, коли банер займає 80% сторінки - це дратує користувачів, тим більше, якщо одночасно відбувається затемнення фону.

У деяких інтернет-магазинах налаштована функція моментально спливаючого вікна менеджера, поява якого заважає переглядати контент. Недосвідчений користувач змушений витрачати свій час на пошук кнопки «закрити».

Якими повинні бути спливаючі вікна?

Якщо ви все-таки вирішили, що вашому сайти необхідні спливаючі вікна, ось кілька порад щодо їх дизайну:

1. Робіть інформативні вікна яскравими і помітними, але не ріжучими очей. Дизайн повинен збігатися із загальною концепцією сайту. Для кращого виділення використовуйте затемнення або розмиття фону.

2. Заклик до дії, акції і кнопки повинні виділятися кольором, сам фон краще зробити нейтральним - сірим або білим. Краща колірна палітра заснована на контрасті.

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

6. Закрите спливаюче вікно не повинно з'являтися знову.

8. Спливаюче вікно з менеджером сайту не повинно закривати половину екрану. Додайте помітну кнопку «згорнути» або «закрити».

Схожі статті