Apple офіційно розповіла розробникам, як готувати застосунки до iPhone Duo — першого складаного iPhone компанії. У новій доповіді для розробників Design for iPhone Duo дизайнери Apple пояснили, за якими принципами має будуватися інтерфейс, щоб застосунок однаково добре відчувався і в кишені, і розгорнутим. Якщо ви чекаєте на Duo або просто стежите за тим, як Apple переосмислює iOS, ось що зміниться в застосунках, якими ви користуєтесь щодня.
Один інтерфейс на всі пози
Головна ідея Apple — застосунок не повинен мати окремий, «саморобний» макет під кожне положення пристрою. Замість цього розробникам радять орієнтуватися всього на два класи розмірів — компактний і звичайний (regular) — і будувати інтерфейс на гнучких відступах і безпечних зонах (safe area), які самі підлаштовуються під поточну позу. Це означає, що інтерфейс, до якого ви звикли, не буде «переверстаний» щоразу, коли ви складаєте чи розкладаєте телефон, — він плавно перетікає з однієї конфігурації в іншу.
Кнопки і панелі переїжджають на бічний край
Оскільки Duo можна тримати й класти в різних позах, Apple перенесла кнопки та елементи керування до зовнішнього краю дисплея — так вони завжди залишаються під великим пальцем. Панелі інструментів, таб-бари й інші контроли ділять цей вертикальний простір із динамічними елементами на кшталт Live Activities та статус-бара. Якщо місця не вистачає, частина кнопок ховається в меню overflow — тобто інтерфейс сам вирішує, що показати одразу, а що прибрати «під три крапки».
Зовнішній дисплей: контент відсувається від контролів
На зовнішньому, вузькому екрані застосунки автоматично додають відступ, щоб контент не ховався за кнопками, — це робиться через ті самі safe area insets. Але Apple залишає простір для творчості: повноекранні, дуже візуальні інтерфейси без прокрутки (наприклад, обкладинка альбому чи фото на весь екран) можуть, навпаки, центруватися на весь дисплей. Можливий і гібридний підхід — фонове зображення на всю ширину, а текстовий контент усередині нього з відступами.
Внутрішній дисплей: більше простору — більше контенту
Розгорнутий iPhone Duo відкриває широкий внутрішній екран, і Apple заохочує використовувати його по максимуму: показувати глибші рівні ієрархії застосунку через split view або переходити на двоколонковий макет — так, як зараз виглядають деякі застосунки на iPad. Простими словами: пошта, нотатки чи файловий менеджер на розгорнутому Duo зможуть одночасно показувати список і вміст обраного елемента, а не змушувати гортати екрани по черзі.
Шторки (sheets) підлаштовуються під згин
Спливні шторки — вікна підтвердження, форми, налаштування — поводяться по-різному залежно від пози пристрою. На зовнішньому дисплеї вони з’являються з вертикальними елементами керування, на внутрішньому — з горизонтальними панелями. А коли пристрій частково складено, шторка зміщується вбік, щоб не «лежати» прямо на згині екрана, де її незручно чіпати.
Складене положення: інтерфейс уникає лінії згину
Окремий принцип, який пронизує всю систему, — уникання згину (fold avoidance). Коли Duo складено не повністю, системні елементи автоматично відсуваються від центрального шва, щоб користувач не тицяв пальцем прямо в лінію згину. Виняток — контент, який можна прокручувати: він може перетинати згин, а от кнопки та інтерактивні елементи мають триматися подалі від нього наскільки це можливо.
То чи буде він зручним?
Для того, хто купує iPhone Duo не заради технічної цікавості, а щоб ним користуватися, всі ці правила зводяться до одного обіцяного відчуття: застосунок має сприйматися як єдиний, цілісний досвід, який просто адаптується під розмір екрана й позу телефону — а не як два різні застосунки, стулені докупи. Якщо розробники дотримаються рекомендацій Apple, перехід від згорнутого телефону до розгорнутого міні-планшета в кишені має відбуватися непомітно — без перебудови інтерфейсу на очах і без незручних кнопок просто на згині екрана
Більше новин в телеграмі
