Nike, Puma или Adidas: чей веб-дизайн эффективнее?
Искусственный интеллект Attention Insight проанализировал десктопные версии трех крупных интернет-магазинов и выявил их сильные и слабые стороны.
Спойлер: Nike обошел конкурентов, но есть нюансы. Владельцам интернет-магазинов и всем, кто хочет знать, как сделать свой магазин, их точно нужно знать.
Содержание
Об Attention Insight
Этот искусственный интеллект обучен оценивать качество веб-дизайна. Если точнее, он демонстрирует, на что в первую очередь обратит пользователь при заходе на сайт, а что — точно проигнорирует. А еще алгоритм может рассказать, насколько дизайн легок для восприятия человеком. Точность результатов, по словам разработчиков, составляет 90-94%.
Для своих прогнозов Attention Insight использует закономерности, которые выявил в ходе анализа движений человеческого глаза. Для его обучения разработчики использовали более 30 тысяч различных изображений.
Кто лучше
Алгоритм назвал дизайн интернет-магазина Nike наиболее эффективным. Его интерфейс удобнее и лучше способствует продажам благодаря минималистичному дизайну. Например, Nike использует простые шрифты и сразу демонстрирует товар пользователю. А вот на сайтах Puma и Adidas сначала грузятся название категории, текст с описанием страницы категории, кнопки фильтрации. В результате пользователи при заходе смотрят именно на эти элементы, а чтобы увидеть товар, надо проскролить. В магазине Nike товарный ассортимент виден сразу.
Названия категорий на сайтах 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%.
Чтобы просмотреть результаты исследования Attention Insight подробнее, переходите сюда. А если вдохновились и хотите сделать свой интернет-магазин — регистрируйтесь на Weblium. Наш конструктор сайтов предлагает профессиональные концепты дизайна для любого типа магазина — Attention Insight подтверждает! Он оценивает понятность наших дизайнов на 70% и выше.
На скрине — процент понятности дизайна интернет-магазина зоотоваров, созданного на базе Weblium. Найти этот концепт можно в нашей коллекции — она доступна после регистрации аккаунта
