Конверсия юзабилити — как повысить конверсию сайта

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

Изучаем поведение посетителей

Улучшение юзабилити невозможно без тестирования и аналитики. На первом этапе вам нужно узнать, как ведут себя пользователи на сайте. Для этих задач разработано несколько сервисов, но для понимания общей картины достаточно проверить базовые показатели Яндекс.Метрики и Google Analytics. С помощью этих инструментов оцените:

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

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

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

Определяем, что хочет найти посетитель

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

Понять, чего хотят пользователи сайта, можно с помощью:

• внутренней статистики, отзывов, обратной связи от клиентов;
• результатов поведенческого анализа, а именно списка страниц, отсортированного по показателям эффективности;
• маркетинговых методик: анкетирования, фокус-групп, интервью.

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

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

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

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

Удачный пример – IKEA, в которую заходят за какой-нибудь мелочью, а выходят с полной корзиной. Маркетологи прорабатывают каждый ваш шаг, размечая площадку стрелками и помещая «очень нужные» продукты на определённых точках. Если переносить это на онлайн, ваша цель – создать такой же путь пользователя по ресурсу.

Какие элементы юзабилити влияют на целевые действия?

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

• ценностное предложение;
• призыв;
• графика;
• кнопки.

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

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

Советы по улучшению конверсии

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

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

Ускоряйте загрузку

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

Используйте спокойный фон

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

Упрощайте

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

Не давите на пользователя

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

Адаптируйте под мобильные устройства

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

Структурируйте контент

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

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

Закажи юзабилити-тестирование прямо сейчас

Заказать

Юзабилити ошибки и их влияние на конверсию сайта — Plerdy

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

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

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

Основные ошибки юзабилити

Отсутствие акцентов на заголовки

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

Длительное время загрузки страниц

Люди очень нетерпеливы, наверное, именно поэтому скорость загрузки сайта является одним из важнейших критериев его корректной работы. Казалось бы, что такое 2 секунды, но именно снижение скорости загрузки страницы на это время приводит к негативному отношению пользователей, соответственно снижению конверсии. Когда речь о трех секундах ожидания, то вы теряете около 40% пользователей.
Кроме того быстрый сайт понадобится и тем, кто хочет, чтобы Google ранжировал его страницы. Это значит, чтобы ваш бизнес попал в высшую лигу, необходимо позаботится о данном пункте.

Типографика и интервалы

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

Игнорирование проектирования на основе шаблонов чтения

Важно не только подобрать шрифты и интервалы, учитывая колористику, но и учесть то, как читает пользователь. Многие тесты показали, что большинство людей читают по F-образцу, который больше склоняется к левой стороне экрана. Согласно этому, большую часть своего внимания пользователи концентрируют на левой стороне страницы (около 70% времени).
При этом люди, которые читают справа на лево, концентрируют внимание с точностью до наоборот. Это значит, что люди обычно просматривают сайт относительно шаблонов чтения. Поэтому все важные элементы стоит сосредоточить слева.

Сложная и непонятная навигация

Хотите, чтобы пользователь навсегда покинул ваш веб-ресурс, тогда устройте ему квест с поиском нужной информации и кнопок. Навигация играет крайне важную роль, вы должны смотреть на сайт глазами будущего клиента.
Обратите внимание, что более 70% пользователей переходят по ссылкам, а не используют поиск по сайту. Обычно, поиск открывают только в случае, когда не могут найти необходимый продукт, услугу или информацию. Именно поэтому рассчитывать, что ваши посетители воспользуются поиском, пусть даже очень удобным, не стоит. Лучше убедитесь, что навигация настроена правильно, она ясна и интуитивно понятна. В ней должны содержаться кнопки для переходов к важным частям веб-сайта, но без переборов, чтобы пользователь не запутался. Не стоит использовать элементы, которые вводят пользователя в заблуждение (выделенные кнопки, работающие, как чекбоксы).
Существует также проблема с тупиками, когда на сайте нет подсказок или альтернативных предложений. Обычно, пользователи сразу покидают такой ресурс, а если даже и остаются, то долго странствуют в поисках решения, явно не желая всего наилучшего создателю сайта.

Слишком много текста и перебор с длинной страницы

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

Большое количество баннеров и анимации

Увы, но это проблема трети всех веб-ресурсов в сети. Тут речь идет не только о баннерах в чистом виде, но и о различных плашках «Акция», «Скидки», «Подпишись на наш канал» и т.д. Даже назойливое окошко с онлайн-консультациями, где ответа можно ждать около часа, а то и дольше – это то, что отпугивает пользователей.
Когда же речь об анимации, то тут главное правило – не перемудри. Конечно, красивая анимация украшает ресурс и привлекает внимание, но во всем должна быть мера, с чем часто грешат создатели веб-ресурсов. Увлечься и напихать всю страницу, пусть даже красивой, анимацией – это то же самое, что лично отказаться от большего процента клиентов.

Отсутствие оптимизации сайта под разные устройства

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

Нет четкого призыва к действию

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

Некачественный контент и изображения

Сайт, куда забросили низкосортные фото и «кривой» текст, можно сразу списывать со счетов. Невостребованный, неграмотный и непонятный контент – это прямая дорога к низкой конверсии, как и некачественная графика и изображения.
Решить эту проблему достаточно просто – используйте высококачественные картинки и займитесь оптимизацией графики под экраны с большим расширением. Если есть возможность, то наймите фотографа и сделайте съемку продукции, услуг. Это дорого, но очень быстро оправдывает себя.
Когда речь о контенте, то решение также просто – изучите свою ЦА, ее интересы, четко разрабатывая план публикаций, основываясь на данной информации. Не бойтесь разных типов контента, как видео, инфографики, фотоотчеты.

Плохо оформлена корзина и раздел оформление заказа

Можете быть уверенны, что даже, когда пользователь уже готов сделать покупку и добавил товар или услугу в корзину, он все еще может отказаться от сделки из-за плохой оптимизации разделов «Корзина» и «Оформление заказа». Им нужно уделить не меньше внимания, чем главное странице.
Что касается «Корзины», то, во-первых, четко отработайте все возможные вопросы и возражения. Во-вторых, не бойтесь добавлять инструмент cross-sell. Если вы аккуратно и ненавязчиво предложите клиенту дополнительные услуги или товары, то можете заметно улучшить конверсию. И в третьих, помните, о четком призыве к действию, о котором мы уже писали выше.
«Оформление заказа» также должно быть продумано до мелочей. Оптимизируйте форму заказа, проявите особую заботу о пользователе, в виде подпунктов, которые ему могут помочь («Не надо перезванивать мне», «Посылку получит …», «Подготовьте сдачу» и т.п.).

Слишком большой выбор

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

Отсутствие гарантий и отзывов

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

Пример юзабилити-аудита сайта

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

Версия для ПК

1. На главной странице https://vacuactivus.ru/ в поле Контакты стоит добавить флаги или названия стран, для которых прописаны телефоны. Кнопку связи следует выделить.
   
2. Здесь информация сложно воспринимается, следует использовать более контрастные цвета для контента.
   
   
3. Этот элемент следует сделать меньше, но более контрастным, чтобы он достаточно выделялся, не закрывая контент сайта.
   
4. При появлении поп-ап окна после нажатия на этот элемент, вместе с ним выделяются другие элементы, хотя они не активные во время показа поп-ап окна.
   
5. Текст слишком длинный для кнопки.
   
6. При неправильном введении запроса в Поиск, не подтягивает похожие запросы.
   
7. Все дополнительные материалы для просмотра должны открываться в новом окне. Например: https://vacuactivus.ru/allproducts/cryotherapy-chambers/nitrogen-tanks/
   
   Соответственно и в шапке сайта.
   
8. На странице товаров эту область нужно убрать, а кнопку удалить. https://vacuactivus.ru/allproducts/cryotherapy-chambers/cryotherapy-capsule-active-cryosauna/
   
9. На странице https://vacuactivus.ru/how-does-cryotherapy-works/ среди текста есть большое изображение с англоязычным текстом.
   
10. Нет изображения корзины в шапке сайта.
    
11. Нет кнопок изменение количества товара https://vacuactivus.ru/cart/.
    

Мобильная версия

1. На главной странице не видно текст https://vacuactivus.ru/.
   
2. На страницах значительную часть экрана занимают эти элементы. Нужно, или вообще убрать их (captcha), или, если они необходимы, то уменьшить их (обратный звонок).
   
