Как передать дизайнеру настоящие тексты вместо временных заглушек
Передайте дизайнеру тексты по блокам страницы: назначение, готовая формулировка, подтверждённые данные и действие посетителя. Отдельно отметьте вопросы, которые ещё нужно решить. Затем проверяйте макет с этими текстами, включая длинные названия и условия. Ниже — заполненный пример первого экрана, карточки услуги и условий съёмки, а также таблица для передачи своего содержания.
Сначала определите, какую информацию должен вместить макет
Короткая заглушка показывает, где будет текст, но не проверяет настоящее предложение. Вместо двух слов появляется длинное название услуги; вместо одного преимущества — состав работ с исключением. Меняется высота блока, связь с кнопкой и порядок чтения. Эти различия полезно обнаружить до разработки.
Под контент-макетом здесь понимается содержание страницы, разложенное по будущим блокам. Это может быть таблица или простой документ с обозначенными заголовками, пояснениями, карточками и действиями. В нём уже можно проверить логику предложения, даже если шрифты, цвета и расположение элементов ещё обсуждаются.
Необязательно заранее завершать тексты всего сайта. Начните с страницы, которую проектируют первой, и повторяемых компонентов: карточки, формы, условия. Для каждого элемента нужны подтверждённый смысл и реалистичный объём. Если бизнес ещё выбирает состав услуги, макет может показать варианты, но принятие оформления не должно незаметно утвердить предложение.
В рекомендации GOV.UK о потребностях пользователя предлагается включать сведения, необходимые для выполнения его задачи. Для коммерческой страницы применим тот же вопрос: какая информация нужна человеку, чтобы понять услугу и сделать следующий шаг? Это редакционный ориентир, а не обязанность частного бизнеса использовать государственный шаблон.
Соберите подтверждённые факты и назначьте проверку текста
Автор текста должен знать, что компания действительно делает: для кого, где, в каком составе и при каких ограничениях. Разговор с владельцем услуги, актуальные условия и примеры вопросов клиентов дают содержание. Перечень красивых сайтов помогает обсуждать оформление, но не подтверждает ваши обещания.
Для учебного примера возьмём вымышленную компанию, которая снимает продукцию на площадках клиентов в Wiesbaden и Mainz. Её посетитель готовит каталог и хочет понять, можно ли снять его изделия без перевозки в студию. Все формулировки, объёмы и правила ниже придуманы для демонстрации; они не являются условиями услуг Salestudia или реальной фотокомпании.
В нашем примере согласованы территория, съёмка на площадке клиента, предварительный перечень изделий и передача обработанных файлов. Окончательные дата и стоимость определяются по заданию. Неподтверждённое обещание «любой товар за один день» в макет не попадает: оно изменило бы ожидания клиента, а не только длину заголовка.
Назначьте человека, который подтверждает факты, и человека, который редактирует изложение. Дизайнер может предложить более ясную подпись, но не должен самостоятельно придумывать сроки, количество правок или включённые работы. Если эти условия неизвестны, запишите вопрос, ответственного и дату решения. Для исходного описания проекта используйте бриф; здесь мы готовим содержание конкретных блоков.
Передайте первый экран целиком, вместе с действием
Первый экран должен объяснить услугу и дать осмысленный следующий шаг. Название, пояснение, условия и кнопка работают вместе. При передаче укажите роль каждой строки, чтобы дизайнер понимал, какая информация главная, а какая уточняет выбор.
| Элемент | Текст для макета | Что проверить |
|---|---|---|
| Заголовок | Выездная предметная съёмка для каталогов компаний | Полное название читается на широком и узком экране; услуга понятна без фотографии |
| Пояснение | Фотографируем продукцию на вашей площадке в Wiesbaden и Mainz. До съёмки согласуем перечень изделий, ракурсы и формат готовых файлов. | Пояснение остаётся рядом с заголовком и не теряется среди декоративных элементов |
| Условие выбора | Дата и стоимость определяются по согласованному заданию. | Посетитель видит условие до отправки запроса; оформление не превращает его в малозаметное примечание |
| Основное действие | Обсудить съёмку продукции | Кнопка открывает форму запроса; оплаты и бронирования на этом шаге нет |
| Подсказка к действию | Укажите город, количество изделий и назначение фотографий. | Эти сведения действительно можно сообщить в следующем шаге |
Здесь нет обещания разместить все сведения выше нижнего края любого экрана. Высота устройств и увеличение текста различаются. Важнее сохранить понятный порядок: название, объяснение, существенное условие и действие. Не уменьшайте текст только ради того, чтобы кнопка всегда попадала на одну высоту.
Если изображение содержит важное различие, например тип снимаемой продукции, подготовьте разрешённый материал и пояснение к нему. Если изображение только создаёт настроение, сам текст всё равно должен объяснять услугу. Для нашей таблицы фотография не служит доказательством территории, сроков или включённых работ.
Наполните карточку сведениями для сравнения
Карточка услуги помогает выбрать направление и перейти к подробностям. В учебном сайте один из вариантов — серия снимков для каталога. Вместо трёх одинаковых рекламных преимуществ дадим состав, результат и границу предложения.
| Поле | Подтверждённый текст примера | Значение для макета |
|---|---|---|
| Название | Серия предметных фотографий для каталога | Проверить полное название; не обрезать его до неразличимого «Серия предметных…» |
| Состав | До 12 небольших изделий, по 2 согласованных ракурса каждого | Число изделий и число ракурсов относятся к разным величинам и читаются вместе |
| Результат | До 24 обработанных фотографий в согласованном формате | Посетитель понимает, какие файлы получит; результат согласован с составом |
| Ограничение | Крупные, прозрачные и сильно отражающие изделия обсуждаются отдельно. | Ограничение находится рядом с составом, а не появляется только после обращения |
| Переход | Условия серии для каталога | Переход ведёт к условиям этой серии; подпись понятна и вне соседнего рекламного текста |
В примере 12 изделий по 2 ракурса дают максимум 24 фотографии. При меньшем числе изделий итоговое количество тоже меньше. Если компания передаёт дополнительные варианты или иной состав обработки, это нужно согласовать отдельно и исправить соответствующие строки. Количество из таблицы нельзя переносить в реальный проект без проверки его условий.
Повторяемый компонент проверяют на нескольких настоящих названиях. Например, короткое «Съёмка деталей» и длинное «Предметная съёмка оборудования на площадке клиента» могут занимать разное место. Выровнять карточки можно организацией элементов; скрывать отличия услуги ради одинаковой высоты не стоит.
Не задавайте количество символов как единственный критерий качества. В одной короткой строке может потеряться обязательное условие. Сначала отредактируйте смысл и уберите повторы, затем вместе с дизайнером решите, как представить оставшиеся сведения.
Разделите длинное условие по вопросам посетителя
Предположим, рабочая запись владельца выглядит так: «Снимаем у клиента, если есть место, электричество и можно поставить фон; отражающие предметы отдельно; нужно заранее понять количество, ракурсы, формат, подготовку, срок, ретушь и стоимость». Из неё нельзя просто удалить неудобную половину. Сначала разделите сведения на самостоятельные вопросы.
Блок У-01 «Что подготовить на площадке»: «До подтверждения выезда согласуем свободное место для фона и оборудования, доступ к электропитанию и порядок перемещения изделий. Если площадка не подходит, обсудим другой вариант до назначения съёмки». Эта часть описывает условие выполнения, а не гарантирует пригодность любого помещения.
Блок У-02 «Что входит в серию»: «Количество изделий, ракурсы, обработка и формат файлов фиксируются в задании. В варианте до 12 изделий предусмотрено по 2 согласованных ракурса каждого. Дополнительные снимки и сложная обработка обсуждаются до подтверждения стоимости». Здесь сохраняется связь карточки с полным описанием.
Блок У-03 «Когда согласуем дату»: «Пришлите перечень изделий и фотографии площадки. После уточнения задания согласуем дату, стоимость и срок передачи файлов. Отправка запроса сама по себе не подтверждает съёмку». Существенное различие между запросом и подтверждением остаётся в видимом пути обращения.
Руководство GOV.UK по структуре содержания рекомендует ставить главное раньше, использовать содержательные заголовки и оставлять важные сведения в тексте вместо сносок. В нашем примере это помогает разделить условия по смыслу. Такой приём не требует копировать оформление государственного сайта или прятать всякий длинный абзац в раскрывающийся блок.
Короткое ограничение, которое влияет на выбор серии, оставьте рядом с карточкой и действием. Подробное объяснение можно расположить ниже. Если используете раскрытие, название должно объяснять содержание; от него не должно зависеть понимание того, что заказ ещё не подтверждён.
Включите подписи полей и сообщения после действия
Тексты страницы не заканчиваются рекламным описанием. Передайте названия полей, пояснения, ошибки и сообщение после отправки. Иначе дизайнер проверит красивые блоки, а смысл самого обращения останется на усмотрение следующего исполнителя.
Для примера нужны понятные поля «Город съёмки», «Количество изделий», «Для чего нужны фотографии» и способ связи. Пояснение к количеству может быть таким: «Укажите примерное число, если перечень ещё уточняется». Какие поля обязательны, определяют по процедуре обработки запроса; неизвестное значение не подменяют нулём.
Подпись основной кнопки формы — «Отправить запрос на съёмку». Пример подтверждения: «Запрос отправлен. Компания уточнит задание и возможную дату. Съёмка будет подтверждена после согласования условий». Если получение запроса сотрудником пока не проверено, отдельная надпись на экране не доказывает доставку сообщения.
В GOV.UK Design System предлагается называть на кнопке выполняемое действие. Для учебного сайта это помогает отличить отправку вопроса от оплаты или бронирования. Названия «Забронировать» и «Оплатить» подходят только там, где действительно происходит соответствующий шаг.
Подготовьте и текст ошибки: что не получилось, какие введённые данные сохранены и как повторить действие. Не обещайте сохранение, если оно ещё не предусмотрено. Эти состояния нужно передать разработчику и проверить в работающей форме; одно изображение макета их не выполняет.
Передавайте одну таблицу с адресами блоков и статусами
Назначьте каждому блоку устойчивое обозначение и укажите страницу, язык, версию текста и способ подтверждения. Дизайнер должен видеть одну актуальную редакцию, а также отдельно отмеченные нерешённые вопросы. Общая отметка «тексты готовы» не объясняет, какие именно условия согласованы.
| Блок | Состояние и основание | Следующее действие |
|---|---|---|
| Э-01. Первый экран, RU | Согласованы название, территория и назначение запроса; владелец подтвердил запись 8 октября | Дизайнер помещает полный текст и проверяет порядок чтения |
| К-01. Карточка серии, RU | Подтверждены 12 изделий, 2 ракурса и отдельное обсуждение сложных предметов | Сверить состав с подробным блоком У-02; проверить длинное название |
| У-01. Подготовка площадки, RU | Согласован приведённый текст; размеры рабочего места зависят от задания | Не добавлять в макет неподтверждённую минимальную площадь |
| Ф-01. Форма, RU | Названия полей согласованы; допустимость отправки без фотографий уточняется | Владелец решает вопрос до утверждения обязательного поля вложения |
| Л-01. Немецкая версия | Перевод ещё не подготовлен | Согласовать перевод и языковую проверку; не считать русскую строку готовым немецким текстом |
Скопируйте формат и замените учебные строки своими блоками. К записи приложите точный текст и материал, подтверждающий существенное условие. Выходом должна стать понятная граница: какие блоки можно проверять в макете, а какие ждут решения. Например, форма Ф-01 не готова к окончательной приёмке, пока неизвестно, обязательно ли вложение.
Если после обсуждения изменился текст, обновите версию и перечень затронутых мест. Переход с 12 изделий на 10 затронет карточку, подробное описание и максимальное количество снимков: при двух ракурсах это 20. Присланная отдельно фраза без адресов блоков оставляет часть страницы в прежнем состоянии.
Проверьте макет на обычных и неудобных вариантах
Начните с согласованной версии. Сравните первый экран, карточку, условия и форму: одинаковы ли территория, состав и следующий шаг? Затем проверьте допустимые длинные значения, узкий экран и увеличение текста. Вопрос заключается в сохранении смысла, а не в полном сходстве снимков экрана.
| Случай | Ожидаемое поведение | Решение при проблеме |
|---|---|---|
| Полный заголовок и пояснение | Читаются без обрезки и не закрывают действие | Перестроить блок или отредактировать повтор; сохранить название услуги |
| Длинное название карточки | Услуга различима, условие остаётся рядом с составом | Допустить перенос и нужную высоту; не скрывать существенное различие |
| Условие о площадке | Посетитель находит требования до подтверждения выезда | Изменить расположение и заголовок; повторить поиск условия |
| Неизвестное число изделий | Путь запроса соответствует согласованной процедуре уточнения | Согласовать допустимый ответ и текст подсказки до приёмки формы |
| Изменение состава в новой редакции | Карточка, условия и итоговое количество согласованы | Обновить связанные блоки; повторно подтвердить факты |
| Узкая ширина и увеличенный текст | Обычные абзацы и действия остаются доступны, текст не перекрывается | Исправить компоновку; перенести проверку поведения в работающую страницу |
W3C объясняет критерий перестроения содержания: обычный вертикально читаемый материал должен сохранять информацию и функции при ширине, эквивалентной 320 CSS-пикселям, без необходимости прокручивать страницу в двух направлениях. Для некоторых двумерных элементов предусмотрены исключения. Проверка текста на узком макете помогает подготовить решение, но соответствие работающей страницы нельзя установить по одной картинке.
Увеличение текста, переносы, доступность раскрытия и порядок действий проверяют также после реализации. Не превращайте их в уменьшенный шрифт, скрытые строки или жёсткую высоту карточки. Если нужен другой способ показать подробности, проверьте, что человек по-прежнему найдёт их до принятия решения.
Полезно дать представителю аудитории задачу: объяснить, что входит в серию и что произойдёт после запроса. Такое наблюдение выявляет смысловые затруднения, которые не видны при сравнении текста с таблицей. Подробная процедура исследования прототипа вынесена в отдельную статью.
Согласуйте содержание вместе с макетом
Перед утверждением запишите, какую версию текстов вы видели, какие блоки приняты и какие вопросы остались. Для нашего примера можно принять первый экран и карточку, а форму вернуть к уточнению обязательности вложения. Это точнее общей фразы «дизайн понравился».
Если текст меняется после утверждения, оцените последствия: перенос заголовка, высота карточки, место ограничения, подпись действия и состав формы. Небольшая правка орфографии и новое условие услуги требуют разного объёма повторной проверки. Обновлённый смысл должны видеть дизайнер, разработчик и человек, который подтверждает предложение.
Начните со своей страницы: выпишите её блоки, заполните точные формулировки, назначьте подтверждение фактов и проверьте три сложных места — длинное название, существенное ограничение и сообщение после действия. Если требуется разработка или доработка сайта, подготовьте эти материалы вместе с адресом текущей страницы и описанием задачи для обсуждения с Salestudia.
Официальные и профильные ссылки
Эти материалы дают контекст для данных, правил и рекомендаций на странице.
- GOV.UK — содержание для задачи пользователя (англ.) Источник проверен: 08.10.2026
- GOV.UK — понятная структура содержания (англ.) Источник проверен: 08.10.2026
- GOV.UK Design System — подписи действий (англ.) Источник проверен: 08.10.2026
- W3C — разъяснение критерия перестроения содержания (англ.) Источник проверен: 08.10.2026
Удобнее написать напрямую?
Коротко укажите компанию, рынок и задачу — так разговор будет предметнее.