5 помилок у дизайні інтернет-магазину, які знижують продажі — дослідження
32% eCommerce сайтів мають посередній або поганий дизайн. До того ж різко скоротилася кількість інтернет-магазинів зі зручними для навігації головними сторінками. У 2018 році таких було 30%, а тепер — 17%. Все це провокує відтік відвідувачів й негативно впливає на продажі.
Такі дані наводить Baymard Institute — незалежний дослідницький центр. Його експерти проаналізували головні сторінки 60 американських eCommerce сайтів та виявили ключові помилки у їх юзабіліті. Розповідаємо про найважливіші серед них.
1. Демонстрація лише малої частини асортименту
Ця проблема зустрічається у 6% вивчених сайтів. Серед них — найбільший у США продавець меблів Overstock. На його головній сторінці візуально показано лише 20% товарних категорій від усього асортименту. Такий підхід плутає нових користувачів. Не побачивши на головній сторінці потрібної категорії відразу, вони роблять висновок, що інших немає і шукати далі безглуздо. Тому люди частіше залишають сайт без покупок, а бізнес втрачає гроші.
На мобільних пристроях проблема постає ще гостріше. Адже, на малих екранах список категорій не показується повністю або зовсім прихований доти, доки користувач не натисне на нього. Тому, щоб швидко зрозуміти, чи підходить їм сайт, люди спочатку переглядають головну сторінку і тільки після цього переходять до навігації по сайту. І так само, якщо користувач не побачить потрібну інформацію на головній, то швидше за все залишить сайт.
Щоб запобігти цьому, важливо візуально демонструвати щонайменше 40% своїх товарних категорій. Іншими словами, не покладайтеся тільки на навігацію, показуйте спектр товарів прямо на головній сторінці. Хороший, на думку Baymard Institute, приклад для наслідування — сайт B&H Photo (скрин нижче). На ньому демонструється 90% асортименту. Цього досягли, оформивши категорії товарів у вигляді таблиці з маленькими зображеннями товарів. Альтернативний варіант — використовувати іконки. Особливо зручні вони для створення мобільної версії інтернет-магазину.
2. Перевантаженість рекламою
59% протестованих Baymard Institute сайтів додають на свої головні сторінки забагато рекламних банерів. Найбільше тут відрізнилася торгова мережа Costco Wholesale — одна з найпопулярніших у США. Перше, що ви бачите, коли заходите на її сайт, — це реклама всіх видів та розмірів. Вона займає майже половину головної сторінки. Самих товарів і навіть товарних категорій відразу не знайдеш, вони губляться серед цього рекламного різноманіття.
Такий підхід користувачі в процесі тестування оцінили дуже негативно. Деякі навіть думали, що помилково відкрили не той сайт. Така ситуація також виникла під час перегляду мобільної версії сайту Walmart. Рекламний банер на ньому займав весь екран, і деяким людям було важко з першого погляду зрозуміти, куди саме вони потрапили.
Поп-апи та оверлейні діалогові вікна дратували користувачів ще більше. Їх навіть називали «спамом».
Прикладом ефективного розміщення реклами на сайті автори дослідження наводять сайти Grainger та Northern Tool. Grainger взагалі не робить кричущої реклами, лише поміщає на свою головну сторінку коротке текстове оголошення з посиланням на іншу сторінку — саме там пояснюється все докладніше. Northern Tool оформляє всю рекламу як «каруселів».
Порада від Weblium: щоб ваші поп-апи не дратували користувачів, продумайте графік та спосіб їхньої демонстрації. Не показуйте їх одразу, дайте користувачеві час вивчити сайт, звикнути до нього. На нашій платформі ви можете налаштувати різні умови для показу спливаючих вікон і цим зробити їх зручними для читання. Зареєструйтесь та протестуйте конструктор поп-апів самі або читайте подробиці у нашій «Базі знань».
3. Неправильне використання «каруселів»
Якщо точніше — неправильне встановлення швидкості перегортання слайдів в «каруселі». На 75% протестованих сайтів слайди змінювалися надто швидко. Користувачі не встигали їх переглянути, а якщо намагалися кликати — виходило із запізненням. Замість потрібного посилання відкривалося інше, і це багатьом не подобалося.
Наприклад, на сайті GAP була карусель, на якій слайди змінювалися через кожні 4 секунди — для багатьох користувачів такий інтервал виявився неприйнятним та незручним.
Звідси висновок: використовуючи каруселі, не робіть їх занадто швидкими. Інакше вони завдадуть більше шкоди, ніж користі. Але також не варто забувати й про статичні зображення, такі як на сайті Gilt. Вони часто ефективніші за «каруселі», тому що не мигтять перед очима, і користувач може переглядати все в зручному для себе режимі.
Хороший результат також показує поєднання «каруселів» та статичних зображень так, як показано на скрині нижче. То ж, якщо ви хочете створити інтернет-магазин або вже володієте сайтом, — враховуйте це.
Уточнення від Weblium: на сайті GAP прибрали слайди, тепер картинки змінюються перед користувачем без зупинки. Швидкість зміни достатня для того, щоб розглянути кожне зображення окремо.
4. Відмова від кастомних зображень
19% протестованих сайтів використовують на головній лише стандартні фотографії товарів. Дизайнерських ілюстрацій і постановочних знімків з товаром, що продається, на них немає. Це погано впливає на продажі, переконані дослідники Baymard Institute. Їх попередні дослідження показують, що яскравий візуал створює позитивне враження про сайт, підвищує інтерес користувачів до товару й тим стимулює конверсії. Особливо це стосується одягу, взуття, меблів та інших товарних категорій, де естетика має першорядне значення.
5. Відсутність системи пошуку
Або її непомітність на сайті. У ході тестування з'ясувалося, що більшість користувачів використовує пошук, якщо не може відразу знайти необхідний товар. Але 22% сайтів не мають рядка пошуку (для порівняння, у 2018 таких було 15%). На більшості інших її складно знайти серед фотографій, банерів і текстового контенту.
А ви, створюючи інтернет-магазин, додали на нього функцію пошуку товару? Якщо ні, нагадуємо, що на Weblium така функція вже доступна. Прочитайте нашу «Базу знань», щоб дізнатися докладніше.
Підсумовуючи
Результати дослідження Baymard Institute показують: ефективність веб-дизайну сучасних інтернет-магазинів знизилася. Це означає, що компанії перестають інвестувати в цей напрям, перестають розвивати свої сайти. Їхнє бажання заощадити зрозуміле, але в цьому випадку воно скоріш шкодить, ніж допомагає.
Якщо ви бажаєте створити інтернет-магазин, обов'язково уникайте помилок веб-дизайну, згаданих у цій статті. Якщо ви вже створили онлайн-магазин і успішно продаєте, переконайтеся, що описаних проблем на вашому сайті немає. В часи масової міграції компаній в інтернет це особливо важливо.
А щоб точно не помилитися, скористайтеся конструктором сайтів Weblium. Ми пропонуємо сотні шаблонів, у кожному контент та кольори підібрані так, щоб допомагати продажам, а не навпаки. Використовуючи їх, ви зможете створити зручний для користувачів інтернет-магазин, то ж і ваш прибуток буде тільки збільшуватися.
Читайте також:
👉 Найкращий конструктор інтернет-магазину: огляд платформ