Если есть фокус-группа, можно уже давать ей прототип на тестирование. Так появится первый урожай фидбеков, чтобы поправить прототип до начала реализации конечного сайта.
Дальше материалы по UX-проектированию передаются UI-дизайнеру. Он отвечает за финальные физические характеристики проекта: условно говоря, какого цвета будет сайт, удобно ли будет кликать по кнопочкам и читать текст. UI-дизайнер доведет наработки «до кондиции» для начала реализации — но только от UX-проектирования зависит, каким будет «фундамент».
Шаг 5. Техническая проверка готовой страницы — разработка посадочных страниц
Даже самые многообещающие гипотезы по CRO абсолютно бесполезны, если сайт не будет открываться в определенных браузерах или выглядеть криво на мобильных. Потому базовая техническая гигиена — прежде всего.
- Проверка в браузерах:
- Google Chrome;
- Mozilla Firefox;
- Internet Explorer 9;
- Internet Explorer 8;
- Opera;
- Safari.
- Оценка в инструменте ScreenFly от Quirktools.com, насколько корректно отображается сайт на основных разрешениях экрана при ширине:
- 800 px;
- 1024 px;
- 1280 px;
- 1920 px;
- 300 px.
- Скорость загрузки сайта в GTMetrix в зеленой зоне (уровень А или В).
- Мобильная адаптивность сайта проверяется в mobile-friendly-инструменте Google.
- Проверить код сайта на валидность можно в валидаторе.
5 лучших практик и тенденций CRO 2019 —оптимизация коэффициента конверсии
Как и любые другие, тенденции CRO каждый год меняются, потому что меняется поведение и требования пользователей, на которые оптимизация коэффициента конверсий направлена. Чем больше люди привыкают к хорошему UX, тем сложнее их впечатлить лучшим UX. Уникальность, своевременность и детализированность — 3 принципа, которые определяют качество подхода к UX-проектированию. И вот лучшие способы применить эти принципы.
Видео (но только качественное!), чтобы объяснять наглядно — оптимизация коэффициента конверсии
Исследование eyeviewdigital.com показало увеличение конверсии на 80% благодаря использованию видео на посадочной странице. Неплохая мотивация заморочиться со съемкой и добавлением на сайт, не так ли?
Если вы продаете косметику, покажите ее использование. Hunky Production снимают видео и показывают нарезку примеров работ, что сразу демонстрирует их уровень и качество. Genius Marketing проводят обучающие мероприятия и показывают съемку с конференции, которая передает масштабы действа. WOW!Touch продают бьюти-боксы с косметикой и показывают распаковку бокса: пользователь видит, на что он подписывается. Mobilunity «находят таланты, которые вы, возможно, не можете найти на локальном рынке» и показывают специалистов в неформальной обстановке с короткими подписями, кто и чем занимается. Alba создают интерьеры и показывают пример своей работы.
Конечно, далеко не все могут показывать именно свою работу (если вы занимаетесь пластической хирургией, вряд ли кому-то будет приятно смотреть видео с процессом операции), хотя обыграть можно практически любую тему.
Пара советов, чтобы видео действительно принесло успех:
- можно использовать не только видеофон на первом экране, но и встраивать обычный плеер на страницу;
- качество реально важно: плохое видео больше испортит впечатление о компании, чем поможет что-то объяснить;
- если вы используете видеофон с текстом поверх, избегайте текста в самом видео: они будут накладываться друг на друга и создавать бардак;
- не включайте автовоспроизведение, если используете плеер — видео со звуком, которое включается само по себе, может серьезно раздражать;
- оптимизируйте скорость загрузки для страниц с видеофоном: все должно загружаться быстро и не заставлять устройство пользователя подвисать в попытках прогрузить гигабайтный ролик;
- СТА должно быть видно при просмотре видео, чтобы пользователь не забывал про действительно важную вещь: конверсию;
- видео должно нести смысл и пользу; рандомный ролик, который не помогает пользователю познакомиться с продуктом, чаще отвлекает, чем помогает.
Оптимизированная страница чекаута, чтобы возвращать потеряшек — оптимизация коэффициента конверсии
Если вы развиваете екоммерс-сайт, вы сами знаете, что такое брошенные корзины и как много магазин может недополучать прибыли из-за уходящих в последний момент пользователей. С ними можно (и нужно) работать при помощи разных инструментов, тот же ремаркетинг никогда не устаревает. Но есть способы и «ближе к телу»: оптимизировать страницу чекаута.
По исследованию Baymard Institute, средний задокументированный коэффициент брошенных корзин в онлайне составляет 70%. Причин для брошенных корзин может быть масса: сложный процесс заполнения всех форм, неподходящие варианты оплаты (к примеру, только наличные курьеру с обязательной курьерской доставкой) или доставки (к примеру, доставка только Укрпочтой, брр), отсутствие безопасных платежей… Да что-только-не.
Упрощайте способы покупки и тот самый коэффициент трения, подключайте разные системы доставки и оплаты, если товар со скидкой — до последнего показывайте плашку, сколько человек экономит (в процентах и национальной валюте), не просите информации сверх необходимого. Обязательно используйте нормальные системы платежей — формат «Мы вам перезвоним и скажем номер личной карты», конечно, привычен для СНГ, но все дальше вызывает нотку разочарования у пользователей. И, конечно, делайте все с тестами. Тестирование — залог принятия правильных решений.
Машинное обучение для большей персонализации — оптимизация коэффициента конверсии
Чем более личный подход вы используете, тем больше шансы на конверсию. И в 2019 году есть масса инструментов добиться нужного уровня персонализации.
Самый простой способ, который был актуален и раньше, — сегментация групп объявлений и соответствующих посадочных страниц при помощи SKAg, чтобы таргетироваться на одиночные поисковые запросы. Кастомизация UX-страниц как минимум основывается на классической сегментации пользователей:
- демографические показатели: адаптируем дизайн под паттерны целевой аудитории, ведь если наш клиент — 18-летняя девушка, то сайт должен выглядеть иначе, чем для 30-летнего мужчины;
- локация: если это интернет-магазин с офлайн-представительствами, локализация дает возможность покупать не только онлайн, но и приходить в магазин и покупать офлайн. Допустим, на сайте Комфи можно указать Днепр, но понимать, что есть возможность прийти в одну из 5 точек, чтобы посмотреть товар и сделать покупку; или же заказать доставку в одну из точек и прийти проверить товар;
- время активности: акционные предложения по активному времени;
- используемые устройства и браузеры: если это десктоп, то фокус на преобразовании десктопа, если это мобильные — на них;
- ключевые слова/поисковые запросы, благодаря которым пользователь попал на страницу: можно лучше кастомизировать контент, делая правильный акцент на нужные ключевые слова.
В наше время, чтобы впечатлить пользователя, нужно это и даже немного больше. Как кастомизация предложений на основе личной истории покупок пользователя, предыдущих конверсиях, желаемой цены за продукт.
Как это реализовать?
Вариант, который первым приходит на ум, — рекомендательные системы. По кейсам Dynamic Yield, разноплановая оптимизация на 15% увеличила средний доход с пользователя в компании LUISAVIAROMA, а компания Sephora достигла 6-кратного увеличения ROI от рекомендаций товаров на страницах, плюс повышения кликабельности на страницах на 4%. LaModa так вообще получила фантастические результаты в виде 35-кратного увеличения ROI, 15-миллионного (в долларах!) прироста валовой прибыли и 8-процентного увеличения прибыли/сессия как раз таки за счет автоматической персонализации. Даже если не замахиваться на такие масштабы, возможности рекомендательных систем однозначно пригодятся всем.
Еще одна интересная вещь — это автоматическая регуляция цен.