Слайдеры изображений: как, когда и зачем их использовать

В современном веб-дизайне слайдеры считаются одним из самых популярных способов демонстрации изображений. Вы, может, об этом не знаете, но видите их практически каждый раз, когда выходите в интернет. Чем, интересно, они хороши и почему стали такими модными и востребованными?
Немного теории
Давайте прежде всего определимся с термином. Слайдер — это динамический блок страницы, который показывает несколько элементов контента по очередности. Как правило, речь идет о фотографиях, которые меняются через определенный промежуток времени. В отличии от обычной галереи изображений, пользователь видит не все изображения сразу, а только одно. Слово «слайдер» происходит от английского глагола slide, что означает «скользить», и отражает основной замысел: изображения в нем скользят по экрану из стороны в сторону, сменяя друг друга. Слайдеры бывают самые разные и сильно различаются между собой по эффектам и функционалу.
А вот и пример. Вспомните, вы наверняка видели такое за последнее время не один раз.

Причина популярности слайдеров заключается в том, что они создают динамику и вызывают ощущение, что на сайте что-то происходит. Это привлекает внимание пользователей и подталкивает их к дальнейшему изучению сайта. Помимо привлечения посетителей, слайдеры позволяют дизайнерам использовать «полезную площадь» экрана по максимуму. Зачем отдавать лучшее место на странице под одну-единственную фотографию, когда можно поставить сразу несколько? В двух словах: слайдеры оживляют сайт и привносят разнообразие.
С этим, правда, согласны не все. Противники слайдеров утверждают, что они нарушают структуру сайта и отвлекают пользователей. Иногда в этом виноваты сами дизайнеры: ведь достаточно переборщить с количеством фотографий, и сайт будет медленно грузиться и работать, а это, согласитесь, не есть хорошо.
Конечный выбор в пользу слайдеров или против них зависит только от ваших личных предпочтений. Кому-то они нравятся, кому-то — нет, и это нормально. Мы вот считаем, что при правильном подходе слайдер способен не просто украсить сайт, но и сослужить вашему бизнесу хорошую службу. Вы тоже так думаете и хотите научиться правильно их использовать? Тогда читайте дальше — в сегодняшней статье речь как раз об этом.
Что можно (и нужно) делать со слайдерами
Прежде всего — выбрать подходящий Мы уже говорили, что разновидностей слайдеров очень много, но вам нужен один — тот, который лучше всего подойдет к стилю вашего сайта. В редакторе Wix есть несколько вариантов галерей со слайдами: Слайд-шоу, Иконки, Панорама, Витрина, Альбом, Слайдер, Слайд-шоу 3D и Карусель 3D. Каждая по-своему хороша, советуем протестировать все и решить, какая нужна именно вам.

Рассказывать истории Долой набор случайных картинок! Используйте слайдер для того, чтобы донести до аудитории связное сообщение про вашу компанию или продукт. Для большей понятности можно даже добавить к фотографиям краткие надписи (ставим акцент на слово «краткие»).
Устроить экскурсию При помощи слайдера вы можете пригласить пользователя «за кулисы» и показать ему изнанку вашего бизнеса. Например, на сайте отеля можно разместить слайдер с хорошими, детальными фотографиями номеров, а на сайте пекарни — показать пошаговый процесс выпечки.

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

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

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

Чего лучше не делать никогда
Забывать про остальное Мы очень часто видим сайты, создатели которых как следует поработали над слайдерами, но почему-то забыли про все остальное. Помните, сайт — целостная система, каждый элемент которой должен быть хорош не только сам по себе, но и в сочетании с другими.
Перегружать слайдер картинками Большое количество изображений отвлекает пользователя и увеличивает время загрузки сайта. 3-5 штук — идеально, больше — уже много.

Ставить несколько слайдеров на одну страницу Это сбивает с толку, раздражает и считается Второй Главной Ошибкой Дизайнера (первая — это бесконечно длинные сайты, но о них мы поговорим в другой раз).
Добавлять анимацию Если на странице есть слайдер, то никакой другой анимации там быть не должно. Поверьте, одного динамического блока будет достаточно.
Нужен профессиональный сайт? Создайте его бесплатно с Wix!