3. На главной странице текст разного размера.
   
   
4. Область с меню и логотипом сайта должны быть зафиксированы при скролле.
   
5. Пункты меню должны быть ближе к кнопке открытия и закрытия меню.
   
6. Саму область меню стоит сократить — это поможет пользователям проще сориентироваться на сайте и понять его структуру. Также при клике на область без меню — оно закрывается.
   
7. Кнопки социальных сетей здесь без ссылок — при клике на них не происходит переход. Кроме этого стоит поправить кнопку поиска.
   
8. Блок с категориями следует разместить в начале страницы.
   https://vacuactivus.ru/allproducts
   
9. Нужно поправить верстку блока на странице Корзины https://vacuactivus.ru/cart/
   

Выводы

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

Юзабилити и конверсия сайта

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

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

Под термином юзабилити понимается удобство ресурса для пользователя. Если юзабилити хорошее, с большой вероятностью сайт понравится посетителям.

Что влияет на действия пользователей?

‍
Посетители двигаются к конверсии по определённому маршруту — воронке продаж.

Условно можно выделить 3 шага этого механизма: внимание, вовлечение, действие.

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

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

‍
Прорабатывая юзабилити, уделяйте внимание деталям. Даже цвет и размер кнопки может иметь значение.
‍

Лучше всего проводить А/Б-тестирование и смотреть, какие решения приносят больше конверсии.

Рекомендации по повышению конверсии

‍
Мы собрали для вас конкретные советы, которые помогут увеличить продажи посредством юзабилити:

‍

1. Ускоряйте загрузку страниц

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

‍

2. Делайте фон спокойным

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

‍

3. Упрощайте и облегчайте

Простота — друг юзабилити. Не перегружайте посетителей лишней графикой и информацией.

‍

4. Не переусердствуйте с призывами

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

‍

5. Адаптируйте сайт под смартфоны и планшеты

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

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

‍

6. Делайте контент структурированным

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

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

‍

Елена Брумарова, Marketing & CX Manager

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

Для повышения конверсии юзабилити сайтов Google предлагает использовать методологию Conversion Rate Optimization. Она включает три блока: впечатления, взаимодействие и действия. За блок «Впечатления» отвечает главная страница сайта и лендинг. Основная задача на этом этапе — привлечь внимание и подчеркнуть ценность ресурса, на который попал пользователь. Для этого сформулируйте привлекательное ценностное предложение, действенный призыв к действию и запоминающиеся изображения. 

Методология «Оптимизации конверсии»:

Первое впечатление

Внимание пользователей. Для привлечения внимания важно первое впечатление, которое страница производит на посетителя. Согласно исследованиям Google, 80% внимания приходится на первый экран. Если он не заинтересовал, чаще всего пользователь уходит.

Всегда размещайте на первом экране мобильной страницы три элемента:

1. Призыв к действию (CTA).
2. Ценностное предложение.
3. Визуальные образы.

Расположение элементов на первом экране мобильного сайта

Призыв к действию (CTA) помогает начать взаимодействие с пользователем. Это необязательно должна быть классическая кнопка «купить». СТА — все, что будет мотивировать пользователя пойти дальше: посмотреть, сравнить, почитать, найти и др. При необходимости добавляйте на первый экран несколько призывов к действию.

Ценностное предложение. Добавляйте простую и понятную информацию. Это может быть как конкретный товар для покупки: новинка или спецпредложение, так и УТП компании — то, что ее отличает от других. Благодаря ценностному предложению пользователь должен захотеть остаться на сайте.

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

Примеры интерфейса первого экрана

Финансы	Знакомства	Путешествия	B2B

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

Варианты использования телефона

Размещение элементов. Если СТА размещена в самом центре, то делайте кнопку меньшего размера и не такую яркую. Когда СТА находится вверху или внизу, увеличивайте ее размер и делайте ярче. Потому что чем дальше от центра экрана находится элемент, тем сложнее пользователю по нему попасть.

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

Тест. Проведите тестирование первого экрана сайта. Ответьте на следующие вопросы:

• Что видит пользователь;
• Какую информацию он воспринимает;
• Понятно ли что предлагает страница;
• Понятно ли следующее действие;
• Легко ли взаимодействовать с элементами.

Ценностное предложение

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

Ценностное предложение для B2B делайте длиннее и информативнее, чем при продажах B2C. Составьте предложение из трех частей: заголовок, подзаголовок и усилители. Заголовок сформулируйте кратко и ярко, чтобы он привлек внимание. Это может быть девиз или слоган компании. Подзаголовок сделайте описательным. Раскройте в нем суть предложения или укажите УТП бизнеса. Он может быть оформлен в виде списка. Усилители добавят доверия и отработают потенциальные возражения.

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

Результаты А/В теста интернет-магазина

Призыв к действию

Делайте кнопку CTA как можно более контрастной. Она не обязательно должна быть яркого цвета. Белая кнопка на ярком фоне тоже будет хорошо работать. Пишите на кнопке четкий и понятный призыв. Анализируйте результаты тестирования, используя данные конверсий разных видов CTA и конверсии пользователей, не нажавших на кнопку.

В примере проводилось тестирование СТА для разных сайтов. Одинаковый призыв “Get” в первом случае увеличил конверсию, во втором — снизил. Связано это со смыслом призыва. На первом сайте призыв означает «получи выгоду», конверсия юзабилити выросла. На втором сайте призыв означает процесс, конверсия упала.

Примеры тестирования текста призыва к действию

Изображения

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

Тестирование фотографий с разным направлением взгляда

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

Доля кликов по изображениям в автоматической карусели

Остальные элементы

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

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

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

Длина страницы. Обязательно тестируйте длину страницы, потому что нельзя точно сказать, что будет лучше конвертироваться. Google предполагает, что для мобильных устройств короткие лендинги с одним СТА будут более эффективными. Например, корпоративный мессенджер Slack сократил мобильный вариант лендинга до одного экрана. Он оставил картинку, предложение и кнопку СТА. Для тестирования лендингов создайте три варианта: длинный, короткий и суперкороткий — один экран.

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

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

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

Шпаргалка

1. Конверсия мобильной версии сайта или лендинга сильно зависит от первого экрана, на который приходится до 80% внимания пользователя.

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

3. Всегда тестируйте подпись СТА, расположение кнопки и формат ценностного предложения. Дополнительно протестируйте изображения, наличие строки поиска, длину лендинга.

Материал подготовила Светлана Сирвида-Льорентэ.

Конверсия и юзабилити — решения для 1С-Битрикс

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

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

Разработку сайта поручили фрилансеру. Он все сделал, сверстал сайт. Но прямо перед запуском у него случились какие-то трудности, 2 недели мы без связи. О нем ничего плохого сказать не могу, но — факт на лицо. Мы остались с недоработанной копией сайта (более 30 критичных доработок).

Как быть в такой ситуации — понятия не имели. Стали искать среди Золотых партнеров Битрикса, которые могли бы нам помочь в сложившейся ситуации.
Написали порядка сотни запросов.
Ответ от Атланта выделялся среди всех! Стоимость за работы оказалась одной из самых низких. Уверенность придавала пошаговая инструкция, что ребята собираются сделать с сайтом.

В итоге, запустили сайт, работаем с ними и ни разу не пожалели!
В первые 6 месяцев после начала сотрудничества — у нас рост продаж в 2 раза. Ставим любые, даже самые сложные задачи. Все выполняется.
Удобно, что все в одном месте: работы по сайту, 1С, хостинг, seo, дизайн и т.д.
Рекомендуем!

Андрей Рудый ( Директор — LEDPremium )

75 реальных примеров улучшения юзабилити

Какая конверсия у вашего сайта?

Это один из первых вопросов, которые задают интернет-маркетологи своим клиентам.

И если вы точно знаете ответ на этот вопрос, давайте зададим следующий:

Вы знаете как увеличить конверсию сайта уже сегодня?

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

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

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

Это обновленный на 2018 год перевод статьи GoodUI, где были описаны идеи и проведены эксперименты с результатами.

Далее перечень из 75 идей по улучшению конверсии страниц с помощью изменения интерфейса.

1. Используйте одноколоночную вместо многоколоночной раскладки контента

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

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

Логика представления контента должна нативно направлять читателя к призыву к действию на вашей странице.

Результаты эффективности этой рекомендации в %

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

Акционный купон, доступ на пробный период к продукту или просто полезный чек-лист — это зачастую именно то что нужно.

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

