Как дизайнить приложения для айфона-дуо

В Купертино наконец настала пора инноваций. «Эппл» показал свой первый складной смартфон — айфон-дуо. Конечно же, я обоссался кипятком во время презентации. Самый тонкий, огромный и дорогой айфон в истории. Чего только стоит божественная анимация при открытии и закрытии. Чисто эппловское внимание к деталям.

Операционку реорганизовали под новый формат и сценарии использования. Вся навигация, док, статусбар и кнопочки теперь живут у правого края экрана, чтобы увеличить полезное пространство по вертикали. Айфон работает как обычно в сложенном и разложенном виде, а ещё поддерживает частичное и половинное сгибание и может стоять домиком в режиме ожидания. Добавили многозадачность, похожую на айпадовский сплит-вью.

Компания выпустила обучающие материалы и АПИ для разработчиков, чтобы те за ближайшие полтора месяца допилили приложения под новые реалии. Главные тезисы:

• Айфон поддерживает много сценариев, но разработчикам предлагают сфокусироваться на двух основных форматах: компактный для внешнего дисплея и широкий для внутреннего. Приложения должны быть «резиновыми»: без фиксированных ширин и брейкпойнтов, привязанных к какому-то одному формату.

• Прокручиваемый интерфейс можно разбить на две колонки на каждую половину экрана. Например, слева плеер с обложкой и управлением музыкой, а справа список воспроизведения. А если в приложении много информации и вкладок, то таббар можно превратить в сайдбар на широком экране.

• Не нужно делать кардинальных отличий между сценариями и привязывать определённый кусок интерфейса к какому-то одному. Каждый сценарий раскрывает детали по-своему, но пользователь должен предсказуемо добираться до элементов в любом случае. Всё должно быть видимым и доступным беспрепятственно.

• Элементы навигации и тулбар умеют сворачиваться, когда их много, и перемещаться с правого края на левый в режиме многозадачности. А если айфон разложен и повёрнут вертикально, то элементы остаются на своих местах как раньше, ибо пространство позволяет.

• Контент теперь тяготеет к краю по умолчанию, оставляя зону безопасности для элементов управления. Если есть полноэкранный визуальный интерфейс, главное, чтобы он не перекрывался боковыми кнопками.

• Модальные окна и всё, что обычно лезет в центр, в сложенном виде может взаимодействовать с вертикальной полосой навигации или оставаться в старой всплывающей форме и перекрывать её. Когда айфон частично согнут, такой контент должен смещаться на одну из половин, чтобы интерактивные элементы были как можно дальше от сгиба и ближе к пальцам.