БИБЛИОТЕКА ЗНАНИЙ«Если каждый день уделять 15 минут на совершенствование своих знаний и навыков, то уже через 1 год Вас невозможно будет догнать»Основатель «Graf holding», Игорь Граф
|
Поздравляю тебя, мой дорогой читатель! Ты добрался аж до пятой части статьи Оливера Гарднера! Все понравилось?
Самое вкусное еще впереди! Особо нетерпеливые лингвисты могут осилить эту статью в оригинале.
Не поймите меня правильно. Я люблю бабочек, цветочки, единорогов, радугу.
И, конечно же котов.. Но всему же есть свое время и место.
Как парень, повидавший больше целевых страниц, чем кто-либо на планете, за свою жизнь я встречал кучу проектов, которые выглядели катастрофически. Дизайн настолько ужасен, что каким-то садистским образом я в него даже влюбился. Мне нравится критиковать лендинги.
Это включает мой альтруизм. Я сравниваю это со спасением щенка. Это мой дизайнерский ответ «Освободите Вилли«. Я, кажется, сказал 3 минуты? Хорошо, за 150 секунд я выложу тебе Теорию Дизайна, зацикленную на повышение Конверсии.
В своей статье я уже говорил, что дизайн лендинга связан с вниманием. Твое объявление привлекает внимание, заголовок его удерживает, а дизайн страницы — фокусирует.
То есть, цель твоего дизайна — привлечь внимание к самому важному элементу (ам) на странице. Да читай же ты быстрей, черт возьми!
Это знаковый пример силы направленных сигналов. Персонаж не просто смотрит тебе прямо в душу.
Он еще и указывает на тебя, усиливая слово ты. Или я, ориентируясь на большую пользовательскую перспективу.
Как видишь, примеры развевают все сомнения относительно цели страницы. Секрет в том, чтобы сочетать элементы дизайна, таким образом, направляя людей по нужному пути, общаясь с ними через четко выстроенные сигналы.
Нет никакой необходимости в том, чтобы президент твоего шахматного клуба приглашал людей на игру в Монополию.
Шкурка выделки не стоит.
Инкапсуляция — это, когда ты выделяешь окно на лендинге в области кнопки призыва к действию. Это наиболее эффективный способ выделения формы #обожаюформы!
Посмотри на целевую страницу, представленную ниже. Что выделяется? Форма. Это было так трудно? Чертовски трудно, если посмотреть на лендинги большинства людей.
«Если оно тебе так нравится, так женись на нем!» (Бьонс Ноул)
Если только ты не живешь в пещере, ты наверняка читал о сплит-тестировании палитры цветов. Красный лучше всего, зеленый подходит, оранжевый — приглашает. Фтопку. Абсолютно все это. Все просто: посмотри на преобладающий цвет в лендинге и дополни его в своем CTA.
В предыдущем примере этот прием применяется дважды. Форма заполнения резко контрастирует с самой страницей, а кнопка призыва — с формой.
Если тебе нужна помощь с контрастными цветами, воспользуйся цветовым колесом от Tiger Color Lab.
Добавляй побольше пространства. Выделяй вещи. Ты можешь использовать любой цвет а не только белый.
Надеюсь, меня не сочтут расистом после такого заявления. Лучше сказать так: «Добавляй пробелы». Так-то лучше. Пробелы.
Две колонки. Улыбающееся личико. И куча пространства. Содержание — важней всего.
Но это не значит, что ты не можешь его грамотно расположить. Другой пример.
Так точно. Нашел. По ключевым словам «самый кошмарный лендинг в истории».
Народ, не жадничайте! Еще больше пространства.
Я имею в виду, что, применяя эти простые принципы в дизайне, ты акцентируешь внимание на своем призыве к действию.
Так ты можешь увидеть, насколько он силен или слаб. В конце концов, бессмысленно привлекать внимание к чему-то, что, по сути, хромает.