3. Объединяйте аналогичный функционал вместо фрагментации UI

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

Не забывайте периодически проверять разделы сайта на наличие таких дублей.

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

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

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

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

Результаты тестирования эффективности социальных доказательств в %

5. Повторяйте призыв к действию несколько раз

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

При этом, не стоит показывать призыв к действию все 10 раз на одном экране. Это может вызвать раздражение у пользователя.

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

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

Результаты эффективности внедрения этой рекомендации в %

6. Используйте контрастные стили для оформления кликабельных элементов сайта

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

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

При правильном использовании цвета пользователям будет проще воспринимать интерфейс сайта.

7. Давайте пользователям рекомендации, а не просто подборки продуктов

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

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

Результаты тестирования эффективности рекомендаций в %

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

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

Не бомбите!

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

9. Не пытайтесь охватить всех и вся — обозначьте свою целевую аудиторию

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

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

Это также даст потенциальным клиентам уверенность в надежности вашего бизнеса/сервиса, так как вы не пытаетесь продать «все и всем». Для определения своей целевой аудитории вы можете пользоваться такими сервисами, как MicroPersonas, которые предлагают наборы уже готовых портретов. Остается только выбрать.

10. Старайтесь быть прямолинейными

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

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

11. Выделяйте призывы к действию

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

Усилить контраст можно несколькими способами.

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

Второй способ — это создание эффекта объема посредством теней и градиентов (в таком случае объект с «call to action» будет смотреться ближе к пользователю, в противовес другим объектам).

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

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

12. Показывайте описанием в чем уникальность вашего продукта

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

Это помогает персонализировать диалог.

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

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

Часто подобные описания помогают позиционировать продукцию как нечто высококачественное. А это — уже маленькая победа.

Результаты эффективности данной техники в %

13. Используйте в формах как можно меньше полей

Люди по своей природе всегда стараются избегать трудоемких задач. Это же прямо касается и заполнения полей в формах.

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

К тому же, не все набирают текст достаточно быстро, особенно в случае с мобильными устройствами.

Результаты эффективности этой техники в %

Прежде чем создавать емкую форму с множеством полей, задайте себе вопрос, так уж ли необходимо присутствие каждого конкретного поля?

После этого, удалите как можно больше ненужных строк.

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

14. Отображайте нужные опции

Каждый блок с выпадающим меню на сайте, скорее всего, содержит в себе дополнительные опции.

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

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

Результаты эффективности использования этого приема в %

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

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

Если вы все-таки приняли решение делать длинные страницы (занимающие более одного экрана), позаботьтесь о том, чтобы пользователь это тоже понимал и видел.

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

16. Фокусируйте внимание пользователей на том, что действительно важно, вместо того чтобы «забрасывать» ссылками

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

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

Результаты эффективности этого примера в %

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

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

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

17. Обозначайте текущие состояния элементов

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

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

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

Результаты эффективности этого примера в %

18. Размещайте кнопки, которые прямо называют преимущества вместо тех, которые описывают стандартные действия

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

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

Более того, процесс регистрации требует усилий и часто связан с длинными и многочисленными полями для ввода.

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

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

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

Результаты эффективности внедрения этой рекомендации в %

19. Предоставляйте пользователям более удобные элементы управления

Иногда имеет смысл предоставить пользователям возможность взаимодействовать с определенными элементами интерфейса напрямую.

Например, при отображении списков с данными мы, как правило, можем разрешить пользователю производить с ними некоторые манипуляции (добавить, удалить, сравнить и т. д.).

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

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

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

20. Размещайте формы с полями для ввода сразу на посадочной странице

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

Например, размещение формы регистрации сразу на посадочной странице имеет ряд преимуществ по сравнению с тем вариантом, когда под это создаются отдельные страницы (или всплывающие окна).

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

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

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

Результаты тестирования эффективности данного приема в %

21. Внедрите плавную анимацию для отображения смены состояния элементов интерфейса

Некоторые элементы интерфейса могут появляться, скрываться, перемещаться, двигаться/меняться в размерах при взаимодействии с ними.

Рекомендуем искусственно создать некоторое время выдержки между переходом элемента из одного состояния в другое, добавив какую-нибудь анимацию (например, песочные часы).

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

При этом, имейте в виду, что продолжительность такой задержки сверх 0,5 секунды может вызывать у некоторых пользователей раздражение.

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

22. Мягко вовлекайте пользователя вместо того, чтобы сразу требовать от него что-то сделать

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

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

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

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

Результаты эффективности техники вовлечения в %

23. Не создавайте лишних границ. Не рассеивайте внимание пользователей

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

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

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

Но у этого метода есть также свои недостатки.

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

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

Именно поэтому иногда бывает все-таки полезно подчеркнуть их разрозненность при помощи линий.

24. Продавайте не сам продукт, а его преимущества

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

Преимущества всегда несут в себе четко определенную ценность. Крис Гильбо в «Стартапе за 100 долларов» написал, что люди действительно стремятся к тому, чтобы обрести еще больше любви, денег, признания и свободного времени.

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

Результаты эффективности данного приема в %

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

В каталоге интернет-магазина, например, в зависимости от запроса пользователя, может быть получено совершенно любое количество данных в выдаче: их может быть 0, 1, 10, 100 и даже 1000+.

Сайт должен быть максимально адаптивным для любого объема информации.

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

То же самое касается и ситуаций с большим количеством данных.

26. Предоставьте пользователям возможность выбора

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

С другой стороны также распространена стратегия, когда чтобы что-то получить пользователь должен выполнить какое-то действие на сайте (нажать на кнопку, заполнить форму и т. д.).

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

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

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

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

Результаты эффективности внедрения данного приема в %

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

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

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

Создать подобный UI можно посредством таких вещей, как цвет, направление и расположение линий, размер, форма, маркировка и т. д.

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

Пробуйте и пытайтесь определить золотую середину.

28. Внедряйте в UI «умные» формы вместо того, чтобы просить пользователя давать одну и ту же информацию снова и снова

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

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

Результаты эффективности внедрения «умных форм» в %

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

29. Внедряйте то, что уже работает. Не изобретайте велосипед

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

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

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

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

30. Говорите клиенту каких болей он сможет избежать получив ваш продукт или услугу

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

Это можно применить и к позиционированию продукции.

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

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

31. Внедрите четкую визуальную иерархию

Правильная визуальная иерархия может использоваться для подчеркивания важных элементов на фоне менее важных.

Она может быть выстроена на основе таких параметров, как выравнивание, цвет, отступы, размер шрифта, размер элемента, интервалы и т. д.

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

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

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

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

Создавайте визуально «цепляющий» интерфейс.

32. Группируйте связанные между собой элементы

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

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

Размещая связанные элементы рядом, вы сделаете UI более логичным и не введете ваших пользователей в замешательство.

33. Проверяйте корректность введенных данных в каждом отдельном поле, а не по всей форме

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

Увидев сообщение об ошибке (например, справа от поля ввода), пользователь исправит ее сразу же.

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

34. Предусмотрите разные форматы ввода данных

Поля для ввода в формах должны уметь распознавать различные форматы данных. Это сделает ваш интерфейс дружелюбнее.

Прекрасный пример реализации данного приема — случай, когда мы спрашиваем человека о номере телефона.

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

35. Используйте тактику ограниченности по времени

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

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

Ее эффективность можно объяснить и тем, что люди не желают мириться с потерями точно так же, как и упускать возможности.

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

36. Акцентируйте внимание на дефиците товара

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

Именно дефицит позволяет продемонстрировать пользователям, что вскоре товар может и вовсе исчезнуть из продажи.

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

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

37. Задавайте пользователям наводящие вопросы вместо того, чтобы просить самостоятельно что-то описать

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

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

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

Результаты эффективности внедрения данной техники в %

Юзабилити-тестирование: как поднять конверсию сайта и приложения :: РБК Pro

Проблему низкой конверсии сайта или приложения можно решить с помощью юзабилити-тестирования. Оно поможет определить узкие места. Как правильно провести тест, рассказал Павел Сербулов, эксперт агентства интернет-маркетинга «Лидмашина»

Фото: Kobu Agency / Unsplash

Что такое юзабилити и зачем его тестировать

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

