СОЗДАЙ СВОЙ LANDING PAGE ПРЯМО СЕЙЧАС! ВЕСЬ ФУНКЦИОНАЛ БЕЗ ОГРАНИЧЕНИЙ - ПРОСТО ЗАРЕГИСТРИРУЙСЯ!
Бесплатно создать

Дизайн должен убеждать

4 сентября 2015 г.
Комментариев не добавлено

дизайн лендинга

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

Рассмотрим основные моменты убедительного дизайна:


 

I. Ясность лендинга

 

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

Такой же вопрос задает и пользователь при посещении лендинга. А затем возникает еще целый список вопросов. И ответы на эти вопросы нужно дать пользователю быстро, а ответы должны быть разумные и доступные для понимая. Вот поэтому так важно первое посещение, первый взгляд на лендинг и первые 8 секунд, о которых мы постоянно говорим.

Что является самым важным в дизайне лендинга или сайта:

Ваш дизайн должен сразу удовлетворить посетителя по трем пунктам:

- что это (за сайт)?
- что я могу здесь найти (что ищу)?
- есть ли выгода для меня здесь (а нужно ли мне выполнять действие здесь)?

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

Если говорить о сайте, то простота и ясность должны быть на всех страницах: товар, продукты, контакты. ВЕЗДЕ. Это самый важный момент дизайна и контента.

Давайте на практике проверим отвечает ли страница примера на необходимые вопросы:

дизайн лендинга

- что это? Даже изображение подчеркивает ответ на вопрос. Сервис связан с кредитными картами. А надпись над лид-формой, говорящая о том, что кредитные карты начинают приниматься уже сегодня, подчеркивает смысл лендинга. То есть все предельно ясно;

- что я могу здесь найти? Reader для кредитных карт. Ответ на этот вопрос также понятен;

- есть ли выгода для меня? Бесплатно - конечно, выгодно. А процент за транзакцию самый низкий. Тоже выгодно.

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

Еще один пример:

дизайн landing page

Крупный план лица и глаз - хороший прием установления контакта и доверия. Но  метод использования слов в превосходной степени («самый простой способ») уже не вызывает доверия у публики.

Поэтому уберите эпитеты и слова в превосходной степени!

До сих пор многие маркетологи продолжают использовать слова «простейший», «вкуснейший», «лучший». На многих пользователей эти слова уже не действуют. Но если Ваш товар действительно лучший, то дайте доказательства своим словам. Если же это только Ваше мнение и доказательств нет, то лучше промолчите.


 

II. Привлекательность дизайна лендинга

 

Итак, пользователь понимает, что эта страница для него важна и нужна. Теперь нужно увлечь и привлечь пользователя.

Первое впечатление - самое важное

Мнение о своей симпатии или антипатии к ресурсу пользователь составит быстро - лишь взглянув на страницу. Симпатия приведет к тому, что пользователь останется, тогда его проще будет довести до покупки. Антипатия - пользователь уйдет.

Британские маркетологи провели ряд опросов, которые показали, что дизайн сайта или лендинга влияет на мнение 94% пользователей. Только малый процент посетителей просматривают контент ресурса, если им не нравится дизайн. То есть симпатия зависит от «внешности». Все, как в жизни smiley

Пример из жизни (фото от компании Tesla):

дизайн

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

Как сделать дизайн, вызывающий симпатии?

У всех разный вкус, каждому нравится определенный цвет. Как же определить хороший дизайн? Эту работу уже провел Google, определив основные признаки хорошего дизайна:

- простота;
- следование стереотипу: у пользователей есть представление традиционного внешнего вида сайта определенной тематики. В данном случае Google рекомендует стереотип не ломать.

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

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

А вот пример традиционного дизайна:

дизайн лендинг пейдж

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

Снова пример страницы, перегруженной информацией:

И пример понятного и ясного дизайна:

качественный дизайн создать

III. Соблюдаем иерархию

 

Иерархия - это основной принцип для соблюдения порядка на странице:

элементы дизайна

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

 

Определяем цели

 

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

Пример правильной, с нашей точки зрения, иерархии в дизайне является сайт Williams Sonoma:

качественный дизайн лендинга

Контрасты важны

 

Постоянно на протяжении долгого времени дизайнеры и маркетологи спорят о важности цветов. Но важен не цвет, а контраст:

контраст в дизайне

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

Помните: контраст цветов важнее самих цветов.

 

Используйте пустое пространство

 

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

как сделать лендинг

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

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

 

IV. Удержать внимание

 

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

Также хорошо работаю страницы с фотографиями людей, смотрящими прямо на читателя:

дизайн посадочной страницы

Для индустрии красоты и медицины хорошо работают фотографии с человеком до и после процедуры:

дизайн целевой страницы

Что-то неожиданное в изображении также привлекает внимание:

дизайн продающей страницы

И привлекать в дизайне лендинга могут не только картинки, но и текст или его оформление:

дизайн сайта

Кстати, «убить» внимание тоже можно. Сплошная простыня текста, неприличный жаргон - это Ваши «помощники»:

создать дизайн лендинга

Но мы же не хотим этого. Поэтому создавайте хороший контент и размещайте его в правильной и привлекательной форме:

как создать дизайн лендинга

Страница на правой стороне - отличный пример хорошей и продуманной работы.

 

Обновляйтесь

 

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

 

Проблема выбора

 

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

дизайн лендинга самому

Изображения товара

 

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

дизайн

Но пользователи предпочитают меньше товара на странице сайта, но в более увеличенном виде:

дизайн для ледндинга

Второй вариант поднял конверсию на четверть.

 

V. Меньше действий, больше информации

 

Для каждого лендинга определите основное действие. Тогда пользователю будет проще понять и принять решение:

заказ дизайна

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

 

Эпилог

 

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


 

Вернуться назад