Быстрая загрузка, длина форм и любовь с первого взгляда.
Эти слова, сказанные смелым фантазёром Майа Анджелу, прекрасно описывают значение и сущность 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).
Совет: показывайте рекомендации для продуктов \ услуг (Пример: Амазон). Предложите халяву, чтобы показать вашу признательность. Поощряйте рефералов и социальные акции (но не заваливайте этим пользователей сверх меры).
Вот моё любимое пост-конверсивное сообщение:
Последний добрый совет
Отбросьте мысли, что существует лучшая или универсальная практика, подходящая всем и вся. Не нужно принимать каждый даваемый мною в этой статье совет на веру.
Изучите, внедрите, проверьте и, если нужно, развенчайте.
Подходите к любому совету как учёный-исследователь.
Смотрите также:
Дизайн интерфейсов умер. Да здравствует продуктовый дизайн