Слайдеры - почему (нет?) ИСПОЛЬЗОВАТЬ

  1. Что такое слайдер?
  2. Слайдеры продукта
  3. Слайдер в фотогалерее / портфолио
  4. Я использую? Не пользуетесь? Здесь дилемма!
  5. Положительные плюсы
  6. и отрицательные
  7. Если вы решили использовать слайдер, пожалуйста, помните дизайнера:

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

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

Что такое слайдер?

Слайдер - это просто слайд-шоу - анимация, размещенная на веб-сайте в виде карусели, которая отображает изображения, графику с текстом и кнопками CTA или видеофайлы, а также целые блоки текста.

Слайдеры продукта

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

Слайдер в фотогалерее / портфолио

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

Я использую? Не пользуетесь? Здесь дилемма!

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

Положительные плюсы

  • Слайдер вводит «жизнь» на сайте - он перестает быть статичным и скучным
  • мы экономим место - мы показываем больше контента в той же области
  • и, вероятно, только / так много ...

Слайдер вводит «жизнь» на сайте - он перестает быть статичным и скучным   мы экономим место - мы показываем больше контента в той же области   и, вероятно, только / так много

и отрицательные

  • некоторые пользователи сразу пропускают их, относятся к ним как к низкоценному рекламному контенту и прокручивают веб-сайт ниже
  • они могут отвлекать и отвлекать ценный контент / кнопки CTA
  • замедлить загрузку сайта и его рейтинг в глазах Google

некоторые пользователи сразу пропускают их, относятся к ним как к низкоценному рекламному контенту и прокручивают веб-сайт ниже   они могут отвлекать и отвлекать ценный контент / кнопки CTA   замедлить загрузку сайта и его рейтинг в глазах Google

Если вы решили использовать слайдер, пожалуйста, помните дизайнера:

  • Не используйте автоигру :)
  • Всегда предоставляйте пользователю возможность самостоятельно управлять отображением слайдов - возможность перейти к следующему, вернуться к предыдущему слайду или выбрать любой слайд.
  • Используйте короткие, понятные сообщения.
  • Отрегулируйте время показа слайда в соответствии с его содержанием - особенно если отдельные слайды отличаются по объему текста, чтобы вы могли читать все без проблем.
  • Используйте тонкие переходы между слайдами вместо динамических эффектов.
  • Навигация по слайдеру должна быть очевидной и легко нажимаемой.
  • В мобильных версиях разрешить пролистывание.
  • Оптимизируйте размер / вес слайдов, чтобы ускорить их загрузку

И наконец - ТЕСТ! Там нет никого, хорошее решение, и, конечно, никто не знает его сразу. Так же, как компании и их сайты разные, пользователи Интернета так разные. Познакомьтесь с вашей целевой группой и проверьте, каковы ожидания пользователей. Создайте несколько разных представлений - попробуйте показать один и тот же контент с помощью слайдера и без него. Проверьте, в какой степени просматриваются следующие слайды и каков их рейтинг кликов - может быть, они вообще не нужны? Экспериментируйте с разной графикой, слоганами, дизайном - иногда небольшие изменения могут значительно увеличить конверсию.

Кричать, спешить и мотивировать на работу, и серьезно - все действия, направленные на лучшую полезность веб-сайтов.

Что такое слайдер?
Не пользуетесь?
Но как вы это делаете, когда, глядя на бриф клиента, мы видим целый список важных и супер-важных элементов, которые обязательно должны быть на главной странице сайта?
Что такое слайдер?
Я использую?
Не пользуетесь?
А как насчет пользователей?
Проверьте, в какой степени просматриваются следующие слайды и каков их рейтинг кликов - может быть, они вообще не нужны?