Webdesign: Домашняя страница Слайдеры вышли

1. Слайдер: Ловцы цифровой эпохи
2. Как ползунки покорили интернет
3. Почему ползунки не могут работать
4. «Контент продается, изображения нет.» (Харрисон Джонс, MWI)
5. 1. Слайдер замедляет работу сайта
6. 2. Ползунки не дают ориентации и игнорируются
7. 3. Слайдер не подходит для смартфонов
8. 4. Домашняя страница Слайдеры начинаются с пассивного пользователя
9. 5. Слайдеры отнимают слишком много места
10. 6. Содержание слайдера часто является рекламным или избыточным
11. 7. Фотографии слайдера являются взаимозаменяемыми
12. Как вы можете сделать свою домашнюю страницу значимой без слайдера?
13. Когда использование слайдеров может быть полезным
14. ВЫВОД: Каждый сайт - это слайдер

За десять лет они стали неотъемлемой частью Интернета: слайдер домашней страницы. Многочисленные исследования показывают: анимированные слайдеры обычно игнорируются пользователями. Пришло время попрощаться с этим старомодным трюком.

Этот пост впервые появился в Повышение веб-сайта # сорок пятой

Рисунок 1 В этом банке клиент сам должен проявить инициативу, чтобы выяснить, о чем идет речь. Рисунок 2 На что это может быть похоже на этом сайте? Пользователь здесь совсем в неведении. Рисунок 3 «Подробнее о теме». Просто спросите: к чему?

Слайдер: Ловцы цифровой эпохи

Представьте себе следующую сцену: вы входите в магазин, и пять продавцов устремляются к вам одновременно. Первый говорит: «Специальное предложение сегодня, бей сейчас!» И убегает. Затем приходит второй: «Посмотрите на наши рубашки. Отличный выбор для дам и джентльменов во всех цветах! ». И уходи. Третий: «Мы устойчивая компания и уважаем окружающую среду». Из номера четыре: «Начните свою карьеру в нашей компании сейчас. Узнайте больше! »И так далее, и тому подобное.
Что бы сделал клиент такого бизнеса? Правильно, он взял бы свои ноги в руку и посмотрел бы вне досягаемости. Тем не менее, именно эта странная сцена происходит в Интернете миллионы раз в день.

Однако продавцы называются слайдерами или каруселями и хотят, чтобы пользователь щелкнул, купил или сделал что-нибудь. С большими изображениями, которые автоматически поворачиваются каждые несколько секунд, каждое с коротким заголовком и кнопкой, например, «Узнать больше», пользователь должен быть «поднят» с главной страницы. Но чтобы узнать больше, нужно было бы сначала заинтересоваться. И как компетентный продавец вы можете сначала спросить себя: «Здравствуйте, чем я могу вам помочь?» И ответить на потребности клиента.

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

Как ползунки покорили интернет

Примерно в 2007 году анимированные элементы слайдера неожиданно появились повсюду в Интернете. Более высокая пропускная способность и новые разработки, такие как JQuery, упростили реализацию сложных анимированных графических объектов в Интернете. И поэтому все больше и больше креативных веб-дизайнеров строят на больших слайдерах, которые эффективно вращаются на стартовой странице. В начале эти элементы привлекали внимание. До тех пор сеть была огромной статичной текстовой пустыней, наконец, она была также красочной и сексуальной! Многие компании были в восторге от новых творческих возможностей сделать свой контент визуально привлекательным. Поэтому все больше и больше компаний начали размещать слайдеры на своей домашней странице.

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

Почему ползунки не могут работать

Еще в 2012 году Нильсен Норман Групп возглавлял в Великобритании исследование показывая, что большие элементы слайдера игнорируются пользователями, а также контент в правом столбце или рекламные баннеры. Бетон был испытан поведение пользователей на домашней странице Siemens, где был купон на скидку стоимостью 100 фунтов стерлингов на покупку стиральной машины. Эксперты по пользовательскому опыту нашли три основные причины, по которым размещенный на видном месте слайдер был едва замечен и вызван таким большим количеством пользователей:

Рисунок 4: Реклама или контент? Пользователи проигнорировали это предложение от Siemens.

1. Слайдер выглядел как баннер. А баннеры теперь привычно скрыты пользователями («слепота баннера»).

