6 Способов достичь «ясности» лендинга и повысить конверсию

Posted on by riasevastopol

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

А вот сотрудник клиентской помощи именно научен давать весьма четкие и ясные рекомендации, каковые будут понятны любому.

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

  • Нужная и достаточная детализация как инструмент увеличения конверсии лендинга

Что такое принцип ясности (Clarity)?

Данный термин, например, систематично применяет маркетолог Пип Лайя (Peep Laja) и другие авторы авторитетного блога ConversionXL в рамках дискуссии эвристического анализа сайта.

Эвристический анализ фокусируется на нескольких качествах:

  • Ясность — достаточно ли четко и светло визитёру разъясняется, что предлагает компания и как это трудится.
  • Релевантность (соответствие) — соответствует ли содержание страницы тому, что пользователь ожидал заметить.
  • Стимулирование действия — действенны ли призывы к действию на странице (достаточно ли они ясны, убедительны и своевременны).
  • Узкие места — что может отпугнуть либо отвлечь визитёра от предстоящего просмотра.
  • Этап приобретения — выстроены ли действия визитёра на сайте так, дабы приближать его к приобретению.

6 Способов достичь «ясности» лендинга и повысить конверсиюpЭкспертами Marketing Experiments кроме того была выведена формула конверсии, учитывающая параметр ясности:

С = 4m +3v + 2(i — f) — 2a, где

С — уровень конверсии,
м — мотивация потребителя (в то время, когда),
v — ясность ценностного предложения (из-за чего),
i — стимулы к действию,
f — элементы, напротив, тормозящие пользователя,
а — тревожность визитёра, которая связана с необходимостью показывать личную данные.

Итак, ясность — это не просто эпитет, а в полной мере конкретная черта контента и дизайна, воздействующая на эффективность ресурса. Сейчас разберемся, как с ней трудиться, дабы повысить конверсию.

  • Из-за чего ужасные лендинги по большому счету конвертируют трафик?

Как оценивать уровень ясности?

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

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

  • Все ли в порядке с визуальной иерархией? Оказалось ли сфокусировать внимание визитёра на действиях и ключевых элементах?
  • Не завлекают ли второстепенные элементы через чур много внимания?
  • Достаточно ли на сайте «воздуха», свободного пространства, дабы разграничить смысловые блоки контента и выделить самое серьёзное?
  • Употребляются ли зрительные эффекты, усиливающие контент?
  • Выделены ли призывы к действию?
  • Как организовано распределение контента в территориях выше и ниже «линии сгиба»? Разумеется ли для визитёра, что ниже сгиба также имеется ответственная информация?
  • Контент на странице представляет собой целостное логичное повествование? Нет ли в нем разрывов, на которых читатель может прервать просмотр страницы?
  • Как читабельные шрифты использованы?
  • Как по большому счету страница удобна для визуального восприятия?

2. Для оценки ясности содержания страницы Пип предлагает второй перечень вопросов:

  • Где я? О чем эта страница?
  • Что я могу тут сделать?
  • Как это полезно для меня? Из-за чего я обязан это делать?
  • Могу ли я разобраться, что за продукт/услуга тут описывается, и как она трудится (за разумное время)?
  • Имеется ли для этого вспомогательные материалы (иллюстрации, видео)?
  • Предоставленная информация о продукте достаточна для принятия ответа?
  • Вся ли серьёзная информация изложена достаточно светло и конкретно (ценообразование, доставка, гарантия, политика возврата и т.д.)?
  • Ясно ли, что мне делать дальше?

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

Чем большей ясности вы добились от контента и дизайна собственного сайта — тем больше визитёр сможет поведать кроме того по окончании пятисекундного просмотра.

Пользователям должно хватать 5 секунд изучения вашей страницы, чтобы выяснить, о чем она

Твитнуть цитату

Маленькой пример от Brickflow, сервиса, что разрешает скоро делиться через Tumblr любым визуальным контентом — изображениями, маленькими видеороликами, GIF-файлами.

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

