Что входит

Работа делится на проектирование поведения и оформление. Первое важнее и делается раньше.

Обсудить состав

Исследование

Кто пользуется, с какими задачами приходит, где сейчас спотыкается.

Прототипы

Схемы страниц без оформления. На них дёшево спорить и переделывать.

Макеты

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

Дизайн-система

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

Адаптив

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

Проверка удобства

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

Как проходит работа

Три-пять недель для типового сайта. Прототипы занимают половину этого времени и экономят вдвое больше на разработке.

01

Погружение

Разбираем задачи бизнеса и сценарии пользователей. Смотрим текущую аналитику, если она есть.

02

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

Схемы и логика переходов, согласование структуры до отрисовки.

03

Дизайн

Макеты и дизайн-система, все состояния интерфейса.

04

Передача

Макеты в формате, готовом к вёрстке, с описанием поведения элементов.

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

Частые вопросы

Для простого сайта - вполне. Индивидуальный дизайн окупается там, где интерфейс нестандартный: личный кабинет, B2B-платформа, сложный подбор товара. Для визитки переплата за уникальность редко оправдана.

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

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

Спроектируем интерфейс

Расскажите, что за продукт и какие задачи решает пользователь. Начнём с прототипов, а не с картинок.