Слайдер в сайте

Слайдер в сайте - это большой прямоугольник, в котором меняются картинки. Слайдером его называют за эффект "сползания" картинки. Аналогию можно понять посмотрев телефон-слайдер, когда верхняя крышка съезжает вбок, открывая клавиатуру (тест на возраст позволяет - сейчас таких моделей практически нет :)))).

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

Что бы слайдер был эффективным, он должен быть красивым, пропорциональным и меняться с определенной скоростью и обязательно вбыть линком и вести в нужный раздел.

Про красоту слайдера

Красота - понятие очень субъективное. С технической точки зрения исходная картинка для слайдера должна быть хорошего качества, т.е. у нее должно быть достаточное разрешение. С рекламной точки зрения - она должна тематически и композиционно вписываться в маркетинговую концепцию. Достаточно часто для тематического слайдера о конференц-сервисе, семинарах и бизнесе используют фотографии из фотостоковых баз. Фотографии отличного качества, пригодны и для полиграфии и для веба, большого размера, но... Чаще всего на этих фотографиях внешность позирующих людей не соответствуют среднестатистическому славянскому типу, что выражается не только в расовых чертах, но и в общем антураже и атмосфере фотографии. Такие фотографии не вызывают столь необходимого чувства доверия к предлагаемому продукту.

Пропорциональность слайдера

Слайдер имеет определенные линейные размеры, выраженные в пикселях. Для того, что бы слайдер получился более четким, я обычно умножаю линейные величины в 2 раза и работаю с увеличенной картинкой. После готовности макета при сохранении файла указываю необходимые размеры слайдера.

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

Изменение слайдера

Изменение слайдера происходит по следующим позициям:

Скорость смены картинки
Поставьте слайдер и протестируйте, успеваете ли вы не только прочесть, но и понять, что написано на слайдере. Обычно слайдеры отличаются друг от друга количеством текста. Поэтому иногда в системе управления контентом заложена возможность регулировать скорость появления каждого изображения. Или ее устанавливает разработчик.
Способ смены картинки
Смена слайдера может быть полностью внезапной или с применением эффектов, например, листания (эффект перелистываемой страницы), выцветания (картинка теряет сначала цвет, потом четкость, потом исчезает), выдвигания (новая картинка выезжает с заданной стороны), замены геометрическими фигурами (новая картинка слайдера поменяет кусочками). В реальности их намного больше, но суть не в этом. Может это мое субъективное мнение, но эффекты в этом мне не нравятся. Если применяется эффект, то он должен учитывать общий стиль сайта, не отвлекать пользователя процессом от сути послания. Часто эффект вызывает сам по себе интерес пользователя процессом замены и идет наблюдение за эффектом. Слайдер перестает вызывать интерес.
Произвольная смена слайдера
Если посетитель сайта не успел прочитать и понять картинку на слайдере, он должен иметь возможность вызвать ее принудительно. Для этого используют несколько разных видов элементов управления слайдером. Часто на фоне слайдера или ниже находятся точечки/квадратики/кружочки , которые загораются по очереди по мере смены слайдера. Этот элемент "точечки/квадратики/кружочки" кнопка вызова определенного слайдера и можно перелистывать их с произвольной скоростью в произвольном порядке.
Второй способ - стрелки листания слайдера вперед-назад. Это менее удобный способ, так как непонятно сколько слайдеров всего и долго ли придется листать.
Включение-выключение пояснительных надписей
В некоторых системах есть возможность включить-выключить дополнительную надпись к слайдеру. Если вам нужна эта дополнительная надпись, старайтесь, что бы она не попала на надпись на самом слайдере. Будет каша. Лучше планировать макет сразу.
Появление слайдера на страницах.
Часто слайдер ставят только на главную, но есть способы заставить появляться его на других страницах. Общепринятый способ использовать функцию показывать только на главной/показывать на всех страницах.
Если вам нужно, что бы слайдер показывался на какой-то одной определенной странице это надо заложить в разработку.