⚡️Этап между рефами и дизайном, который экономит время и нервы

Быстро синкаемся с заказчиком — меньше правок, быстрее согласования, спокойнее работа


После сбора рефов и обсуждения их с заказчиком чаще всего у дизов один из двух путей:
— дизайнить дизайн. Но это очень долго!
— собрать вайрфреймы. Эти серые квадраты вообще не дают понимания, что и где будет расположено в новом дизайне.

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

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


🧟‍♂️ Франкенштейн, гибрид или коллаж
Я слышал разные названия этого этапа))) Он всегда между рефами и дизайном. Это грубая, быстрая визуальная сборка одного варианта из лучших решений и ответ на вопрос: «В каком направлении ты идёшь?».

Это:
— визуализированное направление,
— форма будущего решения,
— объект для обсуждения.

Это не:
— чистовой дизайн,
— вайрфрейм,
— попытка сделать красиво.


✍️ Как я это делаю
После сбора рефов я не иду сразу рисовать макет, а как раз собираю франкенштейна:
— беру 8–10 референсов
— в каждом отмечаю конкретное сильное решение, например: фильтры, табы, кнопки, ссылки на полезный материал…
— обсуждаю с заказчиком лучшие решения,
— и обсуждаем как раз этого «франкенштейна». Его сделать — пару минут.

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


⏱️ Как это экономит время
Кажется, что это ещё один шаг, а значит, и ещё доп. время. Но всё наоборот:
— дизайн начинается не с пустого экрана,
— меньше догадок,
— меньше итераций,
— меньше переделок в конце

На этом этапе мы делаем понятно, а не красиво рисуем! Тут нужна скорость согласования. Заказчику не нужно ничего представлять. Он видит экран и может сказать:
— это направление подходит,
— здесь слишком сложно,
— вот это ок, а вот это не ок.

____

🤝 Менторство по подписке: 7 дней бесплатно и безлимитные встречи 1 на 1

📚 Бесплатная база знаний: от основ до собесов