Нові рекомендації Apple опублікувала 9 вересня в Human Interface Guidelines і в окремій сесії Design for iPhone Duo.
У компанії стверджують, що застосункам, які вже використовують системні компоненти й нормально реагують на зміну розміру екрана, може знадобитися зовсім небагато доробок.
У складеному стані Duo має ширший і нижчий дисплей, ніж у звичайного iPhone. Тому Apple вирішила забрати частину елементів керування з верхнього та нижнього країв і перенести їх у вертикальну смугу праворуч. Там можуть опинитися кнопка «назад», тулбари, таб-бар та інші елементи. Так Apple звільняє більше місця по вертикалі для самого контенту та водночас залишає кнопки там, де до них зручно дотягнутися великим пальцем.
Тож якщо застосунок правильно працює з safe area, безпечною зоною екрана, куди не залазять системні елементи, контент сам отримає потрібний відступ. А широкі елементи на кшталт текстових кнопок чи segmented control можна залишати у звичайній горизонтальній панелі.
Duo можна використовувати повністю відкритим, закритим, напівскладеним, як книжку, або поставити на поверхню під кутом. Проте Apple просить дизайнерів не створювати окремий макет під кожен такий сценарій.
Натомість компанія пропонує орієнтуватися переважно на два класи ширини: compact для зовнішнього дисплея та regular для внутрішнього. Інтерфейс має перебудовуватися залежно від доступного простору, а не від конкретної моделі екрана чи заздалегідь прописаної ширини.
А ще внутрішній екран Duo має діагональ 7,6 дюйма, тому Apple радить використовувати додатковий простір для більшої кількості інформації. Наприклад, застосунок із кількома рівнями навігації може показати їх одночасно через Split View. А інтерфейс, який на маленькому екрані складається з вертикального списку, на великому може перебудуватися у дві колонки.
Apple наводить приклад Mail: у закритому стані користувач бачить або список листів, або відкритий лист, а після розкладання обидві частини можна показати поруч. При цьому сама структура застосунку та його функції не змінюються.
Однак з’являється проблема, коли Duo складений лише частково: кнопка може опинитися посередині згину, де натискати її незручно. Тут Apple частину роботи бере на себе. Стандартні системні компоненти, наприклад, алерти, меню чи кнопки тулбара, можуть автоматично зміщувати інтерактивні елементи подалі від згину. Тож якщо не малювати власні аналоги там, де вже є готові, застосунок зможе автоматично адаптуватися до форми Duo.
Одна з головних вимог Apple — зберігати логіку застосунку незалежно від положення Duo. Користувач може розкласти телефон прямо під час роботи із застосунком. І після цього все має залишитися на своєму місці: відкритий екран, вибрані дані та доступні функції не повинні раптово змінюватися або зникати.
Раніше dev.ua писав, що Apple офіційно представила iPhone Duo — свій перший складаний смартфон.
/
Apple пояснила дизайнерам і розробникам, як готувати iOS-застосунки для складаного iPhone Duo. Наприклад, у компанії пояснили, що не треба малювати окремий інтерфейс під кожен можливий згин смартфона — застосунок має вміти нормально перебудовуватися сам.