2. Содержимое слайдера читается в этом случае как специальное предложение. А также дал ему чисто рекламную цель. Однако пользователи, которые ищут что-то в сети, не чувствуют интереса к навязчивой рекламе и ищут надежную информацию.

3. Содержимое элементов ползунка вращается слишком быстро. Пользователи сказали, что у них было мало времени, чтобы прочитать и понять содержание.

Американский университет Нотр-Дам привел в 2013 году исследование и разместил большой слайдер на нескольких разных сайтах с разными ориентациями и целевыми группами. Результаты расследования были шокирующими: только 1–2 процента всех пользователей нажали на слайдер домашней страницы. Из них 84 процента просто нажали на первый элемент. Четыре других содержимого слайдера были почти полностью проигнорированы. Чем меньше элементов содержит слайдер, тем больше других элементов воспринимается. Хотя результаты немного различаются от сайта к сайту, суть остается ясной и достаточно четкой на всех исследованных страницах: пользователи не любят ползунки и не используют их.

Рисунок 5 Показатели кликов ползунков с пятью элементами (Источник: www.ND.edu)

Институт маркетинга США MWI Наконец, протестируйте образец и изучите 30 сайтов B2B. 18 из них использовали вращающиеся элементы слайдера на своей домашней странице. Очевидно, что на всех веб-сайтах, которые использовали Slider, обнаружены многочисленные ошибки и проблемы, такие как медленное время загрузки, неправильно установленные теги или поверхностный, неинтересный контент. Видимо, использование слайдеров также соответствует отсутствие опыта в поисковой оптимизации , Показатели кликов для элементов слайдера в этом исследовании были значительно ниже 1 процента и даже имели тенденцию быть близкими к 0, если рекламировались отдельные продукты или услуги. И это, хотя эти элементы почти все пространство "над сгибом" для себя и действительно актуальный контент из сразу видимой области подавлены.

Трезвый вывод о расследовании: не только автоматически вращающиеся слайдеры оказывают негативное влияние на производительность веб-сайта, но и крупномасштабные изображения без значения и цели, за исключением одного, «aufhübschen» веб-сайта.

«Контент продается, изображения нет.» (Харрисон Джонс, MWI)

Причины, которые говорят сегодня против использования слайдера на главной странице:

1. Слайдер замедляет работу сайта

Хотя мог в нескольких исследованиях пока что невозможно доказать прямую связь между временем загрузки и рейтингом Google, но длительное время загрузки ухудшает, по крайней мере, взаимодействие с пользователем и, таким образом, увеличивает показатель отказов. Ползунок, который должен загрузить несколько больших изображений (которые пользователь обычно даже не видит) занимает много времени загрузки по сравнению с изображением или даже простым текстом.

2. Ползунки не дают ориентации и игнорируются

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

Рисунок 6 Пользователи сначала нажимают на меню, а затем на категории под ползунком ( источник )

3. Слайдер не подходит для смартфонов

Слайдеры восходят к эпохе настольных компьютеров, когда пользователи Интернета сидели перед большим 15-дюймовым экраном с клавиатурой. Сегодня использует подавляющее большинство Все пользователи интернет на небольших мобильных устройствах. А на смартфонах ползунки еще более раздражают, чем на настольных мониторах или ноутбуках, наконец, места гораздо меньше. Слайдеры часто реализуются в виде горизонтального элемента смахивания на мобильном устройстве, что означает, что слайд-шоу можно сдвинуть влево или вправо большим или указательным пальцем. Но для большинства пользователей это довольно неопытный способ навигации. Как пользователь Facebook, Google или Amazon, вы привыкли просто прокручивать сайты, а не вправо или влево.

4. Домашняя страница Слайдеры начинаются с пассивного пользователя

Представление о том, что пользователь Интернета сидит перед своим экраном, мирно наблюдая за тем, как элемент Slider служит темам, немного отличается. Домашняя страница не фильм; Пользователь обычно нетерпелив и хочет быстро найти то, что он ищет. Если он не найдет это сразу, он будет искать в другом месте. У провайдера есть только доля секунды, чтобы привлечь внимание пользователя и вызвать интерес. Слайдер занимает слишком много времени для этого.

5. Слайдеры отнимают слишком много места

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

6. Содержание слайдера часто является рекламным или избыточным

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

Рисунок 7 Deutsche Bank требует повышенного интереса своих клиентов к пиар-акции на своей домашней странице.