Чтобы сделать крутой продающий инструмент (сайт, лендинг, е-мейл, мобильное приложение и многое другое), нельзя полагаться только на свои экспертность и мнение. Как создателю/автору/разработчику, вам может нравиться какая-то функция программы или сайта, но люди ее просто не поймут. Нужно протестировать гипотезы и идеи, найти проблемы и ошибки в использовании, отсечь лишнее и оставить только самое нужное, полезное и — это главное — востребованное. Здесь как раз и пригодится юзабилити-тестирование.

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

Почему юзабилити-тестирование лучше сплит-тестирования и метода фокусных групп

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

Какова ценность удобства использования для конверсий?

Представьте, что вы проходите следующий сценарий, а затем спросите себя: «Это пример« юзабилити »или нет?

Вы готовы?

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

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

Вот отрывок из результатов поиска Google:

Итак, вы нажимаете… и попадаете в каталог.

Дратов! Вы надеялись, что вам представят страницу с широким выбором кофейных кружек, сделанных прямо здесь, в США.

Раз уж вы там, почему бы не перейти к одному из списков — тому, на котором крупным жирным шрифтом написано «Кофейные чашки».

Несомненно, эта страница будет чеканить золото. Вскоре вы выберете свою новую кружку с печатью США и поставите ее на свой стол (разумеется, после быстрой и бесплатной доставки).

Угу. Снова сорвался.

Выбор, к которому ведет ссылка, — это стеклянная кружка с гравировкой, стеклянная мини-кружка с гравировкой и кружка Michigan Love. Эти кружки не только на милю упускают из виду то, что вы имели в виду, но и не содержат описания, чтобы сообщить вам размер, конструкцию, качество или заверить вас, что они действительно сделаны в США (а не продаются в США).

Что теперь? Вы думали, это будет легко.

А теперь задумайтесь над вопросом: было ли это бесплодное путешествие примером юзабилити?

Было ли это «хорошее юзабилити» или «плохое юзабилити»?

А пока давайте посмотрим на определение термина «удобство использования» и его важность.

Почему? Потому что удобство использования может сделать или сломать веб-сайт электронной коммерции.

Удобство использования может сделать или сломать веб-сайт электронной коммерции. Click To Tweet

The Definition of Usability

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

Среди клиентов Nielsen — Adobe, Dell, Google, Motorola, Sony… практически все крупные бренды, о которых вы действительно можете подумать, и его «Юзабилити 101: Введение в юзабилити» — постоянно цитируемый ресурс в области юзабилити.

Итак, начнем с этого.

Вот как Якоб Нильсен определяет удобство использования:

• Обучаемость : Насколько легко пользователям выполнять базовые задачи, когда они впервые сталкиваются с дизайном?
• Эффективность : Как быстро пользователи смогут выполнять задачи после изучения дизайна?
• Запоминаемость : Когда пользователи возвращаются к дизайну после периода, когда они не использовали его, насколько легко они могут восстановить свои навыки?
• Ошибки : Сколько ошибок делают пользователи, насколько серьезны эти ошибки и насколько легко они могут исправить ошибки?
• Удовлетворение : Насколько приятно пользоваться дизайном?

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

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

Ваше разочарование было вызвано не только тем, что вы обнаружили, что практически никто больше не производит продукцию в США — дело было не только в этом.

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

Вы хотели, чтобы вас продали.

Юзабилити преобразует

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

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

Это было до того, как знаки доллара заменили фразу «Не будь злом», а интернет-реклама еще только зарождалась.

Ну, по крайней мере, иногда так кажется.

Введите поисковый запрос «Кружка для кофе американского производства».

Вот пять основных предложений Google:

Вы уверены, что не все из этих 2,8 миллиона найденных страниц платят Google за рекламу, но не думаете ли вы, что каждый возврат действительно будет сделан в Америке?

Кружки «Сандэнс» посередине такие, а вот остальные три… не очень.

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

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

Только десять процентов помещают «красивый внешний вид» в верхнюю часть списка (см. Рисунок ниже).

Здесь нет никакой магии. Чем проще посетителям найти то, что они ищут, проверить и перейти к следующему пункту в своем списке… тем больше продаж вы собираетесь сделать. Для этого вам не нужна статистика.Посмотрите на свой собственный опыт.

Для тех, кому действительно нужна статистика, вот несколько:

• Исследование, проведенное Лабораторией исследования пользовательского опыта и принятия решений в Вустерском политехническом институте, показало, что оптимизация мобильных страниц для удобства пользователей вернула 30-процентный рост продаж и снижение показателя отказов на 50%.
• В Индексе качества обслуживания клиентов (2013 г.), проведенном Forrester Research, сравнивается опыт пользователей электронной коммерции за шестилетний период. Это исследование показало, что десять лидеров по удобству использования превзошли контрольную группу S&P на 43%.Десятка последних отстает на 34 процента. Если посчитать, то это 77-процентный разрыв.
• Snow Peak, бренд активного образа жизни, вкладывал значительные средства в привлечение посетителей на свой веб-сайт. Однако их низкий коэффициент конверсии не мог оправдать затраты. The Good оценил сайт, разработав Stuck Score ™, а затем использовал эти результаты для повышения удобства использования. Следовательно, коэффициент конверсии Snow Peak увеличился на 108 процентов, а средняя стоимость заказа увеличилась на 30 процентов.

Вот еще одна причина, по которой удобство использования важно для каждого веб-сайта электронной коммерции: Обращение внимания на удобство использования во время разработки помогает быстрее запускать и запускать изменения. Чем выше удобство использования, тем эффективнее сайт.

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

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

Пользовательский опыт / удобство использования в уравнении — это «Что».

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

Нужна дополнительная статистика?

Попробуйте следующее:

• На этапе разработки What ваша стоимость решения проблем минимальна.Решение проблемы после запуска в 100 раз дороже.
• Удобство использования является общим фактором в четырех основных причинах превышения бюджета программными проектами.
• Тестирование удобства использования во время разработки позволяет продуктам выводиться на рынок быстрее, с меньшими затратами и с более высоким качеством.

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

Удобство использования в Интернете — это то, о чем мы много думаем здесь, в The Good. Это центральная тема в работе по оптимизации конверсии, которую мы выполняем для наших клиентов.Невозможно решить проблемы оптимизации конверсии без учета пользовательского опыта.

Удобство использования является неотъемлемой частью.

Фактически, мы опубликовали бесплатный подробный ресурс о преимуществах удобства использования и данных под названием «Рентабельность инвестиций в дизайн веб-сайтов на основе данных и тестирование пользовательского опыта».

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

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

Дайте нам знать, что вы думаете в комментариях!

Об авторе

Джон Макдональд

Джон Макдональд — основатель и президент The Good, фирмы по оптимизации коэффициента конверсии, которая добилась результатов для некоторых из крупнейших онлайн-брендов, включая Adobe, Nike, Xerox, Verizon, Intel и других. Джон регулярно добавляет материалы по оптимизации конверсии в такие публикации, как «Предприниматель» и «Инк.». Он знает, как побудить посетителей к действию.

Оптимизация юзабилити против оптимизации конверсии

• Опубликовано в Оптимизация скорости конверсии, UX

Большая часть работы по оптимизации конверсии, которую я вижу в настоящее время, — это чрезмерно продуманное исправление юзабилити, развернутое в виде AB-тестов.

При попытке улучшить конверсию веб-сайта существуют различные уровни элементов, которые вам необходимо идентифицировать и исправить:

• Ошибки сайта
• Функциональность сайта
• Эмоциональные сообщения
• Социальные сообщения

Ошибки сайта

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

Ошибки классифицируются по разным приоритетам:

• Проблемы P1 — серьезные ошибки, при которых пользователи не могут выполнить определенную задачу на сайте.Подумайте о сбое сайта во время оформления заказа, и у пользователей нет возможности разместить заказ.
• Проблемы P2 — Это тоже серьезные ошибки; однако у пользователей есть обходной путь для выполнения определенной задачи на сайте. Примером этого является сайт, не работающий в определенной старой версии браузера; однако веб-сайт работает на более поздней версии.
• Проблемы P3 — Это более мелкие дефекты. Пользователи могут выполнить задачу на сайте, но процесс вызывает определенное раздражение.Примером P3 является функция «сортировки по», не работающая на странице категории для сайта электронной торговли.
• Проблемы P4 — Это тоже незначительные ошибки, примеры этих ошибок — грамматические ошибки на странице.

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

