UI/UX-дизайн Термин глоссария · обновлено 06.09.2026

Прототипирование

синонимы: прототип интерфейса, wireframe, макет без дизайна
Коротко

Черновая версия интерфейса, на которой проверяют логику до отрисовки. Показывает, что где расположено и как переходят экраны, без цвета и картинок.

Зачем он нужен

Чтобы обсуждать структуру, а не оформление. Пока экран нарисован серыми прямоугольниками, разговор идёт о том, что важно на странице и в каком порядке. Как только появляется цвет, обсуждение уходит в оттенки кнопок.

Какие бывают

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

Что на нём проверяют

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

Сколько занимает

Прототип одного раздела три-семь дней. Для сложного сервиса две-три недели. Это меньше, чем стоимость одной переделки готового интерфейса, поэтому шаг почти всегда окупается.

Как его смотреть заказчику

Не оценивая красоту. Пройдите сценарий целиком, как это сделает клиент, и отмечайте места, где приходится думать. Именно они станут проблемой в готовом продукте.

Частая ошибка

Согласовать прототип формально и вернуться с замечаниями по структуре на этапе визуала. Это перезапускает работу и добавляет к сроку недели, поэтому договориться лучше на этом шаге.

Кому его показывать

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

Про уровень детализации

Текст в прототипе лучше писать настоящий, а не заполнитель. Реальные названия и длина строк сразу показывают, помещается ли содержимое, а на условных надписях всё выглядит аккуратно.

Вопросы по теме

Нужен ли прототип для простой страницы?

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

Заменяет ли прототип техническое задание?

Нет, но сильно его сокращает. Многое, что пришлось бы описывать словами, просто видно на экранах, и споров становится меньше.