Дизайн мобильных приложений

Чем отличается от сайта

Другие правила: у каждой платформы свои требования к навигации, элементам и жестам. Ограниченный экран заставляет жёстко расставлять приоритеты. Есть системные возможности: уведомления, камера, геолокация, работа без сети.

Что учитывают

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

Про две платформы

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

Сколько стоит

Дизайн небольшого приложения на пятнадцать-двадцать экранов от трёхсот тысяч и полтора-два месяца. Сложный сервис от восьмисот тысяч. Отдельно считаются иконка, экраны магазина приложений и иллюстрации.

Что часто забывают

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

Что нужно для магазинов приложений

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

Как проверять макеты

Только на устройстве, а не на большом мониторе. Соберите кликабельный прототип и пройдите сценарий на своём телефоне: размеры элементов и длина текста воспринимаются совсем иначе.