• 0k
  • 0
Веб-дизайн \ 25 Январь 2015

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

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

Немного теории

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

А вот и пример. Вспомните, вы наверняка видели такое за последнее время не один раз.

галерея слайдер.

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

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

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

Что можно (и нужно) делать со слайдерами

  • Прежде всего — выбрать подходящий
    Мы уже говорили, что разновидностей слайдеров очень много, но вам нужен один — тот, который лучше всего подойдет к стилю вашего сайта. В редакторе Wix есть несколько вариантов галерей со слайдами: Слайд-шоу, Иконки, Панорама, Витрина, Альбом, Слайдер, Слайд-шоу 3D и Карусель 3D. Каждая по-своему хороша, советуем протестировать все и решить, какая нужна именно вам.

галереи изображений в редакторе Wix

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

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

галерея слайдер в редакторе Wix

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

настройки галереи слайдер в редакторе Wix

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

Настройте скорость перехода изображений.

 

Чего лучше не делать никогда

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

Не перегружайте галерею картинками.

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

 

Нужен профессиональный сайт? Создайте его бесплатно с Wix!


Оставайтесь в курсе
новинок блога

Подпишитесь на блог и не пропустите ни одной статьи!

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес

Давайте дружить \ 

Подпишитесь на нашу рассылку и получайте
новые статьи блога прямо себе на почту.

Неправильный электронный адрес

Электронный адрес уже зарегистрирован

Неправильный электронный адрес