Ирина Никулина – Настольная книга веб-дизайнера. Практический курс по веб-дизайну и проектированию сайтов (страница 47)

Последовательность слайдов

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

Это означает, что в карусели важна последовательность, потому что первый слайд получит гораздо больше внимания, чем последующие. В автоматически вращающейся карусели нередко первый слайд получает более 50% кликов.

Время между слайдами должно быть 5-6 секунд.

Логика авторотации на десктопах

Авторотация (режим вращения) увеличивает воздействие контента через слайды и показывает пользователям, что этот элемент интерактивен. На самом деле, в то время как у «ручных» каруселей ничтожный показатель кликов – от 1 до 2%, автоматически вращающиеся слайдеры могут иметь достойную кликабельность – от 8 до 10%.

10 требований к слайдерам

Кроме актуальности содержания слайдера, карусель на главной странице должна удовлетворять определённым требованиям, чтобы принести увеличение конверсии сайту:

1. Осознанно выбирайте последовательность слайдов, потому что первый будет показываться в несколько раз чаще других.

2. Слайдер не должен быть единственно возможным путем к опциям сайта и контенту.

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

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

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

6. Полностью останавливайте автоматическую ротацию после того, как пользователь кликнул на элементы управления каруселью.

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

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

9. Сенсорные устройства: поддерживайте жесты перелистывания в дополнение к другим элементам управления.

10. Мобильные устройства: убедитесь в том, что текст на слайдах остается читаемым, если вы уменьшаете макет рабочего экрана.

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

4. «Преимущества» и модуль «О компании»

Модуль «Преимущества» на сайте

Следующими модулями после «шапки» сайта, как правило, идут преимущества фирмы и модуль «О компании» («О нас, «О центре»).

На сайтах интернет-магазинов, минуя модуль «Наши преимущества», сразу же идет витрина товаров.

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

Правила создания модуля «Наши преимущества»:

1. Желательно ограничиться 3-5 преимуществами.

2. Если преимуществ больше, чем пять, то желательно расположить их в два ряда.

3. Снабдите каждое преимущество иконкой.

4. Создайте заголовок преимущества и краткое описание.

5. Можно добавить в преимущества не иконку, а фотографию по теме.