Самое важное из главы 5

We use cookies. Read the Privacy and Cookie Policy

• Для визуализации лендинга используйте прототипирование.

Удобнее всего создавать прототип в программе Balsamiq. Обратите пристальное внимание на юзабилити еще на этапе макета.

• Учитывайте основные принципы дизайна.

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

• В дизайне действуют законы социального соглашения.

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

• Размер шрифта – не менее 12 пикселов.

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

• Первый экран – то, что обязательно увидят ваши клиенты.

Обязательные элементы первого экрана: логотип, дескриптор, заголовок (выгода), подзаголовок (дополнительная выгода), кнопка или форма заказа, тематическая фотография.

• Критерии идеальной формы регистрации.

Кнопка должна быть уникального цвета (заметна на расстоянии двух метров от монитора), к заполнению предлагайте не более 2–3 полей, все поля – с валидацией и маской ввода.

• Триггеры – выгоды клиента, оформленные визуально.

Триггер можно оформить как в виде текста, так и значками. Это зависит от выбранной вами концепции дизайна. Используйте не более четырех элементов.

• Оформляйте отзывы и кейсы правильно.

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

• Оформление продукта.

Блок с описанием продукта легко оформить по схеме: заголовок, фотография продукта, краткая характеристика, кнопка Заказать.

• Комплектации продукта и сравнение с конкурентами.

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