# Текстовый и блочный прототип лендинга

Учебное приложение к статье о прототипе. Компания и наблюдения вымышлены, это не страница действующей услуги

Порядок: заполните свой паспорт, подтвердите условия, свяжите вопросы с ответами, соберите блоки и действия, выполните задачу понимания, исправьте найденный разрыв и повторите

Учебный паспорт: регулярный уход за существующими растениями в офисах Екатеринбурга; действие — обсудить уход; после обращения уточняются сведения, после знакомства с объектом согласуется план. Закупка и новое озеленение не включены

Ниже полный заполненный прототип и карта переходов. Кнопки обозначают будущий сценарий, реальные сообщения не отправляются
## Полный текстовый прототип учебной страницы

Теперь заполним семь блоков тем содержанием, которое можно передать дизайнеру. Текст ниже показывает принятую в учебном сценарии структуру, а не публичное предложение действующей компании

Условие «подтверждено» относится к вводным этого примера. На своём проекте каждую строку необходимо согласовать с фактической услугой

### Блок 1. Предмет и следующий шаг

Заголовок: «Регулярный уход за растениями в офисах Екатеринбурга»

Основной текст: «Поможем организовать уход за растениями, которые уже находятся в вашем офисе. После знакомства с объектом согласуем перечень работ и график посещений»

Главное действие: «Обсудить уход»

Пояснение к действию: «Сообщите, где находится офис и как сейчас организован уход. Сотрудник уточнит исходные сведения для обсуждения обслуживания»

Ссылка к подробностям: «Как начинается обслуживание» ведёт к четвёртому блоку, а не открывает другую коммерческую форму

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

Проверка блока: человек должен назвать предлагаемую услугу и понять, какие сведения сообщит после кнопки. Если он говорит о покупке нового озеленения, нужно уточнить границу предложения

### Блок 2. Пригодность объекта

Заголовок: «Для офисов, где растения уже есть»

Текст: «Этот формат подходит, если растения находятся в офисе и нужно передать регулярный уход внешнему исполнителю. Обслуживание в этом предложении рассматривается в Екатеринбурге»

Дополнение: «Если вам нужны закупка растений или проект нового озеленения, это другая задача. Она не включена в описанный формат регулярного ухода»

Внутреннее пояснение дизайнеру: основное условие и исключение должны читаться вместе. Нельзя показывать первое крупной карточкой, а второе убирать в малозаметную подпись после формы

Здесь не нужно перечислять все возможные помещения и отрасли. Достаточно условий, которые действительно меняют пригодность текущего предложения

Проверка: читатель с задачей нового озеленения должен понять, что страница не обещает ему этот состав работ. Ответ «наверное, всё это тоже входит» означает неустранённую неоднозначность

### Блок 3. Состав договорённостей

Заголовок: «Перечень работ закрепим в плане ухода»

Текст: «Во время знакомства с объектом уточним состав растений, условия размещения и текущий порядок ухода. После осмотра предложим план, в котором будут названы согласованные работы, график и порядок связи»

Пояснение: «Состав плана зависит от объекта. Страница не обещает одинаковые действия и одинаковую частоту посещений для любого офиса»

Действие блока: «Посмотреть учебный образец плана» ведёт к пятому блоку, где видны поля и условное заполнение. Это информационный переход внутри прототипа

Здесь важно объяснить способ определения состава, а не выписать неподтверждённый универсальный перечень. Человек получает ответ, где возникнет конкретная договорённость и как она будет представлена

Проверка: после блока можно показать, какие условия ещё требуют осмотра и где будут зафиксированы. Фраза «они просто будут ухаживать как надо» пока недостаточна

### Блок 4. Как начинается обслуживание

Заголовок: «Сначала уточним объект, затем согласуем план»

Шаг 1: «Вы сообщаете город, сведения об офисе и задачу ухода. По этим данным сотрудник уточняет, относится ли запрос к описанному формату»

