100 новых главных принципов дизайна

88 Люди взаимодействуют с виджетом карусель

Добавлять или не добавлять карусель – вот в чем вопрос.

Первым делом напомню вам, что это такое. Карусель представляет собой элемент интерфейса, обычно используемый на веб-сайтах, демонстрирующий изображение, которое затем автоматически или по щелчку или движению пальца пользователя сменяется другим изображением. Таким способом посетителю демонстрируется целая «галерея» картинок.

Я понимаю, насколько противоречащим общепринятой точке зрения выглядит утверждение, что люди взаимодействуют с данными виджетами. Многие дизайнеры ненавидят карусели, но есть и те, кто с удовольствием ими пользуется. Но к какой бы категории вы не относились, надеюсь, вы сможете на время сдержать свои чувства и прочитать приведенные ниже данные.

Людям нравится высказывать свою ненависть к каруселям. В своем блоге 8 июля 2013 года Эрик Рунион указал данные с сайта университета Нотр-Дам ND.edu (http://erikrunyon.com/2013/07/carousel-interaction-stats/):

На главной странице университета ND.edu, где располагался виджет карусель, посетители часто кликали по первому изображению (например, в 89 % посещений), но практически оставляли без внимания все остальные (клики на изображении 2–3 %, на изображении 3–2 % и т. д.).

На ведомственной странице ND.edu тенденция сохранилась, но была менее выражена – посетители часто кликали на первом изображении в виджете карусель (например, в 71 % случаев), на второй картинке – в 7 % случаев.

Но на новостной странице сайта ND.edu ситуация выглядела по-другому. Клик на первом изображении карусели следовал в 55 % случаев, второе изображение удостаивалось клика в 18 % случаев, третье – в 11 % случаев и т. п.

Рунион приводит данные и для других каруселей с сайта ND.edu, и среди них тоже наблюдается изрядная вариативность.

Но это еще не все

Перед тем как мы попробуем сделать выводы, ознакомимся с дополнительной информацией. 9 февраля 2015 года в своем блоге Кайт Питт дал ссылку на пост Руниона и представил собственные данные (https://www.smashingmagazine.com/2015/02/carousel-usage-exploration-on-mobile-e-commerce-websites/). Вот некоторые из его выкладок:

• Питт утверждает, что данные Руниона базируются на таком показателе, как количество кликов, в то время как следует учитывать любые варианты взаимодействия пользователя с виджетом. Проанализировав свои собственные данные с учетом всех взаимодействий, Питт обнаружил, что количество взаимодействий на его тестовом сайте возросло с 23 до 72 %. Зачастую пользователи вместо клика или нажатия пальцем на изображении просматривали все или несколько изображений карусели, что тоже следовало учитывать как взаимодействие.

В частности, Питт указал, что к взаимодействиям следует относить любые действия, в том числе движение пальцем по экрану смартфона, клик на стрелке для перехода к следующему изображению или для изменения порядка демонстрации изображений на обратный, щелчок на миниатюре в нижней части карусели с целью разворота изображения на полный экран. Полученные таким способом данные показывают, что карусель является эффективным средством привлечения посетителей.

• Питт подчеркивает, что важными факторами являются также контекст и содержимое карусели. На торговых площадках, где карусель позволяет получить больше информации о товарах, уровень взаимодействия достаточно высок. Если же содержимое карусели не является ни интересным, ни полезным, ни привлекающим внимание, люди не будут с ней взаимодействовать.

• Основная претензия к каруселям состоит в том, что при отсутствии взаимодействия они превращаются в обычные большие картинки на странице. На это Питт возражает следующим образом: «Ну и что? Что плохого в наличии на странице большой картинки?»

Одной из самых больших проблем, связанных с каруселями, Питт называет проблему доступности. Большинство реализаций этого виджета нечитабельны для экранных дикторов, которыми пользуются люди с нарушениями зрения.

Выводы

• Карусель – это не всегда плохо. Не следует полностью исключать их из своих проектов.

• Проблема доступности является одной из основных причин, по которым каруселями следует пользоваться с осторожностью.

• Если карусель содержит полезные изображения, связанные с тематикой сайта, она привлекает посетителей, и они начинают с ней взаимодействовать.

89 Люди пользуются прокруткой