Исследование
Кто пользуется, с какими задачами приходит, где сейчас спотыкается.
Работа делится на проектирование поведения и оформление. Первое важнее и делается раньше.
Кто пользуется, с какими задачами приходит, где сейчас спотыкается.
Схемы страниц без оформления. На них дёшево спорить и переделывать.
Отрисовка ключевых страниц с состояниями: пустое, загрузка, ошибка, много данных.
Компоненты, отступы, типографика. Дальше новые страницы собираются без дизайнера.
Проектирование от мобильного экрана, потому что оттуда приходит большая часть людей.
Тест на реальных пользователях: даём задачу и смотрим, где человек застревает.
Три-пять недель для типового сайта. Прототипы занимают половину этого времени и экономят вдвое больше на разработке.
Разбираем задачи бизнеса и сценарии пользователей. Смотрим текущую аналитику, если она есть.
Схемы и логика переходов, согласование структуры до отрисовки.
Макеты и дизайн-система, все состояния интерфейса.
Макеты в формате, готовом к вёрстке, с описанием поведения элементов.
Макет без состояний - половина работы. Разработчик получает красивую страницу с тремя товарами и не знает, что показывать, когда товаров ноль, когда их триста, когда загрузка идёт медленно и когда сервер ответил ошибкой. Эти состояния рисуются заранее.
Для простого сайта - вполне. Индивидуальный дизайн окупается там, где интерфейс нестандартный: личный кабинет, B2B-платформа, сложный подбор товара. Для визитки переплата за уникальность редко оправдана.
Потому что на схеме правка стоит пятнадцать минут, а на готовом макете - день. Прототип позволяет спорить о структуре, не отвлекаясь на цвета, и обычно именно на этом этапе выясняется, что половина запланированных блоков не нужна.
Тестом на людях. Пяти человек из целевой аудитории достаточно, чтобы найти большинство проблем: даёте задачу вроде «найдите и закажите товар» и молча смотрите. Это дёшево и почти всегда неприятно, потому что находится очевидное.
Расскажите, что за продукт и какие задачи решает пользователь. Начнём с прототипов, а не с картинок.
Заявка принята
Мы уже видим её. Ответим в течение рабочего дня, а по срочным вопросам подключим дежурного инженера сразу.
Город не найден. Проверьте написание.