Энджи Шотмюллер (Angie Schottmuller), специалист по маркетинговому продвижению, рекомендует таковой перечень вопросов для 5-секундного теста:

  • Что это за компания?
  • Что они предлагают?
  • Заслуживают ли они доверия? (Из-за чего я обязан выбрать как раз их?)
  • Что они от меня желают? (Какой призыв к действию содержит страница?)
  • Что такое блинк-тест, либо 11 советов по повышению конверсии

На какой уровень ясности необходимо ориентироваться?

В соответствии с изучениям Джейкоба Нильсена (Jacob Nielsen) из Микрософт Research, первые 10 секунд, каковые визитёр проводит на вашем сайте, являются критическими. В это время возможность того, что он покинет сайт, довольно большая.

В случае если страница заинтересовала визитёра в первые 10 секунд, он, в большинстве случаев, задерживается на ней, дабы изучить ее подробнее — еще приблизительно на 20 секунд. Но и в это время возможность, что он закроет страницу, так же, как и прежде велика. Но в случае если пользователь останется на сайте и по окончании первых 30 секунд — вероятнее, он пробудет на ней достаточно продолжительно, от 2 мин. и более.

Так, очень принципиально важно, дабы в течение первых 10 секунд визитёр отыскал ответы на 4 главных вопроса Энджи Шопмюллер, вышеупомянутых.

Более детально об этом говорит Золтан Коллин (Zoltan Kollin) из UX Mith:

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

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

Наряду с этим необходимо понимать, что ясность не обязательно свидетельствует упрощение. Довольно часто, через чур упрости страницу, возможно достигнуть противоположного результата. Джулия Чжоу (Julie Zhuo), дизайн-директор Facebook, говорит, что сейчас это одна из самых распространенных неточностей веб-дизайна — фокусироваться на простоте и стиле в ущерб ясности.

  • У вас имеется ровно 20 секунд, дабы произвести чувство и преобразовать визитёра!

Нехороший пример: Apprenda

Посмотрите на данный сайт и попытайтесь скоро ответить на четырех главных вопроса:

1. Что это за компания? ОК, Apprenda. Логотип в левом верхнем углу, достаточно светло растолковывает это.
2. Что они предлагают? Некое ПО под сокращением PaaS. Не совсем ясно, что это, если вы не ИТ-эксперт либо разработчик.
3. Из-за чего вы должны выбрать как раз их? Из-за слогана «Самый надежный в мире»? Кто-то еще верит подобным слоганам?
4. Чего от меня желают, где призыв к действию? Эм Ну, быть может, создатели сайта вычисляют призывом к действию подсвеченный пункт «Контакты» на верхней навигационной панели.

Стоп, дополнительные CTA-кнопки все-таки имеется, но появляются они лишь при наведении курсора на соответствующую область экрана. В то время, когда курсор в центре страницы, появляется кнопка «Я IT-эксперт», слева — «Я разработчик», справа «Я начальник».

Уже кое-что, не смотря на то, что в целом уровень ясности не радует

Хороший пример: Optimizely

Те же четыре вопроса — для сайта Optimizely:

1. Что это за компания? Optimizely. Вопросов нет.
2. Что они предлагают? Единую эргономичную платформу для тестирования, персонализации и мобильных приложений и оптимизации сайтов.
3. Из-за чего им стоит доверять? Сам дизайн сайта уже соответствует заявленному принципу простоты и удобства — ничего лишнего. А в верхней навигационной панели выделе отдельный пункт «Отечественные клиенты» — имеется шанс как минимум взглянуть, кто пользуется этим сервисом, быть может, и встретиться с ними отзывы.
4. Чего от меня ожидают? Несложный и понятный призыв к действию: дабы попытаться продукт, введите адрес электронной почты.

Намного лучше, правильно? Вот он, тот уровень доходчивости, к которому стоит стремиться.

  • Эффект «доступность восприятия», либо Из-за чего простота реализовывает

Как сделать дизайн лендинга более ясным?

