Створення сайтів - студія веб-дизайну WebStudio2U Контактні дані веб-студії WebStudio2U RSS стрічка веб-студії WebStudio2U Мапа сайту Авторизація

Слайдери для сайту та чинники, що впливають на їхню юзабіліті

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

За допомогою слайдерів на сайтах зручно демонструвати акційні пропозиції, новинки асортименту, хіти продажів. Завдяки анімації та зазвичай досить великим розмірам слайдери завжди притягують до себе погляд відвідувачів і допомагають тим самим звернути їхню увагу на важливу інформацію. Але у разі неправильного використання слайдери здатні не тільки не допомогти, але навіть зашкодити ефективній роботі сайту.

Щоб цього не сталося, на самому початку створення сайту або редизайну слід звернути увагу на деякі основні чинники, що впливають на юзабіліті «каруселі». Серед них можна назвати такі.

Послідовність слайдів у «каруселі»

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

Час демонстрації слайдів

Як правило, у «каруселі» слайди «перегортаються» автоматично – через певний проміжок часу. Для правильної роботи слайдера важливо, щоб відвідувачі встигали побачити вміст кожного слайда, тому час демонстрації слайдів потрібно налаштувати. Наприклад, 5-7 секунд середньостатистичному користувачеві може вистачити на те. щоб побачити зображення на слайдері і прочитати заголовок. А от якщо на слайді є ще й текстовий опис, то час треба збільшити — до 10 секунд або навіть більше.

Навігація слайдами

Для того щоб відвідувачі сайту завжди розуміли, який слайд «каруселі» їм демонструється, і могли за бажанням самостійно «перегортати» слайди, прийнято завжди якимось чином виділити поточний слайд і розміщувати в «каруселі» навігаційні елементи, наприклад, стрілки. При цьому розміри навігаційних елементів повинні бути достатніми для того, щоб їх було добре видно, а колір цих елементів повинен бути контрастним відносно до зображень на слайдах, які перебувають під ними.

Автоматичне «перегортання» слайдів

Автоматична зміна слайдів зручна й привертає увагу, однак є кілька випадків, коли її важливо тимчасово припиняти. Мова йде про наведення курсору миші на слайд або клік кнопкою миші по слайду: очевидно, що в подібній ситуації відвідувач сайту зацікавлений слайдом, отже, йому треба дати час на докладніше вивчення. Для цього і слід зупинити автоматичне «перегортання».

Особливості використання на мобільних пристроях

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

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

Теги:
слайдери для сайту, карусель для сайту, створення сайту, редизайн сайту, юзабіліті сайту, слайди на сайті