Прототип до дизайна: зачем нужен этот скучный этап

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

Что происходит без прототипа

Разговор обычно выглядит так. Заказчик видит первый макет и говорит: «Синий какой-то не тот». Через неделю правок по цвету он вдруг замечает, что на странице нет ответа на главный вопрос его клиентов.

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

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

Что решается на прототипе

Первое: какие блоки вообще есть на странице и в каком порядке. Порядок важнее оформления — он определяет, дочитает ли человек до цены.

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

Третье: что происходит при нажатии. Куда ведёт кнопка, что показывается после отправки формы, что видит человек, если поле не заполнено.

Четвёртое, если проект сложнее сайта-визитки: как ведут себя расчёты и админка. Например, в ToYou Wood на прототипе разбиралось, в каком порядке клиент вводит размеры, где появляется сумма и что происходит после оплаты — там дальше идёт онлайн-чек, создание отправления и печать этикетки. Ошибиться в этой цепочке на прототипе стоит правки в схеме, а в готовом коде — переделки половины страницы.

Как выглядит согласование

Вы получаете набор схем: главная, страницы разделов, экраны админки. Без цвета, без фото, шрифт один на всё.

Смотрите не на внешний вид, а отвечаете на три вопроса. Есть ли здесь ответ на то, что чаще всего спрашивают ваши клиенты по телефону? Понятно ли, сколько это стоит и сколько занимает? Что человек должен нажать и заметно ли это?

Правки формулируйте содержанием, а не оформлением. «Цена должна быть до примеров работ, потому что первый вопрос всегда про деньги» — рабочая правка. «Как-то пусто» — не рабочая, дизайн это исправит позже сам.

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

Кому прототип не нужен

Если делается лендинг из пяти блоков по отработанной схеме и у вас нет своих требований к порядку — прототип превратится в формальность. Лендинг за 3–5 дней такой этап скорее замедлит.

Если вы переделываете только оформление существующего сайта, оставляя структуру, прототипом уже служит нынешний сайт.

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

Что спросить у подрядчика

Спросите, входит ли прототип в стоимость или считается отдельно.

Спросите, что именно вы увидите: схему страниц или список разделов текстом. Список текстом прототипом не является.

Спросите, фиксируется ли утверждение письменно. Без этого прототип не защищает ни одну из сторон, а именно в этом половина его пользы.

Три возражения, которые я слышу чаще всего

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

«Я не умею читать схемы». Читать там нечего: прямоугольник с подписью «отзывы» означает, что здесь будут отзывы. Если что-то непонятно, это вопрос к тому, кто рисовал, а не к вам.

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

Коротко

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