Самое важное из главы 5
• Для визуализации лендинга используйте прототипирование.
Удобнее всего создавать прототип в программе Balsamiq. Обратите пристальное внимание на юзабилити еще на этапе макета.
• Учитывайте основные принципы дизайна.
К ним относятся: легкость и простота восприятия, удобство, функциональность, наглядность и логика. Следите, чтобы ваш дизайн не противоречил этим принципам.
• В дизайне действуют законы социального соглашения.
Используйте этот факт при выборе цветовых сочетаний. И помните, что черный текст на белом фоне усваивается лучше, чем любой другой.
• Размер шрифта – не менее 12 пикселов.
Всегда выделяйте прямую речь курсивом, избегайте красного цвета в заголовках и включенного режима Caps Lock, синий цвет и подчеркивание – только для ссылок. Не запутывайте посетителей.
• Первый экран – то, что обязательно увидят ваши клиенты.
Обязательные элементы первого экрана: логотип, дескриптор, заголовок (выгода), подзаголовок (дополнительная выгода), кнопка или форма заказа, тематическая фотография.
• Критерии идеальной формы регистрации.
Кнопка должна быть уникального цвета (заметна на расстоянии двух метров от монитора), к заполнению предлагайте не более 2–3 полей, все поля – с валидацией и маской ввода.
• Триггеры – выгоды клиента, оформленные визуально.
Триггер можно оформить как в виде текста, так и значками. Это зависит от выбранной вами концепции дизайна. Используйте не более четырех элементов.
• Оформляйте отзывы и кейсы правильно.
Обязательные элементы: заголовок, несущий выгоду, важное выделено жирным шрифтом, прямая речь написана курсивом, есть ссылка на соцсеть или контакты персонажа, обозначены его статус и/или должность.
• Оформление продукта.
Блок с описанием продукта легко оформить по схеме: заголовок, фотография продукта, краткая характеристика, кнопка Заказать.
• Комплектации продукта и сравнение с конкурентами.
Комплекты и сравнение с конкурентами лучше всего оформлять в виде таблицы. Соблюдайте последовательность от дорогого к дешевому, визуально выделите выгодное предложение (рамка другого цвета).
Больше книг — больше знаний!
Заберите 30% скидку новым пользователям на все книги Литрес с нашим промокодом
ПОЛУЧИТЬ СКИДКУ