Шаг 2: «Для подходящего объекта согласуем осмотр. На нём собираются сведения, необходимые для конкретного состава»

Шаг 3: «Обсудим перечень работ, график и условия обслуживания. Они фиксируются в плане»

Шаг 4: «Регулярные посещения начинаются после согласования условий. Порядок сообщения о выполненном также определяется в плане»

Пояснение к шагам: «Отправка первичного запроса не означает автоматически заказанное обслуживание или назначенный выезд»

В схеме шаги связаны с решением посетителя. Это не производственный регламент по выращиванию растений и не обещание конкретного срока каждого этапа

Проверка: попросите описать, что произойдёт непосредственно после формы. Верный ответ связан с уточнением объекта, а не с обязательным началом регулярных работ

### Блок 5. Как выглядит рабочий материал

Заголовок: «Что зафиксируем в плане»

Текст: «В плане должны быть понятны объект, согласованные работы, график, условия доступа и контакт для рабочих вопросов. Ниже показан учебный образец состава, а не документ клиента»

| Поле плана | Учебное заполнение для понимания структуры |
| --- | --- |
| Объект | Офис в Екатеринбурге, растения уже находятся в помещении |
| Задача | Передать регулярный уход внешнему исполнителю |
| Основание состава | Сведения об объекте и осмотр до согласования |
| Работы | Конкретный перечень определяется по результату осмотра, одинаковый набор заранее не обещан |
| График | Согласуется для объекта и фиксируется до начала обслуживания |
| Доступ | Ответственный от офиса обеспечивает согласованный порядок входа |
| Рабочая связь | Назначенный контакт со стороны офиса и исполнителя |
| Что не включено этой страницей | Закупка растений и проект нового озеленения |

Для визуального прототипа достаточно показать читаемый фрагмент с этими полями. Не изображайте подписанный договор либо настоящий отчёт неизвестного клиента

Таблица объясняет будущую фиксацию условий. Поля «согласуется» здесь обозначают этап процесса, а не отсутствие текста, которое дизайнер должен придумать самостоятельно

Проверка: читатель понимает, что образец иллюстрирует состав документа, а конкретные работы и график появятся после изучения его объекта

### Блок 6. Ограничения и оставшиеся вопросы

Заголовок: «Что уточним до начала»

Вопрос: «Можно ли назвать состав без осмотра?» Ответ: «По первичным сведениям можно обсудить задачу и пригодность формата. Конкретный план определяется после знакомства с объектом»

Вопрос: «Входит ли покупка новых растений?» Ответ: «В описанный формат входит регулярный уход за существующими растениями. Закупка и новое озеленение не включены»

Вопрос: «Одинаковый ли график у всех офисов?» Ответ: «Нет, график согласуется для объекта. На странице не задан универсальный режим для любого состава и размещения»

Вопрос: «Когда начнутся посещения?» Ответ: «После согласования состава и условий. Первичное обращение само по себе не бронирует выезд»

Эти ответы не должны дублировать всю страницу. Они собирают оставшиеся существенные развилки, а ключевая территория уже видна раньше

Если для вопроса требуется неподтверждённая коммерческая сумма, оставьте внутренний запрос владельцу до публикационного текста. Подмена его обещанием «всё рассчитаем мгновенно» изменила бы предложение

### Блок 7. Обращение

Заголовок: «Обсудим уход за растениями в вашем офисе»

Пояснение: «Укажите контакт, город и кратко опишите офис с растениями. Сотрудник уточнит исходные сведения для обсуждения формата»

Подписи полей: «Как к вам обратиться», «Контакт для связи», «Город», «Что нужно организовать»

Внутренняя спецификация: обязательность каждого поля и применимые тексты о данных определяет владелец процесса. Прототип не подставляет готовые правовые формулировки без фактических условий

Кнопка: «Передать запрос на обсуждение»

