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

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

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

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

Должны ли мы на самом деле их использовать?

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

недостатки

Вот наиболее распространенные аргументы каруселей:

• Медленная загрузка: Добавление слайдеров и каруселей замедляет время загрузки веб-сайта, что может отпугнуть посетителей.
• Плохо для SEO : Поскольку так много контента втиснуто в один слайдер, сложно оптимизировать страницу и SEO для всего этого контента.
• ненужное отвлечение: Вращение ползунки держит посетителей отвлекается содержание вокруг него.
• Сложно использовать: Несколько слайдов предоставляют посетителям слишком много возможностей для отслеживания и часто требуют слишком больших усилий, что затрудняет доступ к данным, которые они ищут.
• Перерывы UX: Для посетителей, которые предпочитают быструю вертикальную прокрутку контента, ползунки могут повлиять на их терпение, так как они должны сидеть и ждать каждого скользить «Scrolls.
• Бедный рейтинг кликов: Согласно некоторым исследованиям, ползунки неэффективны во взаимодействии, которое они ищут (клики). Хотя посетителям может быть интересно прочитать один или даже несколько слайдов, большинство из них не предпринимает никаких действий.
• неприглядный : Многие дизайнеры так думают ползунки » и карусели уродливы, особенно когда привыкли содействовать перспективные рекламные изображения и сообщения.

льготы

Теперь посмотрим на аргументы сторонников слайдера:

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

Методы 6, которые помогут вам добавить слайдеры / карусели в ваш блог

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

Если вы ищете вовлечение пользователей, то во время разработки вы всегда должны думать о пользовательском опыте. Итак, добавляя «слайдер» на свой сайт, помните следующие советы:

# 1 Максимизация инвестиций

Когда «ползунки» выделены, они находятся в самом верху домашней страницы, где большинство дизайнеров в настоящее время размещает важные изображения. Как разработчик WordPress вы знаете, что есть и другие области сайта, которые могут эффективно использовать скользящий контент.

# 2: подумайте о размере

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

# 3: Используйте важное содержимое в ползунках

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

# 4: выбор изображений с высоким разрешением

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

# 5: свести текст к минимуму

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

# 6: обратите внимание на прокрутку

Есть несколько методов, которые вы можете использовать для управления прокруткой. Решение о выборе того или другого обычно зависит от содержания в " ползунок ". Автоматическая прокрутка отлично подходит для покадровых слайдеров, если прокрутка не идет быстро. Лучше всего заставить слайд останавливаться, как только кто-то щелкнет или наведет курсор на значок " ползунок ». Затем они сами определят, когда они захотят продолжить прокрутку.

Что же нам тогда делать?

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

Что вы используете дома? Есть ли у вас предпочтения? Не стесняйтесь поделиться с нами.