Как сделать карусели на сайте эффективными

Россия+7 (495) 960-65-87
Шрифт:
2 9759

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

В статье, недавно опубликованной на сайте Econsultancy, приведены практические советы, как сделать карусели на вашем сайте эффективными. Секрет прост — уделите больше внимания юзабилити.

Меньше слайдов

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

Некоторые сайты, например, Debenhams, используют всего три.

Понятный текст и картинки

Не перегружайте слайды. Иллюстрации и тексты должны быть понятны посетителям сайта быстро и без особых усилий. Например, как на сайте Selfridges.

Как показывает практика, самыми популярными являются первые два слайда. Учитывайте это в процессе оптимизации карусели.

Заметный переключатель слайдов

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

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

Помедленнее

Слишком быстрая карусель вызовет у посетителей сайта головокружение от мелькания слайдов, а не от ваших предложений. Оцените, сколько в среднем тратит пользователь на просмотр каждого фрагмента. Можно взять в качестве ориентира, что в секунду можно прочесть в среднем 3 слова.

На сайте Boots в достаточно быструю карусель добавили кнопку Пауза:

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


Читайте нас в Telegram - digital_bar

Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Отправить отзыв
  • dreammate
    8
    комментариев
    0
    читателей
    dreammate
    больше года назад
    <p>хорошая статья
    вот мой пример сайта с каруселью
    <noindex><a href="%E2%80%9D%D0%BA%D0%B0%D0%BA" rel="nofollow" target="_blank">http://odostatke.ru/</a></noindex></p>
    -
    0
    +
    Ответить
  • dreammate
    8
    комментариев
    0
    читателей
    dreammate
    больше года назад
    хорошая статья
    вот мой пример сайта с каруселью
    http://odostatke.ru/
    -
    -1
    +
    Ответить
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
Тест: Кто как пробежал, или Итоги клиентского рейтинга SEOnews 2018
Анна Макарова
335
комментариев
0
читателей
Полный профиль
Анна Макарова - Друзья, спасибо всем за участие! Мы определили победителей. Кто ими стал - вы найдете по ссылке: www.seonews.ru/events/darim-knigi-ot-mif-pobediteli-opredeleny/ Если вы стали одним из победителей, обязательно свяжитесь с нами по указанной в новости (по ссылке выше) почте. Всем хороших выходных! =)
SEO глазами клиентов 2018
Гость
1
комментарий
0
читателей
Полный профиль
Гость - То есть *** пойми кто подался заявками и в итоге рейтинг должен называться seo глазами клиентов *** пойми каких компаний. Молодцы!
Комплексный аудит интернет-магазина от «Ашманов и партнеры». Часть 1
Александр Сова
1
комментарий
0
читателей
Полный профиль
Александр Сова - А вот и сеошники подъехали, покидать на вентилятор :D
Не очень удачный кейс продвижения сайта по услуге «Трезвый водитель» в Москве
Кирилл Щербаков
3
комментария
0
читателей
Полный профиль
Кирилл Щербаков - "даже пришлось подключить отслеживание звонков с сайта" "Даже" - как будто это что-то нереальное
Два идеальных способа разориться на старте интернет-магазина
Стас
4
комментария
0
читателей
Полный профиль
Стас - Seonews в последнее время такую чушь несет! Где вы таких афторов находите? Статья ничего не стоит и несет чушь! Кто хоть немного понимает в этом так вам и скажет, и такие де комментаторы горе-сеошники, просто смешно читать, вы хоть модерируете ваши статьи или просто для воды на сайте?! Бред сивой кобылы эта статья до самой последней точки!!!
Эксперимент: как уникальность контента влияет на продвижение сайта
Ilia Nazmutdinov
2
комментария
0
читателей
Полный профиль
Ilia Nazmutdinov - Кстати, ПФ не работают на нулевом трафике. Пока на сайт не льются тысячи показов по одним и тем же запросам влияние оказывает ток ссылочное\внешнее и внутреннее\ и внутренняя оптимизация.
Яндекс перестал индексировать сайты, созданные на Wix
Константин Даткунас
3
комментария
0
читателей
Полный профиль
Константин Даткунас - Было бы интересно посмотреть саму выборку из 10 000 и методику анализа.
Прощай, тИЦ! Яндекс переходит на новый показатель качества
Дмитрий Кондратенко
3
комментария
0
читателей
Полный профиль
Дмитрий Кондратенко - PR уже год как отменили, ТИЦ пол года не обновляется... Вы или "не те книги читали", или Вас кинули ушлые СЕОшники... www.internet-reklama.pp.ua
Стартовал сбор заявок на участие в рейтинге «Известность бренда SEO-компаний 2018»
Дамир Байкенжанов
10
комментариев
0
читателей
Полный профиль
Дамир Байкенжанов - Каргту один из крупнейших и ведущих университетов РК. 8 факультетов, более 50 специальностей, около 7000 студентов. Огромнейшие достижения вуза и студентов. Уютные кабинеты, большие лабораторные, новейшая техника, высококвалифицированные учителя, большие и комфортные общежития и большой музей с историей вуза.www.kstu.kz/
Расчет трафика из поисковых систем по брендовым и небрендовым запросам
Дарья Калинская
0
комментариев
0
читателей
Полный профиль
Дарья Калинская - А вот и статья :) www.seonews.ru/analytics/raschet-trafika-po-nebrendovym-zaprosam-pri-pomoshchi-r/
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
335
Комментариев
262
Комментариев
240
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
96
Комментариев
91
Комментариев
80
Комментариев
67
Комментариев
61
Комментариев
60
Комментариев
59
Комментариев
57
Комментариев
55
Комментариев
54

Отправьте отзыв!
Отправьте отзыв!