Ясность дизайна ответственна не только с позиций визуального восприятия, но и для понимания вашего ценностного предложения.

Вот что говорит по этому поводу Джаред Спулл (Jared Spool) из User Interface EngineeringCenter Centre:

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

Но в то время, когда он настроен идеально — мы концентрируемся на более серьёзных вещах».

В то время, когда дизайн сделан прекрасно, мы легко его не подмечаем. Но в то время, когда он нехорош — это сходу кидается в глаза

Твитнуть цитату

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

1. Пространство

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

Посмотрите на эти два варианта иллюстрации. Какая из них вам думается более убедительной?

Наряду с этим не все знают сокровище безлюдного пространства. Nielsen Norman Group совершили изучение, в котором изучили 112 минималистичных сайтов. Лишь 84% из отобранных страниц применяли «воздушное пространство» в дизайне.

Что уж сказать об простых сайтах.

2. Содержательные образы

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

Что тут возможно предположить? "Наверное," это какое-то мобильное приложение Точно не бизнес-продукт — женщина на фото изображена в расслабленной обстановке…

ОК, сейчас верный ответ. Это сайт Samba TV — аналитической компании, специализирующейся на телевизионном вещании. Она собирает данные о зрителей, которая после этого употребляется рекламодателями и телекомпаниями.

Еще один пример:

Совершенно верно что-то связанное с детьми. Что-то более конкретное сообщить нереально. В действительности, это сайт Leo Health, медицинской клиники, специализирующейся на новых разработках.

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

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

  • Баланс контента и дизайна: формула высокой конверсии лендинг-пейдж

3. Визуальная иерархия

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

К примеру, какой элемент на данной картине занимает главное место в визуальной иерархии?

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

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

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

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

  • применение принципов и Визуальное восприятие гештальта в веб-дизайне

Пример: Woopra

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

В верхней навигационной панели пункт «AppConnect» выделен среди остальных красным маркером «New».

  • Правила дизайна: композиционное равновесие, симметрия и ассиметрия

Как сделать более ясным контент?

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

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

1. Грамматическая структура

Хо Лорейнджер (Hoa Loranger) из Norman Nielsen Group по этому поводу высказал пара серьёзных тезисов:

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

2. Печатный контент представляет собой единый объект (брошюра, листовка и т.д.), в качестве навигации применяющий разве что перелистывание страниц. Но веб-контент, в большинстве случаев, распределен по нескольким источникам. Это организовало соответствующую модель поведения у веб-пользователей — они не настроены просматривать много текста на одной странице, и без того и норовят переключиться на следующую.

Особенно это актуально для мобильных предположений сайтов.

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

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

2. Будьте последовательны

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

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

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

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

3. Рассказываете на языке вашего клиента

Джоанна Вибе (Joanna Wiebe) растолковывает, как принципиально важно сказать на одном языке с целевой аудиторией:

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

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

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

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

  • 13 научно обоснованных способов улучшить контент и дизайн вашего лендинга

Выводы

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

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

1. Применяйте безлюдное пространство, дабы привлечь интерес пользователей к самые важным элементам на странице — таким, как ценностное предложение либо призыв к действию.
2. В качестве иллюстраций применяйте содержательные образы, каковые дополняют и усиливают чувство от текста.
3. Проработайте визуальную иерархию. Ваш логотип, призыв и ценностное предложение к действию должны пребывать на верхней ее ступени.
4. Выстраивайте грамматическую структуру контента так, дабы максимально расширить ясность и скорость чтения. Уменьшайте предложения, дробите громадные куски текста на пара частей.
5. Применяйте единый язык для всех ваших коммуникаций — начиная с заголовков и заканчивая надписями на кнопках.
6. Рассказываете на одном языке с вашим клиентом — применяйте ту же лексику, те же образы и аргументы, что и он.

Высоких вам конверсий!

По данным: conversionxl.com, image source demandaj

Случайные статьи:

Для активизации гипофиза \


Подборка похожих статей:

riasevastopol

More Posts