У компании есть интернет-магазин. Казалось бы, все отлично: привлекательный дизайн, разнообразие товаров, достаточно трафика с рекламы и SEO… Но пользователи уходят со страниц с первых секунд — продаж нет. Что делать? Поработать над юзабилити.
Ведущий спикер Webcom Academy Алексей Кайзер, Product Owner в Kaisser Project, в своем недавнем вебинаре раскрыл секреты эффективного юзабилити — спешим поделиться ими с вами.
Юзабилити — история про прибыль
Сайт должен продавать. Точка. Каким бы ни был объемным трафик, он не принесет результата, если веб-ресурс не способен решать задачи клиента. Высокая конкуренция в бизнесе повышает стоимость рекламного клика в разы — крайне важно удерживать каждого привлеченного пользователя и получать конверсии.
Если сайт удобен и функционал соответствует пожеланиям аудитории, его посетители охотнее выполнят целевое действие — продажи начнут расти. Сколько примеров, когда самые незначительные изменения на ресурсе приводили к увеличению конверсий до 50%. Без лишних затрат и новых рекламных кампаний.
Поэтому юзабилити — история не про дизайн, а про прибыль.
Когда юзабилити начинает работу?
Не с момента открытия страницы — гораздо раньше.
Человек приходит на сайт уже подготовленным. С осознанной «болью» — проблемой, которую он надеется решить с вашей помощью. Он может найти веб-ресурс двумя путями — через:
- поиск — вводя определенный запрос в Google и Яндекс;
- рекламу — кликнув по объявлению.
И ожидания пользователя, а также контекст, с которым он подошел к точке входа на сайт, должны совпадать с содержимым страницы.
Приведем пример. Человек хочет отремонтировать квартиру. В Google он вводит запрос «ремонт цена за 1 кв. метр», переходит на веб-ресурс, а там не стоимость работ, а «солидный опыт фирмы». Контент не соответствует ожиданиям — посетитель уходит.
А как быть с главной? Ее не подстроить под конкретное пожелание клиента — важна удобная навигация. Сможет ли человек быстро соориентироваться и найти то, что ищет? Вопрос, который решаем здесь в первую очередь.
Человек зашел на сайт — что дальше?
Самая «химия» происходит практически сразу. Первые секунды — от 3 до 10 — человек оценивает сайт и понимает, подходит ли он ему.
Поэтому владельцу сайта необходимо знать основы копирайтинга и дизайна, чтобы создавать интересный контент с грамотными формулировками, разрабатывать страницы с гармоничным сочетанием цветов и графики, а также правильно подавать ключевой оффер.
7 золотых правил интерфейса, который продает
Как сделать так, чтобы первые секунды общения с сайтом не стали последними? Здесь помогут 7 золотых правил интерфейса, который продает.
Разберем каждое подробнее.
Пользователь должен четко понимать, где оказался, уже в течение 1-3 секунд после перехода по ссылке. Если человек не может разобраться, что это за сайт, что ему предлагают и как оно поможет ему, он уйдет с 3 секунды.
Почему именно 3 секунды? Сейчас в браузере открывают в среднем 5-7 страниц — у пользователя есть выбор. И если один сайт не отвечает запросу, он перейдет к следующему.
Следовательно, мы должны вести на максимально готовую страницу с четким оффером и конкретикой в текстах.
Наше предложение подходит человеку? Отлично! Теперь важно, чтобы страница подсказывала ему, что нужно делать. Должно быть ясно, куда нажимать и что произойдет после.
Если же понимания нет, пользователь теряется, хаотично скроллит и откладывает решение.
Грамотный интерфейс не заставляет выбирать путь — он помогает сразу его найти.
Расставьте приоритеты на сайте. Ключевые моменты должны быть выделены. Человек прочтет внимательно только 25% контента — по остальному лишь пробежится взглядом.
Сделайте акцент на основном оффере, подсветите действия call-to-action и устраните визуальный шум. Выделите главное — уберите второстепенное.
Помните: если нет акцента на ключевых моментах, конверсии падают.
Проще говоря, максимально удобный.
Согласно закону Миллера, человек может удерживать в голове ограниченное количество предметов — примерно 5-9. И чем больше вы показываете, тем меньше пользователь понимает.
Концентрировать внимание следует максимум на 3 блоках — они и будут основными.
Если же объектов много, их следует как-то распределять: расставлять приоритеты цветом, использовать разные акценты.
Также избегайте:
- сложных формулировок,
- перегруженных экранов,
- лишних вариантов выбора,
- непонятных подписей кнопок,
- длинных форм.
Меньше когнитивная нагрузка на пользователей — больше продаж.
Купить/заказать — шаг непростой. Человек взвешивает все «за» и «против», оценивает компанию, предлагающую ему товар или услугу. И важно, чтобы сайт выглядел профессионально и вызывал ощущение стабильности.
Доверие формируется, когда пользователь понимает ваше предложение, убежден в надежности бренда и знает, что произойдет после покупки.
Погасить сомнения поможет сайт. Его интерфейс должен подсвечивать блоки, доказывающие вашу компетентность и качество продукта: кейсы с цифрами, отзывы, гарантии — все, что подтверждает вашу силу.
Избавьте клиента от лишних, необоснованных шагов — уберите с сайта:
-
длинные формы и ненужные экраны,
-
обязательную регистрацию,
-
сложные элементы в заказе и навигации.
Идеальный порог входа на сайт — бесшовный. Пользователь зашел на страницу и сразу решает свой вопрос, не задумываясь о лишних действиях.
То, о чем мы говорили ранее. Если страница не соответствует ожиданиям посетителя сайта, он покинет ее еще до того, как успеет оценить оригинальный дизайн и преимущества оффера.
Почему люди уходят, так и не купив? Барьеры для конверсий
Конверсия проседает, когда есть недопонимание, сомнения и страхи, отсутствие мотивации, лишние действия и перегруженность информацией. Есть барьеры — нет продаж.
Определить их довольно просто — составьте список вопросов:
- Понимаю ли я за 3 секунды, что происходит на посадочной странице?
- Легко ли читается контент?
- Есть ли у него структура?
- Ясно ли, что является главным?
- Понимаю ли я, куда идти дальше?
- Легко ли сделать следующий шаг?
- Есть ли конкретика в оффере?
- Понятно ли, что получу в итоге?
- Есть ли причины верить?
Будьте максимально объективны.
Где-то ответили «Нет»? Вы нашли барьер, который нужно устранить.
Инструменты для оценки юзабилити
Посмотреть на сайт глазами клиента поможет Вебвизор от Яндекса. Он показывает запись сессии пользователя и позволяет увидеть, где тот теряется, на каком экране уходит, что нажимает, до какой точки скроллит и иные действия.
С Картой кликов Яндекса вы поймете, что привлекает внимание, что игнорируется, а что воспринимается как кнопка, но таковой не является.
И, конечно же, аналитика. С ее помощью вы оцените воронку продаж — сколько человек:
- Посетило сайт.
- Дошло до оффера.
- Купило.
По итогу выделите этапы, где люди уходят/не совершают целевого действия, и сможете проработать их для повышения конверсий.
Юзабилити-аудит без бюджета: пошаговая инструкция
Для оценки удобства сайта для пользователей необязательно привлекать сторонних специалистов — ее можно провести самому и без лишних затрат.
Детальная инструкция от Алексея Кайзера позволит вам найти сильные и слабые стороны веб-ресурса. Она включает 3 блока:
- Эвристический чек-лист Нильсена.
- Чек-лист мобильной версии.
- Мини-юзабилити-тест.
А узнать больше тонкостей продвижения сайтов вы сможете на курсе Webcom Academy «Интернет-маркетинг: продвижение бизнеса в интернете». Ближайший набор: 9 июня. Встретимся на занятиях!
