Как эффективно использовать карусели на сайте

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

Неправильно размещенная карусель

В настоящее время тенденция состоит в том, чтобы поставить карусели вперед и в центр. У меня тоже был опыт перехода по ссылке на «Топ 10 вьетнамских ресторанов в Соединенных Штатах», только чтобы перейти на веб-страницу с рекламой, где каждый элемент в списке является частью страшного слайд-шоу. В тот момент, я думаю, даже не стоит искать вьетнамский ресторан номер один в Соединенных Штатах. Или, может быть, вы потратили много времени, денег и усилий на создание веб-сайта визитки для своего нового бизнеса, но только для того, чтобы на втором слайде карусели на главной странице не было информации о вашем бренде. Но факт остается фактом: центрирование вашей страницы вокруг карусели - не самый выгодный вариант их использования. Это правда, что большинство ваших пользователей не будут нажимать даже на слайд № 1. Это правда, что карусели могут вызвать проблемы с доступностью, что они могут добавить вес вашему сайту, что они могут подорвать ценность вашего сайта для SEO. Так почему же кто-то решил разместить одну из этих вещей на своем сайте?

Чем хороши карусели?

Важно сразу подчеркнуть, что многие из упомянутых выше проблем не гарантируются при использовании каруселей (мы обсудим это более подробно в следующем разделе). Думайте о каруселях как об альтернативе видео на вашем сайте. Видеоролики хороши для того, чтобы понять цель и предназначение вашего сайта, но можно также привести довод о том, что размещать видео в центре - плохая идея. И все же они служат цели. Так почему бы не использовать видео? Ну, это вопрос предпочтений. Видео, в зависимости от размера файла, может загружать ваш сайт даже больше, чем карусель; они распространяют информацию с фиксированной скоростью, в то время как пользователи могут перемещаться по каруселям в своем собственном темпе; и карусели легко редактируемы и гибки, в то время как видео нуждается в дополнительном материале, который будет снят или отредактирован в автономном программном обеспечении для обновления. Карусели также могут воспроизводиться автоматически без необходимости аудио - так что, если пользователь проводит время на странице, есть шанс, что он может увидеть контент, который вы хотели бы показать, без необходимости нажимать кнопку.

Как эффективно использовать карусель на сайте?

В конце концов, эффективное использование каруселей обеспечит вам полную выгоду по вашему выбору. Я упоминал, что карусели могут негативно повлиять на ваше SEO продвижение сайта, но это не обязательно должно быть правдой. Убедитесь, что вы используете текст заголовка в своей карусели и стараетесь как можно меньше текста на самих изображениях. Также убедитесь, что ваши разработчики создают вашу карусель доступными способами - используя семантический HTML и alt-теги на изображениях - потому что это также повлияет на ваш SEO. Все это можно сделать: Американский Фонд для слепых имеет карусель на своей первой странице! Вы также хотите воспользоваться преимуществами автозапуска, чтобы содержимое, выходящее за пределы первого слайда, было показано пользователю без необходимости что-либо нажимать. Но убедитесь, что скорость между каждым слайдом не слишком высока - быстрые карусели кажутся рекламой и заставляют пользователя быстро читать. Кроме того, обязательно сделайте паузу при наведении, потому что пользователь, наведенный на слайд, указывает на интерес, и его автозапуск отключается, если пользователь нажимает на элемент навигации для карусели, чтобы не вступать в конфликт с намерениями и ожиданиями пользователя. Стоит также отметить, что вы должны держать свой самый важный контент на первом слайде, чтобы его можно было увидеть, и повторять свой слайдер в другом месте на сайте, чтобы повторить информацию. Некоторые более мелкие элементы, чтобы обеспечить максимальную отдачу от ваших ползунков, включают:

• Сохранение текста на слайдере минимальным, чтобы его можно было прочитать
• Добавление элементов навигации (т. Е. Кнопок «следующий» / «предыдущий» и пейджер), позволяющих пользователю легко взаимодействовать со слайдером
• Убедитесь, что ползунки можно проводить и правильно работать на мобильных устройствах.
• Обеспечение согласованности содержания с точки зрения содержания, чтобы пользователь не запутался и не заинтересовался

Никому не позволяйте говорить, что на вашем сайте нет места каруселям. Они имеют свое место, как и любой хороший элемент UX и UI дизайна, и могут быть использованы для вашего великолепного нового веб-сайта.