7. Фотографии слайдера являются взаимозаменяемыми

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

Рисунок 8 Реклама или навигация? Этот слайдер является полностью взаимозаменяемым и чисто рекламным.

Поэтому важно заранее продумать, как и кем используется веб-сайт, чтобы выяснить, как оптимально оформить домашнюю страницу. Те, кто не может позволить себе дорогие A / B-тесты, должны хотя бы наблюдать, как несколько человек из соответствующей целевой группы используют домашнюю страницу, и своими глазами наблюдать, как они на самом деле используют сайт, какие у них есть вопросы и комментарии. Даже несколько таких тестов могут впечатляюще продемонстрировать свою собственную слепоту и полностью отбросить все предыдущие предположения. Любой, кто хочет участвовать в конкурентных веб-страницах (вместо того, чтобы вносить позитивные изменения), должен, по крайней мере, делать это на сайтах, которые используют трафик и клики и для которых важно добиться хороших показателей кликов. Это касается страниц, поддерживаемых рекламой. Эти страницы просто не могут позволить себе высокопроизводительные элементы на стартовой странице. Так что неудивительно, что из топ-10 ни одного вращающиеся слайдерные вставки.

Все еще не уверены, что Slider и даже Hero Hero (изображения по всей области на главной странице над сгибом) уже устарели? Тогда это видео должно развеять последние сомнения.

Как вы можете сделать свою домашнюю страницу значимой без слайдера?

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

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

1. Большой заголовок

Рисунок 9 Агентство Integer8t ставит свой USP на первый план.

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

2. Поле ввода

Рисунок 10 www.heizungsfinder.de сначала спрашивает своих пользователей об их месте жительства, чтобы иметь возможность отобразить подходящие предложения.

Продемонстрируйте близость пользователя и задайте простой вопрос. После этого можно показать пользователям абсолютно правильное содержание. Вещи, которые можно запросить - в зависимости от предложения - касаются, например, возраста, пола, места, происхождения, интересов, положения, интересов (фильмы, музыка, спорт, ...), семейного положения, образования и т. Д.

3. Меню выбора

Рисунок 11 Простой и эффективный: www.peek-cloppenburg.de спрашивает своих пользователей о том, что они ищут, вместо того, чтобы рекламировать отдельные продукты, которые представляют интерес лишь для небольшого меньшинства.

Домашняя страница Слайдеры навязчивы и не оставляют пользователю выбора. Вместо этого сделайте раскрывающееся меню основным элементом главной страницы, особенно если страница содержит много контента и предназначена для разных аудиторий (в данном случае: мужчин, женщин и детей).

Рисунок 12 На домашней странице IFA представлены различные входные двери для разных целевых групп. Больше ничего.

4. Видео о продукте

Рисунок 13 LayBag объясняет свой продукт на стартовой странице в коротком видеоролике, снятом на смартфон.

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

5-я комбинация текста и текста

Рисунок 14 Краткий текст, изображение и призыв к действию. Готово - домашняя страница в Lexoffice.

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

Когда использование слайдеров может быть полезным

Конечно, строго запрещается использовать элементы слайдера. Apple, компания, которая когда-то сделала слайдер популярным, все еще использует его. И иногда есть даже хорошие аргументы, которые говорят за слайдер. Тем не менее, использование этих элементов должно быть хорошо обосновано в каждом отдельном случае и должно быть проверено A / B. И наглядно предложить пользователю добавленную стоимость.

Использование ползунков рекомендуется для следующих целей:
• Фотографии продукта: если пользователь уже заинтересован в продукте (см. Apple), карусель с фотографиями продукта может быть правильным инструментом для демонстрации продукта со всех сторон и в разных размерах.
• Картинная галерея или портфолио: см. Выше. Еще раз, вы должны начать с пользователя, который уже сильно заинтересован в контенте, продуктах или услугах и активно нажал на опцию, чтобы увидеть больше деталей.

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

ВЫВОД: Каждый сайт - это слайдер

Рисунок 15 Сайт - это слайдер, но вертикальный. ( источник )

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

Diplom-Kommunikationwirt Удо Рааф, консультант по контент-маркетингу в Берлине, специализируется на контент-стратегии и SEO. Он является основателем и владельцем крупнейшего немецкоязычного музыкального блога. Tonspion ,

Похожие

Комментарии