Полезное

9 советов по созданию дизайна landing page, которые помогут улучшить UX и конверсию

Автор Freelance.Today

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

Вот несколько советов, которые могут помочь вам преуспеть в деле.

 

Создавайте простой, чистый макет

 

Минимализм — не отсутствие чего-то. Это просто идеальное количество чего-либо

— Николас Берроуз

 

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

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

Вот хороший пример чистой, понятной структуры страницы:

 

 

Захватите внимание — и удерживайте его

 

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

— Алистер Кролл

 

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

 

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

Никогда не забывайте о цели лендинга: вы должны заставить людей принять одно действие.

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

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

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

 

Геймифицируйте страницу

 

Игра является высшей формой исследования.

-Альберт Эйнштейн

 

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

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

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

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

 

Не продавайте – научите

 

Не говорите: «Пожилая дама закричала». Приведите ее и дайте ей кричать.


— Сэмюель Клеменс, он же Марк Твен

 

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

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

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

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

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

 

Предложите поделиться

 

Дружба – не что иное, как обмен.

— Элли Визель

 

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

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

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

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

 

 

Позвольте числам говорить за вас

 

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

— Стефан Ликок

 

Все мы знаем, что некоторые статистические данные ничего не значат. Кто эти четверо из пяти стоматологов, которые рекомендуют Colgate / Aquafresh? И как все они могут быть 80% стоматологов, чтобы рекомендовать что-то ?! И как получается, что 90% мощности наших мозгов не используется?

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

Как много людей считает, что ваш продукт сделал их более эффективными? Удовлетворены ли они этим? Какой процент согласен с тем, что ваш продукт улучшил культуру компании?

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

Вот как это делает Slack:

 
 

Создавайте дизайн (и пишите) для вашей аудитории

 

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

— Дэвид Огилви

 

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

Кто ваша аудитория? Веб-дизайнеры, любители кроссовок, или любители клеить модели поездов? Пара кроссовок может быть «крутой», но миниатюрный локомотив нет.

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

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

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

 

Продолжайте разговор

 

Разговор — это диалог, а не монолог.

— Трумен Капоте

 

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

 


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

 

Сделайте взаимодействие простым

 

Путешествие в тысячу миль начинается с одного шага.

— Лао-Цзы

 

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

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

 

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

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

 

Источник 

  • 2431