Как сделать подходящий интерфейс для мобильных приложений Apple
Самый надежный способ — досконально изучить Apple Style Guide и использовать его как справочник по любому интерфейсному вопросу. Помимо документации, у Apple есть UI-киты для Figma, что еще больше упрощает проектирование.
#мобильный интерфейс
#Style Guide
#разработка
Три главных предмета в фокусе внимания
1
Apple Style Guide
Выверен годами и содержит множество работающих устоявшихся решений. Не стоит игнорировать огромный опыт большого количества людей.
2
Технология разработки — нативная или кроссплатформенная
Обычно решение принимается на старте. Очень часто зависит от команды и распределения пользователей между платформами.
3
Диапазон легаси
Возможности старых и новых iPhone заметно отличаются. Можем ли мы использовать в приложении лидар?
Например
Так делать не надо
Взять интерфейс для Android и без изменений использовать его для iOS.
Инструменты
UI-киты для Figma
использовать уже готовое
Human Interface Guidelines
подробная документация из первых рук
Figma App
презентовать и тестировать
iPhone
Если у тебя Android. Кстати, еще есть iPad.
Дизайн приложений для iPhone требует повышенной внимательности к мелочам. Когда из визуально вылизанной системы пользователь попадает в неряшливо оформленное приложение, то на контрасте у него складывается ощущение, что приложение плохое. Даже если на самом деле это не так.
Наталья Прокофьева, генеральный директор «Собаки Павловой»
5 советов,
как делать
хорошо
1
Скачайте UI-кит для Figma
Не нужно ничего рисовать с нуля, есть готовая библиотека из первых рук.
2
Исследуйте UI-кит
Он глубже, чем кажется на первый взгляд, и содержит много готовых решений. Готовые решения — наше все.
3
Помните, что это смартфон
Проверяйте прототипы с точки зрения контекста использования. Например, на бегу, в автобусе, на ярком солнце. По кнопкам должно быть удобно попадать пальцами, а информация должна считываться, даже если у пользователя плохое зрение.
4
Продумайте интерфейс для базовых действий
Например, по гайдам iOS кнопка «назад» обязана быть в шапке приложения.
5
Помните про встроенные возможности
Некоторые области экрана, некоторые жесты уже заняты системой.