Разбираем, из чего складывается дизайн мобильного приложения помимо красивого интерфейса: логика навигации, паттерны платформы, состояния экранов и подготовка макета к разработке.
Дизайн мобильного приложения — это не набор красивых экранов, а система, которая помогает пользователю дойти до нужного действия за минимум касаний. Разберём, из каких элементов складывается такой дизайн и почему часть решений принимается ещё до того, как открыт графический редактор.
Меню по статье
Логика навигации важнее визуала
До цвета кнопок и шрифтов дизайнер решает более важную задачу: как пользователь перемещается между экранами, сколько шагов нужно до целевого действия, где расположены основные точки входа. Хорошая навигация в приложении интуитивна настолько, что пользователь редко задумывается о ней осознанно — а плохая заставляет искать нужную функцию методом перебора.
Паттерны платформы: iOS и Android — не одно и то же
У iOS и Android разные принятые паттерны интерфейса — расположение навигации, поведение системных жестов, стандартные компоненты. Приложение, слепо скопированное с одной платформы на другую, будет ощущаться пользователем как чужеродное, даже если функционально всё работает правильно. Хороший дизайн учитывает эти различия, оставаясь узнаваемым брендом компании на обеих платформах.
Состояния экрана и передача в разработку
- пустое состояние — что видит пользователь, когда в приложении ещё нет данных;
- состояние загрузки — как приложение сообщает, что что-то происходит;
- состояние ошибки — понятное сообщение вместо технического текста;
- заполненное состояние — как выглядит экран с реальным объёмом данных, а не с одной тестовой записью.
Когда все состояния проработаны до передачи в разработку, а не додумываются на ходу, готовое приложение получается предсказуемым и цельным, а не набором отдельных «идеальных» экранов, между которыми не продуманы переходы.