Прототип — это не схема из серых прямоугольников, а первая версия аргументов, которые убедят клиента выбрать вас. Поэтому тексты нужны до дизайна, а не после. Рассказываем, какой материал собрать, как его разложить по блокам и как проверить результат.
Почему прототип нельзя делать на Lorem ipsum
Структура сайта — это последовательность аргументов. Заглушка скрывает, что аргументов не хватает, заголовок не влезает в строку, а кнопке нечего обещать. Всё это всплывает на этапе дизайна, когда исправлять уже дороже.
С настоящими текстами прототип можно показать клиентам и коллегам и получить обратную связь по смыслу, а не по цвету кнопок.
Что собрать до начала прототипа
Формула продающего блока
- 1Заголовок — выгода. Не «Наши услуги», а то, что клиент получит: «Сайт, который приводит заявки с первого месяца».
- 2Подзаголовок — как. Одно предложение о механике: за счёт чего обещание выполнимо.
- 3Доказательство. Цифра, кейс или отзыв рядом с обещанием, а не в отдельном блоке внизу страницы.
- 4Действие. Кнопка с конкретным глаголом: «Рассчитать стоимость», а не «Подробнее».
«Ремонт квартиры за 60 дней с фиксированной сметой. Платите по этапам, после приёмки каждого. 120 сданных объектов — фото и отзывы ниже. [Рассчитать стоимость]»
— пример блока для ремонтной компании, собранного по формулеКак написать тексты: 5 шагов
- 1Соберите факты. Заполните бриф по шести пунктам выше. Пишите как есть, без стиля — сейчас важна полнота.
- 2Разложите по экранам. Каждое возражение и преимущество — отдельный блок. Порядок: оффер, боль, решение, доказательства, цены, вопросы, призыв.
- 3Напишите заголовки. Прочитайте только заголовки сверху вниз. Если по ним понятно, что вы продаёте и почему вам верить, структура рабочая.
- 4Сократите. В прототипе текст должен помещаться в блок. Абзац длиннее 3–4 строк на десктопе почти никто не дочитывает.
- 5Проверьте на человеке. Покажите прототип тому, кто не знает продукт. Попросите за 10 секунд сказать, что здесь продают. Если не может — вернитесь к шагу 3.
Частые ошибки
- →Писать о себе, а не о клиенте. «Мы на рынке с 2010 года» — факт о компании. «16 лет опыта: знаем, где обычно срываются сроки» — выгода для клиента.
- →Переносить тексты со старого сайта. Новая структура требует новых текстов. Старые абзацы почти никогда не встают в новые блоки без потери смысла.
- →Откладывать тексты на после дизайна. Дизайн под заглушку приходится переделывать, когда приходит настоящий текст: он длиннее, короче или вообще о другом.
- →Один текст для всех. Если у вас разные аудитории, им нужны разные аргументы. Иногда — разные страницы.
Когда тексты готовы, переходите к самому прототипу — по шагам разобрали в статье дизайн прототипов по шагам. А чтобы быстро договориться о визуале, пригодится шпаргалка по стилям веб-дизайна.
Частые вопросы
Можно ли делать прототип с текстом-заглушкой Lorem ipsum?
Лучше нет. Заглушка скрывает главные проблемы: заголовок не помещается, аргументов не хватает на блок, кнопке нечего обещать. Даже черновые, но настоящие тексты дают прототипу смысл и позволяют проверить его на людях.
Кто должен писать тексты для прототипа: заказчик или студия?
Факты знает только заказчик: продукт, цены, сроки, кейсы, частые вопросы клиентов. Студия превращает их в структуру и формулировки. Лучший результат даёт связка: заказчик заполняет бриф, копирайтер или дизайнер собирает из него тексты.
Насколько тексты в прототипе должны быть финальными?
Заголовки, подзаголовки и тексты кнопок — близко к финальным, они определяют структуру. Описания можно оставить черновыми: на этапе дизайна их всё равно отредактируют.
Можно ли написать тексты для прототипа с помощью ИИ?
Да, если дать модели факты: кто клиент, какие у него возражения, чем вы отличаетесь, реальные цифры. Без фактов ИИ пишет гладкие, но пустые тексты, которые подходят любой компании.
