Идеальный Landing Page. Создаем продающие веб-страницы | страница 66
Обратите внимание на одностраничник (рис. 5.3). Это сайт, продающий услуги разработки дизайна интерьеров. Выгоды представлены триггерами с правильным количеством элементов.
Рис. 5.3. Пример дизайна одностраничника
Всегда соблюдайте принцип четырех элементов. Не используйте больше четырех выгод или больше четырех отзывов. Это важный момент, который улучшит восприятие посадочной страницы.
Русскоязычная аудитория воспринимает информацию и читает слева направо, сверху вниз. Это так называемый F-образный шаблон восприятия (рис. 5.4).
Если вы будете изучать китайские сайты, то заметите, что у них информация ориентирована на другой принцип восприятия.
Рис. 5.4. F-образный шаблон
На рисунке представлена тепловая карта, на которой видно, где пользователь щелкает на странице с выдачей поисковика Google. Человек, читая, воспринимает информацию по контуру, напоминающему букву F. Поэтому необходимо располагать и выравнивать текст по левому краю. По центру допускается выравнивать заголовок на первом экране.
Избегайте лесенок с текстом. Посетителю сайта будет сложно перепрыгивать взглядом со строки на строку.
Обратите внимание на этот скриншот. Человек лучше воспринимает то, что находится в левой колонке, а то, что в правой, – вне зоны его внимания.
Конечно, вы хотите, чтобы у формы заказа была максимальная конверсия. Расположите всю форму в одну строку или в один столбик. Это поможет увеличить число заявок.
Рассмотрим рисунок, на котором изображена поисковая выдача «Яндекса» (рис. 5.5).
Рис. 5.5. Поисковая выдача «Яндекса»
Везде информация представлена в виде буквы F: заголовок, текст объявления, домен. Это скриншот старый, сейчас объявления в «Яндекс.Директ» выглядят немного по-другому, так как разработчики компании постоянно тестируют сайт. Зайдите на него, возможно, вы найдете для себя пару интересных решений.
В следующий раз также обратите внимание, как спроектированы сайты, которые вы часто просматриваете. Вы увидите, что практически все построено по F-образному шаблону.
Одна группа элементов на одном экране. Чтобы акцентировать внимание пользователя на важных для вас вещах, следует располагать элементы таким образом, чтобы на одном экране находилась только одна группа элементов, один смысловой блок.
Важные элементы выделены. Важные элементы нужно выделять. Человеческое внимание концентрируется на чем-то одном. Обычно на том, что выделено из общего. Но будьте осторожнее…
Если вы напишете два текста, один текст выделите курсивом, другой – жирным и поместите их рядом, то ваше внимание привлечет лишь один из них. Хотя формально оба текста выделены.
