Как проектировать интерфейсы

01 Разобраться с задачей #

Проектирование интерфейса — это не «сел и нарисовал». Это путь из нескольких шагов, и если перепрыгивать через них — будешь переделывать по сто раз.

Сначала я разбираюсь с задачей. Кто пользователь? В каком контексте он откроет приложение? В метро одной рукой? За рабочим столом с большим монитором? Какая у него главная цель — записаться к врачу, купить корм, проверить баланс? Пока я это не понял — Figma закрыта.

02 Нарисовать сценарий #

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

03 Вайрфреймы #

Дальше — вайрфреймы. Серые прямоугольники, никаких цветов и шрифтов. Только структура: вот здесь заголовок, тут форма, тут кнопка. Вайрфреймы я показываю клиенту или команде — обсуждаем логику. Когда структура согласована, только тогда я берусь за визуал: цвет, типографику, тени, карточки.

04 Прототип и тесты #

Потом собираю прототип — связываю экраны, чтобы можно было покликать. И вот на этом этапе даю реальным людям попробовать. Даже три человека найдут столько проблем, что ты удивишься.