Веб-сайт может дать сбой в более старой версии Chrome, поэтому обычно это классифицируется как ошибка P2.Однако, если вы заметили, что менее 1% трафика сайта использует эту версию Chrome, насколько важно исправить эту ошибку? Это все еще ошибка P2 или вам следует понизить ее классификацию?

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

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

Функциональность сайта

Это область, в которой на сайте нет ошибки; однако он ведет себя не так, как ожидают посетители. Проблемы с функциональностью сайта — это проблемы с удобством использования, обнаруженные на сайте. 10 эвристик юзабилити от NNG group — отличный тому пример:

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

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

Эмоциональные сообщения

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

Обмен сообщениями в соцсетях

Как воспринимают пользователя, когда он использует ваш сайт, его социальный круг? Как пользователь воспринимается в обществе, когда он покупает ваш продукт или услугу?

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

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

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

По моему опыту, исправление функциональных проблем или проблем с удобством использования на сайте улучшит конверсию. Однако речь не идет о существенном увеличении конверсии. Устранение проблем с удобством использования на веб-сайте может повысить коэффициент конверсии на 5 или 10%.

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

Большинство CRO-фирм сосредотачивают свою работу на первых двух категориях (ошибки и функциональность сайта). В результате большинство тестов AB — это просто настройка шаблонов сайтов и перемещение элементов по экранам.

Итак, почему CRO не сосредотачиваются на эмоциональных и социальных проблемах?

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

Клиент начинает CRO-работу в ожидании чудес, а CRO-фирма получает платящего клиента.

Итак, что делают CRO, чтобы удовлетворить потребность в быстрых победах? Они естественно тяготеют к поиску ошибок и проблем с удобством использования. Это дает быстрый рост, но он слишком мал, чтобы оказать существенное и устойчивое влияние на чистую прибыль. Первые несколько месяцев все в порядке, но в конце концов клиент начинает беспокоиться, потому что нет значительного повышения конверсии.

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

Социальные и эмоциональные сообщения — это сложно: обнаруживать ошибки и функциональность сайта легче на световые годы по сравнению с социальными и эмоциональными сообщениями. Я вспоминаю, как свою 7-классную дочь учил использовать аналитику Google, чтобы обнаруживать, в каких версиях браузеров есть проблемы на сайте. Вы можете разработать пошаговые инструкции и обучить младший персонал обнаружению ошибок и проблем с удобством использования на сайте.

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

Ленивые маркетологи: Взлом роста в моде.

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

Не проходит и дня, чтобы не прочитать о маркетинге, основанном на данных.

Большинство маркетологов плохо разбираются в данных. Они очень мало заинтересованы в глубоком изучении статистики. Их «управляемые данными» способности поверхностны. С другой стороны, разработчики, превратившиеся в маркетологов, хорошо разбираются в данных. Они могут копать глубоко и производить впечатляющий анализ. Однако их маркетинговые навыки поверхностны.

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

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

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

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

Определение, используемое в UX и веб-аналитике

Определение коэффициентов конверсии

Определение : Коэффициент конверсии — это процентов пользователей, которые совершают желаемое действие .Типичным примером коэффициента конверсии является процент посетителей сайта, которые что-то покупают на сайте.

Пример : сайт электронной торговли посещают 100 000 человек в течение апреля. В течение этого месяца 2000 пользователей что-то купили на сайте. Таким образом, конверсия сайта 2 000/100 000 = 2%.

Есть место, чтобы несколько уточнить определение:

• Как мы, , посчитаем базовое количество «пользователей» ? Только как уникальные посетители, или мы считаем человека столько раз, сколько они посещали в течение периода измерения? (Если Боб посещает 5 раз, а Алиса посещает один раз, у сайта 2 посетителя или 6?) Подходит любой способ подсчета, и вы можете выбрать тот, который лучше всего подходит для вашего типа веб-сайта, если вы последовательны, и подсчитываете количество посетителей. так же во все периоды измерения.
• Как мы подсчитываем пользователей, которые совершают «желаемые действия»? То есть, как мы, , подсчитываем события конверсии ? Представляются те же два варианта: считать конкретного человека только один раз, независимо от того, покупают ли они один или несколько раз в течение периода. Или посчитайте каждого человека столько раз, сколько они покупают. (Если Боб покупает дважды, а Алиса ничего не покупает, было ли у сайта одна или две конверсии?) Кажется наиболее подходящим следовать тому же правилу, которое определено для подсчета базового количества посетителей, но опять же, любое правило будет работать до тех пор, пока по мере того, как вы применяете его последовательно.

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

Что такое событие преобразования?

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

• Покупка чего-либо на сайте электронной торговли
• Стать зарегистрированным пользователем
• Разрешить сайту хранить информацию о кредитной карте пользователя для упрощения расчетов в будущем
• Оформление подписки (платной или бесплатной)
• Загрузка пробного программного обеспечения, технического документа или других полезных вещей, которые предположительно будут способствовать продвижению людей по воронке продаж
• Запрос дополнительной информации о консультационных услугах или продукте B2B
• Использование определенных функций приложения, особенно новых или расширенных функций
• Обновление с одного уровня обслуживания до более высокого уровня — в этом случае базовое количество пользователей будет включать только тех пользователей, которые уже находятся на более низком уровне обслуживания
• Люди, которые не просто загрузили мобильное приложение на свой телефон, использовали его; или люди, которые продолжают пользоваться приложением неделю спустя
• Проведение определенного количества времени на сайте или чтение определенного количества статей
• Возврат на сайт более определенного количества раз в течение периода измерения — в этом случае имеет смысл определить количество пользователей как уникальных посетителей
• Все остальное, что может быть однозначно подсчитано компьютером и что вы хотите, чтобы пользователи выполняли

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

Почему важны коэффициенты конверсии

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

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

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

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

Более высокие коэффициенты конверсии? Теперь вы можете похвалить своих дизайнеров. (Если вы просто не проводите распродажу. Конечно, вы можете приписать улучшенную коммерческую ценность дизайну только в том случае, если другие факторы не изменились.)

Когда абсолютные числа лучше относительных

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

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

Личный пример: 1 апреля 2013 года я опубликовал юмористическую статью о юзабилити для кошек. В тот день сайт nngroup.com получил в 4 раза больше трафика, чем в обычный день. Я предполагаю, что ссылка была перенаправлена ​​любителями кошек, потому что большинство этих дополнительных посетителей ничего не купили — продажи остались примерно на том же абсолютном уровне, что и в среднем за день.Другими словами, наш коэффициент конверсии упал почти до четверти от нормального уровня.

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

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

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

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

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

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

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

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

Что такое хороший коэффициент конверсии?

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

Некоторые из факторов, влияющих на коэффициент конверсии, вне контроля профессионалов в области пользовательского опыта:

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

Во время пузыря доткомов около 2000 года сайты электронной коммерции обычно имели средний коэффициент конверсии около 1%. В 2013 году сайтов электронной торговли имели в среднем около 3% конверсии . Этот пример также показывает, что ожидаемые коэффициенты конверсии могут со временем меняться, поскольку пользователи привыкают выполнять желаемое действие.

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

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

В зависимости от того, что вы считаете, хороший коэффициент конверсии обычно находится в диапазоне 1–10%. С другой стороны, когда мы измеряем показатели успеха в исследованиях юзабилити, веб-сайты часто получают около 80%. Как объяснить такое большое несоответствие?

Разница проста: в исследовании юзабилити мы просим пользователя выполнить задачу, поэтому мы измеряем , возможно ли для них это сделать. Даже если цена слишком высока, люди все равно будут «покупать», когда это всего лишь тест, потому что они участвуют в соответствии со сценарием.Другими словами, коэффициент успеха 80% означает, что 20% посетителей не могут использовать сайт. Это не означает, что 80% потенциальных клиентов станут платежеспособными.

Еще один способ взглянуть на эти две разные статистические данные — рассмотреть сайт с коэффициентом конверсии 4% и коэффициентом успеха 80% в исследованиях удобства использования. Если бы мы могли исправить все проблемы с удобством использования, чтобы не отвратить 20% потенциальных клиентов, коэффициент конверсии у сайта составил бы 5%.

(На дневном курсе «Измерение пользовательского опыта» более подробно рассказывается о том, как измерить интерактивное поведение и как связать поведенческие метрики с бизнес-метриками.)

Следует ли увеличить коэффициент конверсии?

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

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

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

