Nike, Puma, Adidas: чий веб-дизайн ефективніший?
Штучний інтелект Attention Insight проаналізував десктопні версії трьох великих інтернет-магазинів і виявив їхні сильні й слабкі сторони.
Спойлер: Nike обійшов конкурентів, але є нюанси. Власникам інтернет-магазинів і всім, хто хоче знати, як зробити свій магазин, їх точно потрібно знати.
Про Attention Insight
Цей штучний інтелект вміє оцінювати якість веб-дизайну. Якщо точніше, він демонструє, на ща саме зверне увагу користувач, а що точно проігнорує, роздивляючись сайт. Також алгоритм може розповісти, наскільки дизайн легкий для сприйняття людиною. Точність результатів, за словами розробників, становить 90-94%.
Для своїх прогнозів Attention Insight використовує закономірності, які виявив під час аналізу рухів людського ока. Для його навчання розробники використовували понад 30 тисяч різних зображень.
Хто кращий
Алгоритм назвав дизайн інтернет-магазину Nike найбільш ефективним. Його інтерфейс зручніше та сприяє продажам завдяки мінімалістичному дизайну. Наприклад, Nike використовує прості шрифти й відразу демонструє товар користувачеві.
Водночас на сайтах Puma та Adidas спочатку демонструється назва категорії, текст з описом сторінки категорії, кнопки фільтрації. В результаті користувачі в першу чергу бачать саме ці елементи. Щоб подивитись товар їм треба проскролити вниз.
Назви категорій на сайтах Puma і Adidas привертають більше уваги ніж товари ще й тому, що для їхнього оформлення використано занадто великий шрифт. Сам текст набраний капслоком і до того ж виділено жирним.
На картинці — теплові карти уваги, складені штучним інтелектом. Жовто-помаранчові “плями” вказують на елементи сайту, які привертають найбільшу увагу відвідувачів. Сині, навпаки, демонструють фрагменти, які ніхто не помічає.
Висновок: лаконічність дизайну сприяє продажам в е-комерсі. Додаткові елементи, як і перегини в їх оформленні, відвертають увагу користувачів від покупок. Покупці можуть просто не помітити потрібний товар і швидше покинуть сайт. То ж, якщо ви замислюєтеся над тим, як зробити магазин або вже продаєте онлайн, враховуйте це.
Помітність товарів
Товари в інтернет-магазині Nike привертають від 7 до 17% уваги користувачів. Аналогічний показник на сайтах Adidas і Puma становить 5-20% і 5-12% відповідно. Що цікаво, у всіх трьох інтернет-магазинах найбільшу увагу привертали товари, розташовані усередині екрану.
Причому на сайті Adidas чотири товарні позиції в ряду, і в центрі уваги користувача виявлялися відразу дві — ті самі, що розташовані по центру екрана. У Puma і Nike три товари в ряду. В центрі, відповідно, знаходиться тільки один, і тільки він один привертає найбільшу увагу покупців.
Висновок: при створенні свого онлайн-магазину вигідніше робити товарний ряд з чотирьох позицій для десктопної версії, а не трьох. Як показують результати Attention Insight, такий підхід не ускладнює процес вивчення асортименту для покупця. Навпаки, в такому випадку покупець помічає більше товарів і з більшою ймовірністю знайде те, що потрібно.
Помітність рекламних банерів і меню сайту
Реклама за замовчуванням повинна привертати увагу. Особливо якщо ця реклама обіцяє покупцеві знижки. Але у випадку з банерами інтернет-магазинів Nike, Adidas і Puma це правило не працює. Всі три банери не дуже помітні для користувачів.
Найбільший показник демонструє Nike: його банер привертає 9% уваги. Все це завдяки його динамічності — текст на банері змінюється автоматично.
Рекламний банер Adidas відвідувачі взагалі не бачать (можливо тому, що він своїм оформленням занадто зливається з дизайном меню), а банер Puma отримав тільки 1% уваги.
Звідси напрошується маленький висновок: щоб зробити свій магазин ефективніше, краще використовувати динамічні банери. Вони ефективніше навіть якщо їх дизайн або розташування не дуже вдале.
Що стосується оформлення меню, то Nike тут знову лідирує. Його меню легко знайти, і воно відразу ж привертає 7% уваги користувачів. Меню Adidas взагалі не дивляться, а на сайті Puma воно привертає тільки 1% уваги.
Апдейт: зараз дизайн банера на сайті Adidas має інший вигляд. Його оформили в темних кольорах, а меню, навпаки, зробили світлим. Завдяки цьому банер став помітніше, але меню — ні. Puma теж допрацювала свої банера, зробивши їх динамічними, як у Nike.
Підсумки
За шкалою зрозумілості дизайну для користувачів (clarity score) алгоритм Attention Insight оцінив інтернет-магазин Nike на 70%, Adidas — на 60%, а Puma — 43%.
Щоб дізнатись більше про дослідження та висновки штучного інтелекту, переходьте за цим посиланням.
А якщо надихнулися і бажаєте швидко зробити свій інтернет-магазин — реєструйтеся на Weblium. Наш конструктор сайтів пропонує професійні концепти дизайну для будь-якого типу магазина — Attention Insight підтверджує! Він оцінює зрозумілість наших дизайнів на 70% і вище.
На скрині — відсоток зрозумілості дизайну інтернет-магазину зоотоварів, створеного на базі Weblium. Знайти цей концепт можна в нашій колекції — вона доступна після реєстрації облікового запису.