Чтобы произвести приятное впечатление на посетителя, заглянувшего на ваш сайт или впервые открывшего ваше приложение или личный кабинет сервиса, у вас есть только 0,05 секунды.
50 миллисекунд — это очень быстро. Человек моргает в два раза дольше (в среднем, моргание длится 100-150 миллисекунд— прим.ред). Занимательная статистика, которая совсем не развлекает, а скорее пугает.
Ведь это означает, что пользователи судят о вашем продукте буквально по первому взгляду на него. И как правило, это экран приветствия.
В этой статье вашему вниманию будет предложен (помимо подробного пояснения, что из себя представляет этот экран) перечень правил, следование которым поможет вам разработать по-настоящему эффективный инструмент вовлечения посетителей.
Содержание статьи
Что такое приветственный экран?
Отличный экран приветствия за 5 шагов
Шаг 1: выберите простой макет
Шаг 2: первый контакт
Шаг 3: действие
Шаг 4: оригинально продублируйте сообщение
Шаг 5: ориентируйтесь на свою ЦА
Что можно и чего нельзя делать?
Можно: Использовать сильные, эмоционально заряженные слова
Можно: Персонализировать опыт
Можно: Разместить на боковой панели чек-лист
Можно: Проявить оригинальность
Можно: Разработать эффективный онбординг пользователей
Нельзя: Размещать на странице приветствия рекламу
Нельзя: Располагать CTA в самом конце страницы
Нельзя: Быть чрезмерно настойчивыми
Что такое приветственный экран?
Экран приветствия — это парадная страница вашего сайта, сервиса или приложения, которая встречает нового пользователя и направляет его далее по контенту.
Приветственный экран сродни визитной карточке или витрине — это место, где люди решают, интересно ли им дальше изучать ваш продукт или нет. Именно здесь вы оправдываете ожидания пользователей, поэтому крайне важно, чтобы эта страница была в любых отношениях превосходной.
Рассмотрим процесс ее создания более подробно.
Отличный экран приветствия за 5 шагов
Шаг 1: выберите простой макет
Страница не должна утомлять, поэтому ее макет должен быть максимально понятен и прост. Обратите внимание на следующие моменты:
- не нужно сбивать посетителя с толку красивыми изображениями или громкими слоганами: лучше подскажите ему, что он может сделать и на что ему лучше обратить внимание (в этом вам поможет онбординг);
- выбор цветового решения и фона на вашей совести, но лучше, если вы подберете что-то более однотонное. Ваша задача — захватить внимание пользователя, а не отвлечь его чем-то посторонним, поэтому и фон, и дизайн должны быть понятными и сдержанными;
- придумайте классный заголовок и не забудьте непосредственно о приветствии.
Приветственный экран от Canva
Теперь вы готовы к созданию подходящего сообщения.
Шаг 2: первый контакт
Помните фильм 2016 года «Прибытие»? (На случай, если вы его не видели: это научно-фантастический фильм об ученом, который пытается найти общий язык с инопланетянами).
Согласны ли вы, что если бы нашими первыми словами к инопланетянам были «Положите руки так, чтобы я мог их видеть!», то в лучшем случае они бы покинули нашу планету и никогда больше не возвращались, а в худшем — испепелили нас лучом лазера?
Кадр из фильма «Прибытие»
Что ж, если для первого контакта с пользователем вы заготовили похожую фразу, они могут сделать то же самое: уйти или даже нанести урон вашему бизнесу публикацией негативных отзывов в социальных сетях.
Ваше сообщение должно излучать тепло и доброту. Продемонстрируйте свою готовность помочь, запустив тур по продукту в виде серии всплывающих окон или подсказок (tooltips). А уже дальше можете добавить что-то более креативное.
Шаг 3: действие
Приветствие следует продолжить CTA-кнопкой, надпись на которой побудит пользователей нажать на нее.
На кнопке может быть написано «Приступим» или «Начать». Разумеется, можно проявить оригинальность и придумать что-то более интересное и необычное.
Постарайтесь сделать так, чтобы цвета кнопки и фона страницы отличались. Так ее сложно будет упустить из внимания.
Поп-ап окно с CTA-кнопкой «Продолжить», которое видит новый пользователь сразу после регистрации
Шаг 4: оригинально продублируйте сообщение
Вы можете повысить эффективность своего ценностного предложения, если разместите его на экране приветствия.
Главное сделать это ярко и интересно.
Не поленитесь снова объяснить посетителям, что представляет из себя ваш продукт или компания, при этом постарайтесь сделать это максимально лаконично. Никто не будет пользоваться услугой, смысл которой непонятен.
Шаг 5: ориентируйтесь на свою ЦА
Вы занимаетесь решением конкретной проблемы, а ваши клиенты — это люди, которые с этой проблемой столкнулись или сталкиваются ежедневно.
Так что вы прекрасно осведомлены о том, кто именно является вашим покупателем, что они думают о вашем продукте, о ваших конкурентах и всем подобном.
Поэтому логично в разработке дизайна ориентироваться именно на вашу персону пользователя, ведь она составляет вашу целевую аудиторию (ЦА).
Например, аудитория вашего образовательного онлайн-сервиса — школьники и студенты. Чтобы произвести на них впечатление, лучше использовать замысловатый дизайн с сочетанием мягких цветов. Или допустим, вы создали гейм-лаунчер, на приветственном экране которого публикуются новинки видеоигр. Остановите свой выбор на неоновых оттенках — это не только уместно, но и весьма оригинально.
В конце концов, понять, что по душе вашей аудитории, а что ей категорически не нравится, можно только путем проб и ошибок. Вкусы у всех разные, и вам нужно научиться учитывать предпочтения вашей ЦА, а для этого — начать собирать обратную связь и опрашивать пользователей.
8 лучших инструментов сбора обратной связи для SaaS-компаний
Что можно и чего нельзя делать?
Можно: Использовать сильные, эмоционально заряженные слова
Они помогут вам привлечь внимание к вашему продукту, разжечь любопытство. Тем не менее перебарщивать тоже не стоит.
Ваш посыл должен быть убедительным, но при этом адекватным. Обратите внимание на такие слова и фразу, как «идеальный», «популярный», «лучший», «во всем мире» — вам следует воздержаться от них, если конечно вам дорога конверсия.
Можно: Персонализировать опыт
Люди должны почувствовать вашу заботу о них, понять, что они вам небезразличны.
К примеру, многие сайты не стесняются запрашивать у пользователя такие персональные данные, как его должность, возраст и т.д. Не делайте это обязательным. Но если посетитель согласен поделиться с вами такой информацией, используйте ее, чтобы поддержать их открытость в будущем, например, персонализируйте контент.
Можно: Разместить на боковой панели чек-лист
Добавьте на экран приветствия чек-лист, чтобы люди в любой момент могли кликнуть по боковой панели и узнать, какой контент на сайте вы рекомендуете изучить в первую очередь.
Можно: Проявить оригинальность
Не копируйте стиль или содержание заголовков других приложений и сайтов. Это неэтично и к тому же может пошатнуть доверие клиентов к вашему бренду.
Каждый из нас любит оригинальный и свежий контент. Вы же стараетесь раскрутить новый бизнес, новый бренд, который имеет массу отличий от тех, что уже представлены на рынке, так зачем же для его презентации использовать старые и уже набившие оскомину идеи?
Не рискуйте доверием покупателей: действуйте оригинально.
Можно: Разработать эффективный онбординг пользователей
Выше было сказано, что при первом контакте у посетителя сразу же формируется первое впечатление о вас. Но это не значит, что это мнение не может измениться и не изменится в ходе дальнейшего знакомства. Особенно, если на приветственную страницу вы добавите детально проработанный онбординг.
Главная задача адаптации пользователей (или онбординга) — продемонстрировать им ценность продукта, одновременно обучив принципам и основным приемам работы с ним. Каждый новый пользователь должен добраться до определенного «ага!»-момента, после которого ему станут ясны его возможности и актуальность для стоящих перед ним задач.
Онбординг может быть реализован при помощи таких инструментов, как туры по продукту и in-app-сообщения, горячие точки (hotspots) и подсказки (tooltips) и многое другое. Некоторые из них вы можете разработать самостоятельно, даже не владея навыками программирования, с помощью так называемых no-code-платформ, одной из которых является наша онбординг-платформа Experrto.
После того, как ваша страница приветствия будет готова, сосредоточьтесь на разработке процесса адаптации пользователя, чтобы ваша работа с новыми пользователями могла считаться относительно завершенной.
Теперь поговорим о том, чего делать категорически нельзя.
Нельзя: Размещать на странице приветствия рекламу
Это правило не требует каких-то дополнительных комментариев. Для рекламы вы всегда можете подобрать место на других страницах сайта. На приветственном экране этого делать не стоит.
Нельзя: Располагать CTA в самом конце страницы
Не забывайте, что до конца страницы люди могут и не добраться и, как правило, и не добираются. Поэтому сразу после вашего оффера найдите место для кнопки призыва к действию. CTA относится к тем элементам, которые должны располагаться на первом экране сайта, выше линии сгиба.
Не заставляйте людей прокручивать страницу и читать все, что вы написали. Предоставьте им возможность сразу перейти к изучению продукта.
Нельзя: Быть чрезмерно настойчивыми
Итак, вы создали прекрасный приветственный экран, сразу за которым следует онбординг пользователей, и в результате которого они просто обязаны оценить плоды ваших трудов.
Возможно, но вот что делать категорически не рекомендуется — это требовать лояльности от каждого нового пользователя, как и вообще заставлять кого-либо что-либо делать против его воли. Вынуждая пользователей к прохождению онбординга и лишая их выбора, вы можете нанести серьезный урон вашему бизнесу: в какой-то момент людям просто надоест плясать под вашу дудку, и они закроют страницу, чтобы больше никогда к ней не возвращаться.
Поэтому важно предоставить людям возможность сразу же перейти к продукту.
20 методик для повышения коэффициента активации
Заключение
Встречают, как известно, по одежке, и чтобы произвести на новых посетителей исключительно положительное впечатление, уже сейчас вам следует заняться разработкой или оптимизацией вашего приветственного экрана и следующего за ним онбординга.
Проявите оригинальность, сохранив тексты и дизайн простыми и понятными, сделайте страницу удобной для работы — это всего лишь несколько способов, как ее можно улучшить.
И не забудьте доработать пользовательский опыт всего остального сайта, потому что тот опыт, который вы предлагаете в целом, — один из важнейших аспектов в отношениях между вашим бизнесом и клиентом.
Прокачайте свой онбординг!
Подписывайтесь на нашу группу в фейсбуке и канал в телеграм, чтобы следить за обновлениями.
По материалам userguiding.com Изображение: freepik.com