Допустим, вы увеличили цену на 10%. Если количество продаж упадет на 10%, вы примерно сравняете общий доход. Если покупатели обладают высокой ценовой эластичностью, продажи могут упасть, скажем, на 20%, и ваш доход упадет. В случае неэластичных клиентов продажи могут упасть только на 5%, а выручка вырастет.

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

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

Коэффициент конверсии и удобство использования

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

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

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

Пример расчета: Коэффициент конверсии для исходной формы составляет 10%, и при удалении одного вопроса коэффициент конверсии изменяется на 11%. Базовое количество пользователей, которые получают эту форму, составляет 100 000 человек в год. Таким образом, удаление вопроса заставляет еще 1000 человек заполнить форму. Если средняя коммерческая ценность каждого завершения составляет 20 долларов, то ответ на этот дополнительный вопрос обходится компании в 20 000 долларов в год .

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

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

Это все о юзабилити — Smashing Magazine

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

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

Профессиональный дизайн вызывает доверие

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

Больше после прыжка! Продолжить чтение ниже ↓

Встречайте Image Optimization , новое практическое руководство Адди Османи по оптимизации и размещению высококачественных изображений в Интернете.От форматов и сжатия до доставки и обслуживания: все в одной книге 528 страниц и .

Перейти к содержанию ↬

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

Укрепление доверия и авторитета

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

Инкд

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

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

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

Предоставляйте нужную информацию в нужное время

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

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

У пользователя будут возникать определенные вопросы на каждом этапе процесса покупки; сосредоточьтесь на ответах на эти вопросы и сделайте их наиболее заметными на странице в то время.Дополнительная полезная информация может быть «спрятана» за гиперссылкой (как ссылка «образование» в приведенном выше примере Scribble).

Не рекламируйте, ведите пользователей

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

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

Newsberry

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

Будьте осторожны при использовании визуальных элементов для определения приоритета информации; не делайте их похожими на рекламу.Хороший пример: пять простых шагов

«Пять простых шагов» Марка Бултона хорошо фокусируют внимание пользователей на вариантах покупки, не делая их похожими на рекламу. Четкий визуальный дизайн и верстка усиливают эффект воронки продаж.

Возвращаясь к вопросам, которые задают клиенты, один из их главных вопросов на целевых страницах — «Что дальше?» Загляните в Интернет. Вы найдете множество магазинов, которые скрывают свои кнопки заказа или обозначают их неоднозначными терминами.Например, в немецком магазине Werbemittelguide на одной кнопке есть слова «Заказать или запросить предложение». Хотя различие между прямыми заказами и запрошенными предложениями дает пользователям больше контроля, размещение этих двух разных идей на одной кнопке сбивает с толку. В этом конкретном случае нажатие на кнопку не делает ничего, кроме помещения продукта в корзину. А тележка расположена в нижнем левом углу: явное нарушение ожиданий пользователей.

Подчеркните, что важно, и используйте правильную формулировку

Зайдите на сайт гуут, посмотрите секунду и закройте глаза.Откройте их снова на секунду, а затем снова закройте. Что вы заметили? Большое изображение продукта слева? Обратный отсчет? Огромная оранжевая кнопка заказа? Ярлык на кнопке гласит: «Заказать сейчас» — пару лет назад многие веб-дизайнеры сочли бы это возмутительным, устаревшим дизайном. Сегодня это современное состояние.

«Четко скажите людям, что им делать дальше», — говорит американский эксперт по электронной коммерции Питер Блэкшоу. То, что работает с покупками в Интернете, справедливо и для онлайн-общения, загрузки брошюры в формате PDF или любой другой формы преобразования.Сделайте самый важный вариант самым большим. Ссылки на «Дополнительная информация», «Подробности» и «Технические данные» также важны, но менее важны, чем само преобразование. Их следует отображать более мелким шрифтом или менее агрессивными цветами.

Американское агентство MarketingExperiments на собственном опыте узнало, насколько сильно формулировка может влиять на коэффициент конверсии . Он протестировал собственную кампанию, направленную на превращение читателей в платных подписчиков. Каждый элемент кампании по электронной почте был протестирован.Кнопка, запускавшая конверсии, была помечена как «Продолжить здесь», что на первый взгляд могло показаться, что она работает идеально. Результаты теста удивили даже опытных специалистов. Новая кнопка с надписью «Перейти к статье» повысила конверсию на 3,3%, чем первая; а третья версия, названная «Нажмите, чтобы продолжить», убедила почти на 10% больше пользователей.

Вставив кнопку заказа в стиле Amazon, Эл Карлтон удвоил продажи на своем веб-сайте.

Видео часто бывает серебряной пулей

Стало обычным делом включать в описания продуктов и на страницы продуктов видеоролики, демонстрирующие продукты в действии.В Германии почти 60% всех розничных продавцов, опрошенных BVDW, указали, что они планируют активизировать свои усилия с помощью видео.

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

Оба Getbackboard.com…

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

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

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

И не позволяйте никому вводить вас в заблуждение, в настоящее время существует только один формат онлайн-видео: Flash . Только Flash позволяет легко встраивать видео в веб-страницу и интегрировать с другими элементами на странице. Благодаря успеху YouTube большинство пользователей могут воспроизводить Flash-видео. А производство видео действительно недорогое, даже если оно отдано агентству.

Не недооценивайте важность оценок пользователей и отзывов клиентов

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

Это приводит нас к двум вопросам:

1. Следует ли владельцам магазинов создавать свою собственную систему рейтингов?
2. Как поступать с критикой?

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

Возьмем, к примеру, компанию Thomas Cook Travel. После долгих исследований компания построила собственную систему рейтингов пользователей, которая теперь является одним из основных фильтров во внутреннем поиске. Внешняя система, такая как Idealo.de (или PriceGrabber.com), может быть лучшей альтернативой. Idealo собирает рейтинги с множества платформ и объединяет их с тестами и отзывами с веб-сайтов и журналов. Платформа сама по себе нейтральна, потому что отдельные розничные продавцы не могут влиять на контент.

PriceGrabber

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

Оставайтесь с нами

Эта статья является второй частью нашей серии из трех частей «Оптимизация коэффициентов конверсии».

1. Оптимизация коэффициентов конверсии: меньше усилий, больше клиентов
2. Преобразование — это все о удобстве использования
3. Использование конверсий для увеличения количества конверсий

Введение в оптимизацию коэффициента конверсии

Большинство людей считает, что поисковая оптимизация (SEO) жизненно важна для успеха онлайн-бизнеса. Однако очень немногие люди вообще знают об оптимизации коэффициента конверсии (CRO), не говоря уже о том, что они понимают, насколько это важно.Я не говорю, что SEO не важен. SEO позволяет найти веб-сайт. Но в конечном итоге именно оптимизация коэффициента конверсии превращает пользователей, которые находят ваш сайт, в клиентов.

Оптимизация коэффициента конверсии можно определить как метод создания впечатлений для посетителя веб-сайта или целевой страницы с целью увеличения процента посетителей, которые конвертируются в клиентов (Источник). По сути, это означает, что сначала кто-то заходит на ваш сайт и убеждается тем, что вы предлагаете; тогда он или она решает совершить покупку через вас.Этот процесс означает, что они будут превращены в реальных клиентов из простого посетителя веб-сайта.

Простое объяснение оптимизации коэффициента конверсии (Источник: Vabulous)

Факторы, влияющие на коэффициент конверсии

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

