§II.04 · ПРИЛОЖЕНИЯ · СОЗДАВАТЬiOS + ANDROID · ДИЗАЙН И ЗАПУСК
Ближе всегобренд подходитк человеку.
Оно едет в кармане. Просыпается, когда просыпаются они. Лежит под большим пальцем между этажами лифта. Мы проектируем, собираем и выпускаем нативные мобильные приложения для брендов, продуктов и коммерции: приложения, которые ощущаются нативными, потому что они нативные, а не веб-обёртки со свежим слоем краски. iOS и Android, от начала до конца: от тезиса до бинарника.
F-0 пробуждение: ваш бренд как первый кадр их дня.
01 · КАРМАН → ПРОБУЖДЕНИЕ
Обёртка останавливается на стекле. Мы строим до материнской платы.
Большинство «приложений»: сайт в оболочке, один универсальный макет, залитый в два стора, который рисуется поверх стекла и надеется, что никто не заметит. Мы спускаемся по стеку: React Native, когда одной кодовой базы продукту достаточно, нативные Swift и Kotlin, когда нужен металл. Фреймворк выбирает потребность продукта, никогда наша привычка, и никогда это не оставляется вам на догадку.
02 · ПРОБУЖДЕНИЕ → ПЕРВАЯ СЕССИЯ
ВОСЕМЬ ЭКРАНОВ, ОТ ОНБОРДИНГА ДО создания.
Позвоночник первой сессии, нарисованный экран за экраном: приветствие, аккаунт, разрешения, пустое состояние, заполненный главный экран, детали, создание, настройки. Каждый спроектирован дважды: один раз по конвенциям iOS, один раз по конвенциям Android. Каждый экран называет переход, который ведёт к следующему.
- 01Онбординг · приветствиесдвиг
- 02Аккаунт · созданиевсплытие
- 03Разрешениярастворение
- 04Главный · пустойобновление
- 05Главный · заполненныйсдвиг
- 06Детали · контентокно
- 07Созданиевкладка
- 08Настройкисессия удержана
03 · ПОД БОЛЬШИМ ПАЛЬЦЕМ
У большого пальца есть своя страна: всё, до чего он дотягивается, не меняя хвата.
Мы картографируем руку раньше, чем рисуем первый экран.
Сначала картография: таб-бар и нижняя шторка в основной зоне, строки и чипы в зоне вытягивания, заголовки на дальнем севере, где читают и никогда не нажимают. Каждая цель не меньше 44 пикселей: достаточно большая, чтобы быть честной под движущимся пальцем.
F-3 экран, снятый с хвата.
04 · ПЕРВАЯ СЕССИЯ → ПРИВЫЧКА
ОТКРЫВАЮТ ДВАЖДЫ В ДЕНЬ.
ЗАСЛУЖЕНО, А НЕ ВЫМАНЕНО.
У дизайна, формирующего привычку, репутация игрового автомата, и в основном заслуженная. Мы ведём петлю честно: сигнал, ради которого стоит проснуться, действие, которое стоит разблокировки, возвращение, которое пользователь выбирает сам. А после запуска держим руки на приборах: аналитика, мониторинг сбоев, OTA-обновления и ритм версий, который не даёт приложению застояться в кармане.
человек, держащий устройство, всегда чувствует разницу.
05 · ЛИНИЯ СБОРКИТЕЗИС → БИНАРНИК
Пять станций. Два бинарника.
- 01 · РАМКИПродуктовая стратегия раньше пикселейЧто делает приложение, для кого оно, и трудный вопрос, заданный первым: почему это вообще должно быть приложением?
- 02 · ДИЗАЙНДве платформы, нарисованные параллельноПо конвенциям iOS и Android, никогда один универсальный спек, растянутый на обе и слегка неправильный на каждой.
- 03 · СБОРКАПравильный металлReact Native, когда одной кодовой базы продукту достаточно; нативные Swift и Kotlin, когда нужна полная глубина платформы. Фреймворк выбирает продукт.
- 04 · ПОДАЧАЧерез обе проходныеПодача в App Store и Play Store, ревью и одобрение: подано, доведено и получено нами.
- 05 · ЭКСПЛУАТАЦИЯРуки на приборахПосле запуска: аналитика, мониторинг сбоев, OTA-обновления и ритм версий, который держит приложение живым в кармане.
06 · ЦИФРЫ
Доказательство, до десятичного знака.
- 18
- приложений выпущено в сторы
- 16.0
- минимальная версия iOS
- 28
- минимум Android · API 28 / Android 9
- 0.78
- линия сборки React Native
- 3
- плотности дизайна · @1x @2x @3x
- 2
- бинарника в сторы на проект
измеряется Amplitude · под наблюдением Sentry
07 · В ВАШИХ РУКАХ
Что ложится на ваш стол.
- Выпущенное приложение для iOS
- Выпущенное приложение для Android
- Страницы в сторах, написанные и собранные
- Аналитика и мониторинг, подключены
- Исходный код в вашем репозитории
И ЧТО НЕ ЛОЖИТСЯ НИКОГДА
- Возня с подачей в сторы.
- Выбор фреймворка.
- Отладка пайплайна сборки.