7 советов по взаимодействию с пользователями для эффективной оптимизации конверсии


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

«Люди забудут, что вы сказали. Люди забудут, что вы сделали. Но они никогда не забудут того, что вы заставили их чувствовать».

Эти слова, сказанные смелым фантазёром Майа Анджелу, прекрасно описывают значение и сущность UX.

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

Так что реальный вопрос звучит так: какое переживание мотивирует посетителей?

Примечание: этот пост написан с предположением, что UX-дизайн – это работа для всех: дизайнеров, копирайтеров, разработчиков, маркетологов. Хороший опыт никоим образом не ограничивается макетированием и исследованием.

Вот несколько советов, которыми вы можете воспользоваться:



1. Любовь с первого взгляда существует!


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

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

Не важно, какими инструментами вы будете пользоваться, создавая дизайн: «Больше-Чем-Жизнь» изображения, фоновое видео, анимации или тому подобное. Преследуйте только одну цель: Поощрение скроллинга.

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

Так же: избегайте информационной перегрузки.

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

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

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

Очки на обеих моделях меняются с помощью анимации

Конструкция достойная награды от немецкого агентства Dunckelfeld.


2. Как у соседа


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

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

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

Давайте разберем пример с Дитто. Вот вся страница:

Глазу не прикажешь...

А теперь посмотрите на страницы iPad Pro, сайты от Verisign, Google France’s Moteur de Réussites Françaises. Выделите для себя основные принципы проектирования этих страниц.

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

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



3. TL;DR это правило, а не исключение


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

Ладно. А теперь ответь на вопрос: как внимательно ты читал условия политики конфиденциальности перед установкой программного обеспечения или игры.
Вот именно. Никак. Их вообще никто не читает. (Юристы не в счёт, потому что им за это платят).

Мы поколение скиммеров: мы изучаем страницу до тех пор, пока что-то не бросится в глаза, заставляя нас остановиться и обратить внимание. У High-res графики и анимации больше шансов, но помните, что конечной целью пользователя на вашей странице является поиск информации.

Ради примера, посмотри на главную страницу Sony Xperia:

Это может продолжаться бесконечно...

А теперь сравните это с разделом быстрых данных внизу страницы:


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

Решение: сохраняйте баланс между текстом и иллюстрациями. Помните, что большое количество иллюстраций будет отвлекать от реальной информации, а пользователи более склонны покупать те вещи, о которых имеют представление.
·         
Краткость: разбейте большие объёмы текста, на поддающиеся управлению части информации. Я имею в виду предложения из 10-12 слов (максимум). Большие стены текста незамедлительно вызывают эффект «многа букаф, ниасилил».

KISS (англ. keep it simple, stupid):  Это клише не зря находится в обороте. Главная страница не место для поэтических возгласов и пафосных высказываний о вашем продукте (подробнее об этом чуть позже).

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



4. Долой корпоративщину


Дорогие копирайтеры.

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

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

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



5. Длина форм это миф


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

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

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

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

Уххх, спасибо Virgin America!

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

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



6. Изначально планшетный дизайн


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

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


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

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



7. Это колесо обозрения, а не американские горки


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

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

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

Вот моё любимое пост-конверсивное сообщение:




Последний добрый совет


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

Подходите к любому совету как учёный-исследователь.


Автор перевода: Iamdesigner
Оригинал статьи: awwwards.com


Смотрите также:
Дизайн интерфейсов умер. Да здравствует продуктовый дизайн