Как юзабилити влияет на конверсию сайта?

Если сайт — это представительство компании в интернете, то целевым действием может быть подписка на рассылку компании или звонок.

Если сайт — это интернет-магазин, то целевым действием будет заказ товара или звонок.

Если сайт информационный, то целевым действием будет прочтение определенного количества страниц или подписка на что?.

Значит, для каждого типа сайта, нужно свое внутреннее устройство, нужна своя продуманная навигация.

Сегодня я отвечу на вопросы:

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

Эксперт в области поискового продвижения Валентина Горбенко

Как юзабилити влияет на конверсию сайта?

Для начала вспомним терминологию.

Юзабилити — это такое устройство сайта, которое для посетителей, является простым и понятным.

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

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

1. Чем лучше устроен сайт, тем чаще пользователи выполняют полезные для бизнеса действия.
2. Поисковая система «Яндекс» умеет учитывать юзабилити сайта. Делает она, правда, это косвенно. Поисковый робот смотрит, чтобы посетителям сайта не мешала реклама и чтобы посетители быстро не уходили с сайта.

Следовательно, если ваш сайт будет иметь хорошее юзабилити, то и для «Яндекса» ваш сайт будет хорошим, и конверсия будет высокой.

Цифры

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

Если конверсия вашего сайта в данный момент равна 2%, то увеличение всего на 1%, даст рост полезных действий на 50%.

Такие же результаты вы получите, если увеличите рекламный бюджет на 50%.

Например, сейчас ваш сайт ежедневно посещает 1000 человек. Из них 2% — 20 человек покупают товар, приносят вам тем самым прибыль в 40 000 рублей.

На рекламу вы тратите 5000 рублей ежедневно.

Если вы улучшите конверсию сайта всего на 1%, то количество покупателей вырастет до 30 человек ежедневно. Ваша прибыль составит 60 000 рублей. Затраты на рекламу останутся прежними.

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

Понимаете, в чем «соль»?

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

Заниматься улучшением качества сайта дешевле и подчас эффективнее.

Здесь нужно ввести еще два определения.

Что такое целевая страница (посадочная страница)?

Это та страница, на которую посетитель попадает с рекламного материала или из поисковика.

В идеале она должна показывать пользователю такое предложение, от которого тот не смог бы отказаться.

Что такое навигация?

Навигация сайта — это система ориентирования на сайте. Чем она проще и понятнее, тем лучше.

Идеальные целевые страницы для каждого вида сайтов

Интернет-магазин

Человек, который ввел в поисковике фразу «купить ХХХ», должен сразу попасть на карточку товара ХХХ.

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

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

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

Например, магазин цветов 1800flowers.com, имеет конверсию в 25,2%!

С чем ее связывают создатели сайта?

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

1. Форма заказа находится прямо на карточке товара.
2. Дополнительные поля появляются по мере заполнения.
3. Возможность покупки без регистрации на сайте
4. Качественный дизайн сайта
5. Простое понятное описание
6. Качественные фотографии букетов
7. Исчерпывающее описание доставки

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

Сайт — представительство компании в интернете

Замечательный пример продуманного юзабилити сайта, демонстрирует сайт «Альфа-банка».

Для примера разберем страницу «Кредит наличными»

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

Информационный сайт

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

Когда заходишь на сайт http://slon.ru/ невозможно остановиться. Хочется читать, читать и еще раз читать.

Чем это вызвано?

Опять же продуманным юзабилити:

• Яркие заголовки, написанные крупными буквами;
• Грамотное использование типографики и цвета;
• Картинки, цепляющие глаз.
• Прямо над «линией сгиба» (местом, где заканчивается экран) написаны цепляющие заголовки и даны картинки. Этот прием заставляет пользователя прокручивать страницу вниз.
• Простая интуитивно понятная разметка сайта, дает возможность быстро сориентироваться и найти интересную для пользователя информацию.

Подведем итоги

Каким критериям должны отвечать целевые страницы сайта?

Целевая страница должна мотивировать посетителя совершать нужное нам действие.

Чтобы это произошло, страница должна отвечать нескольким критериям:

• Вызывать доверие;
• Давать полезную информацию;
• Быть простой (не перегруженной)

Должна содержать:

• Элементы, притягивающие внимание;
• Элементы, призывающие к действию
• Элементы, которые помогут постоянно поддерживать контакт с пользователями.

Доверие

Ни один человек не останется на сайте, если он не будет доверять ему.

Элементы, которые заставляют покинуть сайт:

• Реклама. В особенности, Pop-up, движущаяся и не тематическая реклама.
• Вирусы. Предупреждение об опасности заставляет закрыть страницу в первые секунды.
• Некачественные фотографии. Для демонстрации товара используйте фотографии высокого качества.
• Низкое качество дизайна. Если ваш ресурс коммерческий, то уделять внимание эстетичности нужно обязательно.
• Музыка и звуки. Большинство пользователей, как только начинают слышать посторонние звуки, закрывают окно браузера. Запомните это.
• Не информативные тексты. Если тексты, расположенные на сайте, не несут никакой полезной информации, то пользователь закроет страницу.
• Сомнительные ссылки. Люди не любят, когда их заставляют переходить на сторонние ресурсы.
• Длительная загрузка сайта. В век быстрого интернета, сайт должен «летать».

Элементы, вызывающие доверие:

• Номер телефона и адрес организации, расположенные в поле зрения человека.
• Качественный дизайн.
• Ссылки на представительства в социальных сетях.
• Отзывы о продукции.
• Обратная связь

Полезность

Попадая на страницу сайта, пользователь с первых секунд должен находить ответ на свой запрос. Если он не видит ответ, то покидает ресурс.

Так вы теряете потенциального клиента и потенциальную прибыль.

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

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

Простота

Страница сайта должна быть простой. Посетитель должен четко понимать, что ему нужно сделать, чтобы получить желаемое.

Удобную структуру сайта называют продуманной навигацией.

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

Проектируя юзабилити, не изобретайте велосипед. Упрощайте, упрощайте и еще раз упрощайте.

Элементы, привлекающие внимание

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

• Заголовки
• Картинки
• Формы регистрации
• Кнопки

Элементы, побуждающие к действию

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

Например, конверсия кнопки «получи бонус» выше, чем у кнопки, на которой просто написано «бонус».

Элементы, позволяющие постоянно поддерживать контакт с пользователями

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

Как собрать контакты пользователей?

Нужно опубликовать на сайте форму, позволяющую собирать контактную информацию. Это может быть:

• Форма для e-mail рассылки,
• Форма обратной связи,
• Форма «отправить комментарий»
• Форма «подать заявку»

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

• Просите заполнить только те поля, которые необходимы вам для оказания услуги.
• Часто достаточно двух полей: имени и e-mail. Или имени и номера телефона.
• Если поля обязательны к заполнению, пометьте их.
• На кнопке отправки, напишите действие, которое он собирается выполнить.

Например, под формой подписки можно написать «ОК», а можно «получать информацию о скидках» или «оставить заявку»

Если человек оставил свои данные, вас можно поздравить. У вас появился еще один потенциальный клиент.

Самое главное

Тестируйте. Тестируйте. И еще раз тестируйте!

Изменяйте заголовки и тексты, расположение графических объектов, добавляйте формы обратной связи и смотрите, как это влияет на поведение посетителей на сайте и на конверсию.