БИБЛИОТЕКА ЗНАНИЙ

Поздравляю тебя, мой дорогой читатель! Ты добрался аж до пятой части статьи Оливера Гарднера! Все понравилось?

Самое вкусное еще впереди! Особо нетерпеливые лингвисты могут осилить эту статью в оригинале.

Не поймите меня правильно. Я люблю бабочек, цветочки, единорогов, радугу.

И, конечно же котов.. Но всему же есть свое время и место.

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

Это включает мой альтруизм. Я сравниваю это со спасением щенка. Это мой дизайнерский ответ «Освободите Вилли«. Я, кажется, сказал 3 минуты? Хорошо, за 150 секунд я выложу тебе Теорию Дизайна, зацикленную на повышение Конверсии.

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

То есть, цель твоего дизайна — привлечь внимание к самому важному элементу (ам) на странице. Да читай же ты быстрей, черт возьми!

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

Он еще и указывает на тебя, усиливая слово ты. Или я, ориентируясь на большую пользовательскую перспективу.

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

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

Шкурка выделки не стоит.

Инкапсуляция — это, когда ты выделяешь окно на лендинге в области кнопки призыва к действию. Это наиболее эффективный способ выделения формы #обожаюформы!

Посмотри на целевую страницу, представленную ниже. Что выделяется? Форма. Это было так трудно? Чертовски трудно, если посмотреть на лендинги большинства людей.

Если только ты не живешь в пещере, ты наверняка читал о сплит-тестировании палитры цветов. Красный лучше всего, зеленый подходит, оранжевый — приглашает. Фтопку. Абсолютно все это. Все просто: посмотри на преобладающий цвет в лендинге и дополни его в своем CTA.

В предыдущем примере этот прием применяется дважды. Форма заполнения резко контрастирует с самой страницей, а кнопка призыва — с формой.

Если тебе нужна помощь с контрастными цветами, воспользуйся цветовым колесом от Tiger Color Lab.

Добавляй побольше пространства. Выделяй вещи. Ты можешь использовать любой цвет а не только белый.

Надеюсь, меня не сочтут расистом после такого заявления. Лучше сказать так: «Добавляй пробелы». Так-то лучше. Пробелы.

Две колонки. Улыбающееся личико. И куча пространства. Содержание — важней всего.

Но это не значит, что ты не можешь его грамотно расположить. Другой пример.

Так точно. Нашел. По ключевым словам «самый кошмарный лендинг в истории».

Народ, не жадничайте! Еще больше пространства.

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

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