• • Веб-сайт Навигация : Если ваш веб-сайт навигация системы нечеткие, медленная загрузка или неоднозначные названия, посетители вашего веб-сайта просто покинут ваш веб-сайт с сильным чувством разочарования.Ключ к успеху веб-сайта — сделать его простым! Вам нужно легко направлять людей по вашему веб-сайту, показывая им, где они в настоящее время находятся в иерархии сайта. В то же время важно, чтобы вашим посетителям не приходилось гадать, где искать товары или информацию, которые они ищут. Ваш размер шрифта, цвет и стили также должны быть удобочитаемыми. Некоторые веб-сайты переборщили с чрезмерно продуманными шрифтами и меню, неоднозначными названиями разделов их магазинов и яркими цветовыми схемами.Очень часто эту стратегию выбирают дизайнеры сайтов, чтобы выделиться и, как следствие, привлечь клиентов из-за этого. К сожалению, они с большей вероятностью потеряют обычай. Хотя верно, что в определенных конкретных сценариях эта стратегия может работать в реальных условиях магазина, где покупатели могут видеть и касаться продуктов и разговаривать лицом к лицу с персоналом, в онлайн-мире, где ваши конкуренты находятся на расстоянии одного клика, у вас есть завоевать доверие клиентов. Очень часто чем четче ваш сайт, тем лучше.
  • Clear Photography: Фотография — это единственный способ, которым покупатель может увидеть и оценить продукт. Если на сайте есть пиксельные изображения или изображения, демонстрирующие продукт с невыгодного ракурса, то маловероятно, что покупатель решит совершить покупку. Подумайте о композиции ваших фотографий, качестве и визуальных перспективах, с которых они сделаны. Чем больше изображений продукта вы предоставите, тем лучше. Также рекомендуется предоставлять миниатюрные версии продуктов с возможностью щелкнуть по ним, чтобы увидеть более крупные версии.
  • Дизайн домашней страницы: Домашняя страница дает первое впечатление о вашем бизнесе. Таким образом, он должен быть умным и хорошо продуманным. Он также должен заинтересовать ваших посетителей и привлечь их к дальнейшему изучению вашего сайта. Что еще более важно, вам нужно привести их в свой интернет-магазин, чтобы у них появилось искушение совершить покупку. Поэтому ваша домашняя страница должна отображать продуманную подборку ваших продуктов и ссылаться на них в вашем интернет-магазине. Также должен быть слоган или несколько предложений, которые резюмируют, чем является ваш бизнес и чем он занимается.
    Вам никогда не удастся превратить всех посетителей вашего сайта в клиентов. Однако с помощью оптимизации коэффициента конверсии вы повысите коэффициент конверсии. Оптимизация коэффициента конверсии часто представлена ​​в виде воронкообразной диаграммы
    , как показано выше (Источник: SitePosition)

• Система оформления заказа: Касса — это точка, в которой многие веб-сайты электронной коммерции теряют клиентов. Если посетитель просмотрел ваш веб-сайт и добавил несколько товаров в свою корзину, он, скорее всего, совершит покупку, а не просто сделает покупки в витринах.Ваш веб-сайт должен направлять вашего клиента через простой процесс покупки. Используйте четко обозначенные кнопки, чтобы помочь вашему клиенту перемещаться по каждому этапу оформления заказа, и разместите на нем важные логотипы безопасности, чтобы ваш клиент знал, что покупать через ваш веб-сайт безопасно. Обозначьте любую важную информацию, которую им необходимо знать, например, стоимость и время доставки, информацию о возвратах, чтобы устранить любые сомнения в отношении их отказа от покупки. Очень часто простой FAQ поможет, но рассмотрите возможность добавления технической поддержки в реальном времени.Все зависит от типа вашего сайта электронной коммерции, продуктов, которые вы продаете, и объема продаж. Используйте программное обеспечение для аналитики своего веб-сайта, чтобы отслеживать шаблоны просмотра ваших пользователей, сколько людей покидают ваш сайт и с каких страниц они это делают.
• Грамматика: Даже такая небольшая ошибка, как орфографическая ошибка, может оттолкнуть покупателя от совершения покупки. Убедитесь, что вы проверяете правописание на своем сайте и спрашиваете членов семьи, или, еще лучше, нанимайте услуги корректуры.Совершить грамматическую ошибку очень легко. Если большую часть времени откладывать обслуживание вашего сайта, очень вероятно, что вы пропустите даже самые очевидные ошибки. Излишне говорить, что если обнаружена ошибка, немедленно исправьте ее.

Хотите узнать больше?

Вас интересует пересечение UX и UI-дизайна? Онлайн-курсы по шаблонам дизайна пользовательского интерфейса для успешного программного обеспечения и дизайн-мышления: руководство для начинающих могут научить вас нужным навыкам.Если вы пройдете курс, вы получите признанный в отрасли сертификат курса для продвижения по карьерной лестнице. С другой стороны, если вы хотите освежить в памяти основы UX и юзабилити, попробуйте онлайн-курс по пользовательскому опыту (или другой теме дизайна). Удачи в вашем познавательном путешествии!

(Изображение: Depositphotos)

Удобство использования для преобразования: прекратите использовать причуды, начните использовать данные | Ник Бабич

Джоэл Лопес

Когда дело доходит до создания и проектирования продукта, мы ищем лучшее решение для достижения нашей цели.В конечном счете, нашей целью всегда будет убедить клиента купить наш продукт или воспользоваться нашими услугами; то есть для преобразования потенциальных клиентов в продажи. Но что мы можем сделать, чтобы обеспечить максимально возможный коэффициент конверсии (т. Е. От потенциальных клиентов к продажам)?

Когда мы ищем способы понять, что работает с конверсией, а что нет, мы можем столкнуться с несколькими причудами или тенденциями, которые самонадеянно утверждают, что точно знаем, что нам нужно делать: такие вещи, как изменение кнопки на определенный цвет, использование конкретное изображение или значок, либо с использованием определенного макета.Однако для не существует универсальной «волшебной пули» для преобразования . КАЖДЫЙ демографический состав отличается, поэтому нам нужно использовать наши данные и наши знания о нашей конкретной целевой аудитории, чтобы создавать проекты, которые конвертируют. ЕСЛИ есть один единственный совет, который является наиболее важным, это сосредоточиться на юзабилити .

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

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

Обеспокоенный, вы бежите в Google и ищете способы конвертировать пользователей и находите статьи, в которых говорится:

«Красный преобразует лучше, чем зеленый!» «Оранжевый цвет лучше любого!» «Кошачьи картинки! Все любят котят! » «Фотографии людей лучше конвертируются!» «Изображения продуктов лучше конвертируются!» «Логотипы компаний заставляют вас $$»

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

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

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

• Знайте свою аудиторию — Какова ваша аудитория? Их демография? Их местонахождение? Ваш веб-сайт адаптирован под них?
• Знай свои цели — Какова конечная цель сайта? Вы хотите хранить электронную почту? Заставить людей подписаться на услугу? Купить товар?
• Знайте свои оценки юзабилити — Какова эффективность вашего сайта на мобильных устройствах? Это отзывчиво? Какова скорость загрузки сайта в браузере? Как навигация?
• Проверьте свое содержимое — Легко ли читается ваше содержимое? Соответствует ли язык индивидуальным особенностям и уровню образования вашей целевой аудитории? Четко ли передает ваше сообщение / цель в контенте?
• Проверьте свой Fallout — Где вы теряете свою аудиторию? Какой у вас показатель отказов? Какое в среднем время посетители проводят на ваших страницах? Какие страницы наиболее эффективны? Какие страницы являются низкоэффективными?

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

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

Найдите свою аудиторию

На кого вы ориентируетесь?

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

Создайте образы пользователей. Изображение предоставлено: usertesting

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

На что вы нацелены?

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

Определение данных удобства использования

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

Отчет инструмента Google PageSpeed ​​для Medium.com

Как показывает опыт, вы хотите, чтобы ваш уровень пользовательского опыта был выше 90 . Это означает, что все понятно и легко нажимать / щелкать, просматривать и перемещаться по вашему сайту. Вы также хотите, чтобы был уверен, что скорость вашего сайта составляет не менее 80 или более . Если вам 70 лет, проверьте параметры, которые помогут вам оптимизировать скорость своей страницы.Используйте такие сервисы, как CloudFlare, Highwinds, Akamai и т. Д. Для кэширования и CDN (сеть доставки контента), чтобы повысить скорость.

Для вашего настольного компьютера я бы посоветовал вам использовать такие инструменты, как Crazy Egg, Google Analytics, Visual Web Optimizer или любое другое программное обеспечение для тепловой карты или визуального руководства. Это поможет вам определить, на что люди обращают внимание больше всего, и выявить подводные камни, например области, которым не уделяется особого внимания. Если вы объедините некоторые из этих продуктов, используя тепловые карты, трекеры и Google Analytics, вы сможете определить свои последствия и определить, какие страницы работают не так, как вам нужно.

Тепловая карта Crazyegg для Guardian

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

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

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

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

Цвета вашего продукта

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

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

Adobe Color — отличный инструмент для поиска, изменения и создания цветовых схем.

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

Изображение предоставлено: kpalana

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

Макеты

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

Многие люди спрашивают о баннерах-героях и о том, насколько они эффективны с точки зрения повышения коэффициента конверсии. Ответ на это, как и на большинство вещей, которые мы обсуждали, зависит от вашей аудитории. Легко ли ваш баннер-герой объясняет, чего хочет пользователь? Тогда дерзайте. Протестируйте . В противном случае рассмотрите другие варианты, которые могут лучше соответствовать вашему сообщению.

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

