Дизайн готов, заказчик садится смотреть — и первое, что говорит: «А давайте кнопку сделаем зелёной» или «Тут блок «о нас» лучше в начало». Начинается правка не мелочей, а структуры, уже поверх готового визуала. Сроки уезжают, дизайнер выгорает, все нервничают.
Заказчик не виноват — ему рано показали красоту
Если показать человеку готовый дизайн сразу, он неизбежно зацепится за картинку: она считывается мгновенно, в отличие от текста, который нужно прочитать и осмыслить. В голове у заказчика в этот момент не «логично ли выстроен путь клиента», а «нравится мне это визуально или нет» — и все правки идут именно оттуда.
Строительная аналогия объясняет, почему так не работает
Семья приходит в строительную компанию, и первое, что у них часто спрашивают — какие обои они хотят. Но стройка идёт по-другому: сначала геодезия, потом проект, фундамент, стены, кровля — и только в самом конце отделка и те самые обои. Геодезия решает, можно ли вообще строить из кирпича, а значит, будет ли там штукатурка под обои или нет.
С сайтом то же самое. Цвет кнопки — это обои. Пока не решена структура — что за чем идёт, какой блок за что отвечает — обсуждать цвет рано, даже если кажется, что так быстрее.
Прототип — сайт без обоев
В методе Протоtips между структурой и дизайном есть отдельный шаг — прототип высокой детализации: почти готовый сайт, где есть структура, заголовки, тексты, кнопки и композиция, но принципиально нет цвета, шрифтов, фотографий и иконок. Только текст и простые формы — прямоугольники, круги, линии.
Без визуала заказчику попросту не за что зацепиться взглядом, кроме сути: логично ли расположены блоки, отвечает ли текст на его вопросы, не потерялся ли где-то важный аргумент. Ровно те правки, которые дорого стоят на этапе готового дизайна, здесь обсуждаются за созвон, без единой минуты вёрстки.
Идеи по дизайну никуда не пропадают
Если во время работы над прототипом приходит мысль про визуал — она не теряется, а фиксируется комментарием и переносится на следующий этап. Прототип не запрещает думать про дизайн, он просто не даёт этим мыслям подменить собой разговор о структуре.
Разбор реальных прототипов
Показываю, как выглядит прототип высокой детализации на живых проектах, в канале — полезно, если защиты дизайна регулярно превращаются в переписывание структуры на лету.