Состояние ожидания: «Передаём запрос»

Состояние успеха по предусмотренному подтверждению: «Запрос принят. По оставленному контакту уточним сведения об объекте»

Ошибка поля: «Укажите контакт, по которому можно с вами связаться»

Ошибка действия: «Не удалось передать запрос. Повторите попытку или воспользуйтесь указанным рабочим способом связи»

Последняя фраза требует реально согласованного резервного контакта на этапе реализации. В учебном прототипе это отмечено как условие подключения; несуществующий адрес не добавляется для вида

Эти состояния описывают смысл будущего интерфейса. Их наличие в документе не означает готовую обработку и доставку формы

## Соберите блочный вариант из того же текста

Блочная версия должна сохранить содержание, а не превратить его обратно в серые подписи. Покажите расположение ключевых ответов и подпишите то, что происходит при действии

Для учебного первого блока приоритет такой: заголовок услуги, короткий ответ, территория, основное действие и ссылка к началу. Это порядок важности, а не требование поставить всё слева или справа

Пригодность и исключение во втором блоке рассматриваются одной группой. Третий блок объясняет состав, четвёртый показывает последовательность, пятый даёт образец, шестой уточняет, седьмой открывает действие

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

Запишите карту переходов. Основные кнопки первого и седьмого блоков ведут в одно и то же действие, ссылка начала ведёт к четвёртому, ссылка образца к пятому

| Элемент | Назначение | Результат в прототипе |
| --- | --- | --- |
| Обсудить уход | Начать первичный запрос | Открывается описание формы блока 7 |
| Как начинается обслуживание | Понять ближайший шаг | Переход к блоку 4 |
| Посмотреть учебный образец | Увидеть состав плана | Переход к блоку 5 |
| Передать запрос | Обозначить отправку в сценарии | Показ предусмотренного состояния, без реального приёма в прототипе |

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

Не нужно создавать отдельную картинку для каждого прокрученного фрагмента, когда проверяется только порядок. Дополнительная детализация оправдана вопросом, который без неё невозможно исследовать

### Заполненный лист проверки

| Вопрос приёмки | До исправления | Уход-2 | Итог |
| --- | --- | --- | --- |
| Понятен предмет | Общее озеленение можно было предположить | Назван регулярный уход за существующими растениями | Принято |
| Видна территория | Условие было неполным | Екатеринбург указан до обращения | Принято |
| Понятна граница закупки | Можно было решить, что входит | Ограничение в пригодности и ответе | Принято |
| Объяснён состав | «Подберём решение» | План после знакомства с объектом | Принято |
| Понятен следующий шаг | Ожидалась готовая цена | Уточнение исходных сведений | Принято повтором |
| Назначения ссылок ясны | Не подписаны | Начало и образец ведут к своим блокам | Принято |
| Форма не выдана за рабочую | Требовала явной пометки | Описаны будущие состояния прототипа | Ограничение сохранено |
| Дизайн и реализация | Не выполнялись | Не объявлены готовыми | Следующие этапы |

Эта таблица является заполненным результатом одного сценария. Для собственного проекта нужны свои условия, участники и фактические наблюдения


## Исходная ошибка и повтор

В Уход-1 после кнопки оставалось пояснение о быстром подборе варианта, поэтому в учебном просмотре ожидали готовую цену. В Уход-2 пояснение сообщает об уточнении сведений. Повторное задание принято по тексту, соседний вопрос закупки также найден

## Свои поля

Услуга / ситуация / источник вопросов / подтверждённые условия / неизвестное и владелец / вопросы / ответ каждого блока / порядок / действие и назначение / ограничения / материалы / версия / задание проверки / наблюдение / трактовка / исправление / повтор / открытые пункты

Критерий завершения: выбранный путь объясняется без устных дополнений, ответы подтверждены, действия не обещают лишнего, найденный разрыв повторно проверен. Дизайн и реализация не объявлены готовыми