Hero carousel

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

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

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

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

Элементы внутри ваших страниц

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

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

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

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

недостоверная фотография . Изображение предоставлено: Material Design

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

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

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

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

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

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

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

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

Удачной конвертации! 🙂

Как удобство использования влияет на прибыль.Как юзабилити влияет на прибыль | пользователя Макс. Speicher

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

Прибыль лежит в основе любого бизнеса. Он определяется с помощью функции прибыли , которая утверждает, что прибыль равна выручке за вычетом затрат [1]. На различные части этой функции — прямо или косвенно — влияет ряд факторов [7]. На доход влияет как цена , так и сумма , проданная предлагаемого товара. С другой стороны, количество продуктов, которые продает бизнес, также зависит от цены, которая не должна быть ни слишком низкой, ни слишком высокой из-за эластичности цены. То есть клиенты не будут покупать чрезмерно дорогой продукт, но на другом конце спектра он может быть воспринят как некачественный, что также приведет к снижению продаж. Общие затраты состоят из фиксированных затрат, и переменных затрат.Последние зависят от количества проданной продукции. Чем больше вы производите, тем выше переменные затраты. В целом, это приводит к следующим зависимостям (диаграмма адаптирована из [7]):

В электронной коммерции Сумма может относиться, среди прочего, к продукту, продаваемому через веб-сайт (например, обуви, книгам , и поездки в отпуск) или подписку на веб-службу или платформу (например, домен, облачное хранилище и потоковую передачу фильмов). На таких веб-сайтах — сознательно или нет — компании часто используют «традиционные» стратегии продаж, которые приводят к так называемым темным шаблонам.Чтобы создать ощущение срочности и дефицита , почти все сайты бронирования путешествий, которые я знаю, постоянно отображают предупреждения о том, что « X другие пользователи в настоящее время просматривают это предложение», «только Y номеров все еще доступны на данном дата », или« текущее предложение действительно еще Z минут ». Такие предупреждения обычно имеют очень яркие цвета, загромождают интерфейс и отвлекают от актуальных функций и задач. В качестве другого примера: во многих случаях кнопки для отмены процесса оформления заказа или подписки сделаны как можно менее четкими (или даже скрыты), в то время как кнопки покупки сильно выделены.

Тем не менее, данные свидетельствуют о том, что это плохая практика. Сауро [5] обнаружил, что «[предположения о юзабилити объясняют примерно 1/3 изменений в лояльности клиентов» в исследовании, в котором изучалась корреляция между шкалой юзабилити системы и рейтингом сетевого промоутера. «Сверхурочные, — утверждает он, — если люди думают, что ваш продукт пригоден для использования, они с большей вероятностью будут его использовать, с большей вероятностью порекомендуют его, а вы с большей вероятностью продадите его». [5]

В различных исследованиях Kuan et al. [2] «обнаружили связь между качеством системы и конверсиями, т.е.д., они определили три аспекта удобства использования, которые «объясняют более 70% отклонений намерений в отношении запланированной покупки, а также будущей покупки». Таким образом, компаниям, занимающимся электронной коммерцией, крайне необходимо постоянно оценивать свои продукты с точки зрения удобства использования. в частности, чтобы оставаться конкурентоспособными ». [8]

Следовательно, удобство использования веб-сайта электронной коммерции, а также самого продукта напрямую влияет на показатели продаж. Следовательно, приведенная выше диаграмма должна быть расширена, чтобы включить концепцию Юзабилити .Из этого следует следующее, которое я называю Conversion / Usability Framework (из-за того, что продажи в электронной коммерции обычно называются конверсиями ):

Удобство использования влияет на три из переменных функция прибыли:

• Юзабилити → Количество: Исходя из того, что я описал выше, юзабилити напрямую влияет на количество продуктов, продаваемых компанией. Чем выше удобство использования веб-сайта электронной коммерции и / или самого продукта, тем на больше товаров будет продано благодаря большему количеству довольных клиентов и большему количеству рекомендаций.
• Удобство использования → переменные затраты: Повышение удобства использования также приводит к снижению переменных затрат, связанных с помощью и поддержкой. Более удобный продукт более интуитивно понятен и вызывает меньше ошибок [3], что снижает количество запросов в службу поддержки и замену дефектных продуктов.
• Удобство использования → фиксированные затраты: Для обеспечения хорошего удобства использования необходимо настроить соответствующие процессы или включить тестирование удобства использования в существующие. Эти дополнительные усилия приводят к увеличению постоянных затрат на .Однако, во-первых, соответствующие процессы проектирования и обеспечения качества уже должны быть в наличии и легко дополняться, а во-вторых, преимущества хорошего удобства использования перевешивают эти возросшие затраты в долгосрочной перспективе.

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

Когда компания хочет увеличить свою прибыль, есть определенные «традиционные» рычаги, которыми можно воспользоваться. Один из способов — снизить ненужные постоянные и переменные затраты, например, путем реструктуризации и оптимизации неэффективных процессов или использования эффекта масштаба. Другой способ — увеличить доход, например, путем улучшения цен, изучения новых маркетинговых возможностей или выхода на новые рынки.Как описано выше, в Концепции преобразования / юзабилити вводится дополнительный рычаг Юзабилити , которым — независимо от компании и продукта — никогда не следует пренебрегать и который может использоваться следующими способами:

• Увеличение продаж: Для того, чтобы Чтобы повысить удовлетворенность и лояльность клиентов и, как следствие, продавать больше продуктов, примите меры по оптимизации использования как вашего продукта, так и каналов продаж. Вы должны задать следующие вопросы: Легко ли использовать мой продукт по прямому назначению? и Легко ли купить мой продукт? Чтобы ответить «да» на эти вопросы, используйте установленные методы проектирования и проводите регулярные пользовательские тесты.
• Уменьшение переменных затрат: Чтобы свести к минимуму количество ошибок клиентов и, как следствие, сократить усилия по поддержке клиентов и количество продуктов, которые необходимо заменить, задайте те же вопросы, что и выше. Кроме того, вам следует внедрить подход Lean Support, на основе которого вы можете постепенно создавать базу знаний, которая позволит вашим клиентам помочь самим себе. Здесь вы должны применить тот же стандарт удобства использования, что и для ваших продуктов и каналов продаж.
• Уменьшение постоянных затрат: Поскольку каждый процесс удобства использования требует определенного количества фиксированных затрат, один из способов снизить последние — это пересмотреть и реструктурировать существующие процессы удобства использования.Тесты с репрезентативными наборами пользователей и реалистичными задачами, которые собирают поведенческие и оценочные данные [6], обычно дают наилучшие результаты. Однако они требуют значительных затрат времени и денег. Если у вас ограниченные ресурсы и вам нужно сократить фиксированные затраты, возможны определенные компромиссы. Например, согласно Нильсену и Моличу [4], простой и недорогой эвристической оценки с использованием всего от 3 до 5 оценщиков уже достаточно, чтобы найти большинство проблем с удобством использования в интерфейсе.

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

Применяя структуру преобразования / удобства использования поверх «традиционных» методов, можно повысить удовлетворенность и лояльность клиентов, снизить переменные затраты и продавать больше и лучше товаров. Этот должен соответствовать здравому смыслу в настройках электронной коммерции, но он также применим не только к веб-сайтам.Для успешного бизнеса важно развить понимание важности своего рода Юзабилити-мышления, независимо от того, как вы продаете свои продукты и какие продукты продаете — будь то чайники, микроволновые печи, автомобили или подписка SaaS.

[1] https://www.aatsl.lk/files/articles/Cost-Revenue-and-Profit-Functions-(English).pdf (по состоянию на 21 сентября 2017 г.).
[2] Куан, Хуэй Хуанг, Ги-Ву Бок и В. Ватанофас (2005). «Сравнение влияния удобства использования на конверсию и удержание клиентов на веб-сайтах электронной коммерции».В: Proceedings of the 38th Annual Hawaii International Conference on System Sciences (HICSS ’05).
[3] Лаубхаймер, Пейдж (2015). «Предотвращение ошибок пользователей: как избежать сознательных ошибок». https://www.nngroup.com/articles/user-mistakes/ (по состоянию на 19 октября 2017 г.).
[4] Нильсен, Якоб и Рольф Молич (1990).