Пропустить

Caroussel & Slider: следует ли использовать его на WordPress

Divi: самая простая тема WordPress для использования

Divi: Лучшая тема WordPress всех времен!

Более Загрузка 600.000, Divi - самая популярная тема WordPress в мире. Он является полным, простым в использовании и поставляется с более чем бесплатными шаблонами 62. [Рекомендуется]

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

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

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

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

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

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

использование каруселей или нет

Вы ищете лучшие темы и плагины WordPress?

Загрузите лучшие плагины и темы WordPress на Envato и легко создайте свой сайт. Уже больше, чем 49.720.000. [ЭКСКЛЮЗИВ]

недостатки

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

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

льготы

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

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

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

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

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

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

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

WPmudev слайдер учебник

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

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

Легко создайте свой сайт с Elementor

Elementor позволяет легко создать любой дизайн сайта с профессиональным дизайном. Прекратите платить дорого за то, что вы можете сделать сами. [Free]

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

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

Ползунок Пример WPMUDEV

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

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

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

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

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

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

Легко создайте свой интернет-магазин

Загрузите бесплатные WooCommerce, лучшие плагины для электронной коммерции, чтобы продавать свои физические и цифровые продукты в WordPress. [FREE]

Пример wpmudev слайдер

Что нужно сделать?

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

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

Эта статья содержит 1 комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

Этот сайт использует Akismet для уменьшения нежелательности. Узнайте больше о том, как используются ваши комментарии.

Вверх
4 акции
доля1
чирикать
Регистрация3