Как сделать подходящий интерфейс для мобильных приложений Apple
Самый надежный способ — досконально изучить Apple Style Guide и использовать его как справочник по любому интерфейсному вопросу. Помимо документации, у Apple есть UI-киты для Figma, что еще больше упрощает проектирование.
Три главных предмета в фокусе внимания
-
Apple Style Guide
Выверен годами и содержит множество работающих устоявшихся решений. Не стоит игнорировать огромный опыт большого количества людей.
-
Технология разработки — нативная или кроссплатформенная
Обычно решение принимается на старте. Очень часто зависит от команды и распределения пользователей между платформами.
-
Диапазон легаси
Возможности старых и новых iPhone заметно отличаются. Можем ли мы использовать в приложении лидар?
5 советов,
как делать хорошо
- Скачайте UI-кит для Figma
Не нужно ничего рисовать с нуля, есть готовая библиотека из первых рук.
- Исследуйте UI-кит
Он глубже, чем кажется на первый взгляд, и содержит много готовых решений. Готовые решения — наше все.
- Помните, что это смартфон
Проверяйте прототипы с точки зрения контекста использования. Например, на бегу, в автобусе, на ярком солнце. По кнопкам должно быть удобно попадать пальцами, а информация должна считываться, даже если у пользователя плохое зрение.
- Продумайте интерфейс для базовых действий
Например, по гайдам iOS кнопка «назад» обязана быть в шапке приложения.
- Помните про встроенные возможности
Некоторые области экрана, некоторые жесты уже заняты системой.
Например
В команде был отдельный UI-дизайнер, всю жизнь специализирующийся на интерфейсах для iPhone.
Типовая ситуация. Спроектировали для одной платформы и перерисовали для другой.
Так делать не надо
Взять интерфейс для Android и без изменений использовать его для iOS.
Инструменты
UI-киты для Figma
использовать уже готовое
Human Interface Guidelines
подробная документация из первых рук
Figma App
презентовать и тестировать
iPhone
Если у тебя Android. Кстати, еще есть iPad.
Дизайн приложений для iPhone требует повышенной внимательности к мелочам. Когда из визуально вылизанной системы пользователь попадает в неряшливо оформленное приложение, то на контрасте у него складывается ощущение, что приложение плохое. Даже если на самом деле это не так.
Наталья Прокофьева, генеральный директор «Собаки Павловой»
Другие шпаргалки
Ищете подрядчика или команду?
Давайте обсудим вашу задачу.
Хотите у нас научиться?
1000+ упражнений по дизайну интерфейсов.
eduhund.com
Собака Павлова
На сайте есть упоминания социальных сетей, признанных на территории РФ экстремистскими организациями
Кое-что показываем и рассказываем на весь интернет
, интересное в 
, полезное на 
Санкт-Петербург • Подгорица • Хайфа
Адрес для почтовых отправлений: 194291, Санкт-Петербург, ул Руднева, д. 9 к. 3 литера А, кв. 169