Эффективны ли карусели?
Перейдите на любой сайт электронной коммерции, и на главной странице почти гарантированно есть карусель - панель с автоматическим поворотом, обычно с какой-то небольшой навигацией, обычно выделяющая новые выпуски продуктов, продажи или предложения.
Есть ли какие-либо исследования, в которых рассматриваются эффективные карусели с точки зрения конверсий и по сравнению с другими способами отображения подобной информации? У меня есть гипотеза, что они могут быть чем-то вроде клише пользовательского интерфейса, частично поддерживаемого просмотром данных щелчка с некоторых наших сайтов.
15 ответов
Практически все тесты, которые я провела, доказали, что контент, передаваемый через карусели, пропущен большинством пользователей. Немногие взаимодействуют с ними, и многие комментируют, что они выглядят как реклама - мы полностью осознали концепцию слепоты баннера.
С точки зрения экономии пространства и продвижения контента многие конкурирующие сообщения доставляются в одной позиции, что может привести к потере фокуса.
Я вполне уверен, что они действительно являются пользовательским интерфейсом clichà © из-за их включения в приложения для прокрутки и являются частью фреймворков JavaScript.
Карусели эффективны в том, что они могут рассказать людям в маркетинге /высшем руководстве, что их последняя идея теперь находится на главной странице.
Они рядом с бесполезными для пользователей и часто «пропущены», потому что они выглядят как реклама. Следовательно, они являются хорошей техникой для получения бесполезной информации на домашней странице (см. Первое предложение этого сообщения).
В общем, используйте их для размещения контента, который пользователи будут игнорировать на своей домашней странице. Или, если хотите, не используйте их. Когда-нибудь.
Кстати, эти взгляды не мои, а основаны на наблюдении тысяч тестов с пользователями.
Во всех тестах, которые я сделал, карусели на домашней странице полностью неэффективны.
Во-первых, все, что выходит за рамки первоначального представления, значительно уменьшает взаимодействие с посетителями. И два, вероятность того, что информация, отображаемая в карусели, соответствует тому, что ищет посетитель, тонкая. Таким образом, в этом случае карусель становится очень большим баннером, который игнорируется. В тесте после теста первое, что делает посетитель при переходе на страницу с большой карусели, - это прокрутить ее прямо мимо и начать искать триггеры, которые будут перемещать их вперед с их задачей.
Единственное исключение, которое я обнаружил, заключалось в том, что тестирование вокруг праздника и карусели говорило конкретно о том, что в этом празднике было увеличение количества кликов, которые посетил посетитель с карусели.
В качестве пользователя я нахожу карусели, слегка раздражающие:
-
Большинство из них имеют непригодность к использованию, которые я попадаю в категории, описанные в этой статье:
-
Невозможно пометить определенный элемент на карусели, например, взглянуть на фотокарузу BBC News, которую они используют: http://www.bbc.co.uk/news/world-africa-14619799 Невозможно пометить шестой пункт и отправить ссылку.
-
Карусели, которые не позволяют мне щелкнуть правой кнопкой мыши на элементе и «открыть на новой вкладке /странице» - flash-карусель
-
Карусели, у которых есть непредсказуемая неинтуитивная навигация, такая как поворот содержимого без уважительной причины только потому, что вы нанесли на нее мышь.
Я не использую или не предлагаю использовать карусели. Изменение изображений может отвлекать пользователей, когда они читают текст на странице.
Вы можете найти интересную информацию на http://digitaleskimo.tumblr.com/post/752912498/образ-карусель-уместность
http://blinkux.com/insights/newsletter/usability-highlights-2008/ не оспаривает использование или беспричинный, но предлагает несколько советов в разделе «Избегайте предоставления пользователям путаницы в карусели».
Некоторые исследования использования каруселей на Университет Нотр-Дам имеет несколько интересных результатов:
Примерно 1% посетителей нажимают на эту функцию. В течение этого периода времени было задействовано 28 928 щелчков. Функция была вручную «переключена /повернута» в общей сложности 315 665 раз. Из этих кликов 84% находились в рассказах в позиции 1, а остальные распределялись довольно равномерно между четырьмя другими (~ 4% каждый) ... («Функция» относится к отдельным вызовам к действию, которые либо вручную, либо автоматически с рототоном и вне поля зрения.)
В статье также обсуждается разница между статическими каруселями (т. е. теми, которые требуют ручного использования для прокрутки) и автопереадресацией каруселей. Удивительно, что Auto Forwarding получают максимальную пользу (8,8% посетителей нажимают на карусель - 40% этих кликов были для элемента на первом слайде). Однако в статье также ссылки на статью группы Nielsen , в которой указано, что автоперемотка каруселей не является хорошим пользовательским опытом)
Для статических каруселей средняя скорость клика была между 1.7 - 2.3%, опять же с первым пунктом в карусели, получившим значительно более высокий выбор (48-62%).
Основной источник статьи для этого контента - weedygarden.net
Мы создали их для клиентов в прошлом с главной движущей силой SEO. (Карусельные изображения с наложенными текстом /ссылками). Это способ перерезать большое количество контента на главную главную страницу, не выглядя так, будто вы «играете» в поисковые системы или набивку ключевых слов.
Мы стараемся сделать их максимально эффективными и полезными, но они запрошены маркетинговыми людьми, потому что они выглядят «современными» и обеспечивают возможность увеличения количества копий на главной странице без бомбардировки пользователя бесполезной информацией .
Они также использовались, потому что разные области бизнеса не хотят, чтобы сайты уделяли слишком много внимания продукту /сервису «X», поэтому предоставляли изображение «героя» мастера как вращающееся изображение, а затем различные области бизнеса могут иметь свой основной продукт в гордости места в верхней части главной страницы в одно и то же время.
Так что да, по моему опыту, они в основном являются маркетинговым инструментом и не особенно разработаны с учетом потребностей пользователя.
Я думаю, что карусели могут быть эффективными, если они дают управление пользователю . То есть они могут пропустить вперед, направить поток, узнать, где они находятся в карусели, и отключить функцию автоматического воспроизведения.
Подробнее об этой идее:
http://uxmovement.com/navigation/big-usability-mistakes- дизайнеры-макияж на каруселях /
Вот статья , в которой приводится несколько недавних исследований, проведенных в Notre Dame и Nielsen /Norman . Это может иметь отношение к обсуждению.
Подводя итог:
- Стрелки отвлекают!
- Не используйте веб-карусели для демонстрации продуктов.
- Используйте веб-карусели для маркирования своего сайта или предложения.
- Веб-карусели не идеально подходят для настольных сайтов
- Веб-карусели получают очень важные краны на мобильном телефоне!
- Ограничьте свою мобильную карусель до 4 панелей.
- Ограничьте каждую панель одним продуктом или изображением.
(Примечание: я ненавижу вещи, но эта статья, похоже, смирилась с ними и рассказывает о том, как использовать их наилучшим образом, если вы должны их использовать.)
Из моего собственного опыта в анализе данных сайтов, которые я создал, могу сказать, что большинство пользователей не взаимодействуют с карусели, а тем более конвертируют из одного.
Недавно я заметил, что несколько сайтов, которые раньше имели карусели, больше не имеют их и вместо этого показывают только одну «панель» (если вы посмотрите на HTML, все еще есть остатки предыдущая карусель в некоторых случаях). Microsoft, вероятно, является наиболее примечательным примером ( http://www.microsoft.com/), другой - сайт BYU ( http://home.byu.edu/home/). Сайт Google Analytics ( http://www.google.com/analytics/) Я думаю, что имел обыкновение иметь один, но больше не делают.
Хотя это прямо не отвечает на ваш вопрос (другие уже сделали это хорошо), я думаю, что интересно отметить, что крупные организации, такие как Microsoft (которые я довольно уверенно смотрю и анализируют данные конверсии) решили отколоться карусель, вероятно, в пользу более быстрого времени загрузки.
Интересный побочный эффект: я думаю, что веб-сайт NNG ( http://www.nngroup.com/) предоставляет хорошая альтернатива для сайта, который хочет полностью избавиться от изображения карусели /героя. Я видел множество сайтов с одинаковым расположением, за исключением карусели между описанием компании и тремя блоками с изображениями. Обратите внимание, как на сайте NNG вам не очень не хватает карусели между этими двумя элементами страницы. На самом деле это лучше.
Разработав множество веб-сайтов для электронной коммерции, я бы сказал, что карусели эффективны. В частности, чтобы пользователи могли просматривать больше основных рекламных акций. Они интересны для пользователей, чтобы взаимодействовать с ними и улучшать вероятность того, что промо-акции действительно будут прочитаны или повлиять.
Я успешно использовал бесплатную кузлу профессора Cloud javascript с функциями вращения. Просто помните, что все это не требует этой функциональности, поэтому используйте ее экономно или остальная часть содержимого на вашей странице будет страдать.
Большинство каруселей имеют стрелки и точки с разбивкой по страницам. Пользователи не обращаются к этому. Они тянутся к текстовым ярлыкам.
Почему пользователи не нажимают на ваш дом Страница Карусель
Подводя итог:
Этикетки являются информативными, значимыми и описывают, что хотят пользователи. Маркировка каждого слайда побуждает их щелкнуть, потому что метки указывают их то, что они получат. Пользователи чаще нажимают на что-то который выглядит для них информативным.
Я также боролся с маркетинговой командой, которая, с одной стороны, хотела оптимизировать скорость загрузки домашней страницы, а с другой - поставить карусель с огромными изображениями, демонстрируя удивительный опыт ». И в этом конкретном случае это оказалось совершенно неэффективным.
Я думаю, что карусель используется в электронной коммерции в зависимости от типа (на самом деле размера) веб-сайта, с которым вы имеете дело.
Например, если вы имеете дело с сайтом с размером e-bay, там должна быть карусель, чтобы объявлять о сделках, новых продуктах и другой информации, которые иначе не доходили бы до конечного потребителя. Я думаю, есть и исследование по этому вопросу, но здравый смысл состоит в том, чтобы направить пользователя на что-то, если вы уже ничего не знаете о его настройках просмотра (например: когда вы используете файлы cookie или у него уже есть учетная запись).
С другой стороны, если вы занимаетесь веб-сайтом, где у вас очень маленький ассортимент продуктов, нет необходимости в карусели (например: http://www.hardgraft.com/), и более чем очевидно, что один из этих инструментов определенно нарушит пользователей.
Хорошее упражнение было бы для кого-то, чтобы представить, чтобы впервые попасть в target.com и не иметь карусель ... куда бы он пошел, каков будет показатель отказов для домашней страницы и т. д.
Также есть примеры каруселей на домашней странице на очень маленьких сайтах ( http://cleaneverything.com/), но по моему мнению, на этом примере карусель бесполезна.
Друзья. Коллеги. Разработчики. Карусель может быть очень эффективной.
Предположим, что ваш покупатель с ограниченным бюджетом и предлагаемые там сделки находятся в пределах своего предела. Карусель говорит: «Мы не спим» «Мы все еще живы и пинаем». «Мы подходим к последнему, величайшему». «У нас отличные предложения!» В противном случае карусель представляет собой тяжелую нагрузку на данные (недвижимость или выход из вашей интеллектуальной собственности) и, надеюсь, имеет балансирующую долю отвратителей.