Время изучения: ~7 минут Описание типов

Типы
прототипов лендинга
Оф Медиаплан

н т
л ы е
KPI

К а н а р
Ко

Бренд ка ку
УТер А

н
CTRMI орАон КоЛенSдEO
нв Ц

RO н
П сия
р

В а л и и н
фе

2 C E m C P O з г
B
Охват a д
il Ли ков CR к а
Реклама Бриф Упа AIDA
B2B

CTA
 Типы прототипов лендинга
Привет!

В этом материале расскажем о том, какие бывают типы прототипа лендинга и в чем их
отличия.

Напомним, прототип — это схематичный, детальный план нашей страницы. По способу

создания прототипов выделяют четыре вида:

1. Wireframe (вайрфрэйм) — “каркас” или “скелет” лендинга. Чаще всего вайрфрэйм готовят в
формате черно-белых блок-схем, которые показывают структуру и последовательность
блоков на лендинге. Также на вайрфрэйме отображают кнопки, тексты, формы, виджеты и так
далее. Такой прототип также удобен для работы разработчиков, которые будут делать
страницу. Они могут наглядно видеть какие элементы будут и какие размеры у этих
элементов. Вайрфрэйм не показывает визуальную часть страницы, не дает понимания как
она будет выглядеть в итоге, так как он черно-белый. Но он помогает понимать структуру,
удобство и логическую последовательность информации. Ниже примеры:
2. Mockup (мокап) или макет. Это детализированный, цветной шаблон страницы. Здесь уже
отображаются различные визуальные фишки, стилистика, подбор шрифтов. На мокапе
должны быть утвержденные текста, иконки, формы, картинки и так далее. Посмотрим пример
мокапа:
3. Живой прототип. Отличие от мокапа в том, что на кнопочки, формы и картинки в живом
прототипе можно нажать. Они интерактивные. Живой прототип можно использовать для
тестирования, чтобы понять удобен ли интерфейс пользователю. Например, если при
нажатии на кнопку, клиент должен попадать на определенную часть лендинга, или на форму,
то в прототипе это все отображается.

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