Креативные решения от разработчиков, работающих с вырезом iPhone X

Greg Barbosa | Четверг, 14 сентября, 2017, 05:09.

Avatar for Greg Barbosa
| 14 сентября 2017 г. — 13:59 PT
iPhone X TrueDepth Sensor

Ранее сегодня Бен Лавджой отметил трудности в поиске положительных отзывов о «вырезе» iPhone X. Многие читатели 9to5Mac разделяют это мнение в последние несколько дней. Хотя вырез может вызывать некоторые неудобства при просмотре видео или фотоконтента для потребителей, он также представляет проблемы для разработчиков приложений для iOS.

Apple выпустила новую страницу, чтобы помочь разработчикам подготовиться к iPhone X. Часть руководства, к которой многие разработчики обратятся немедленно, — это Human Interface Guidelines (Руководство по человеческому интерфейсу).

Apple HIG включает наборы рекомендаций (не требований) по проектированию программного обеспечения, которое наилучшим образом соответствует конкретным средам. С вырезом iPhone X, называемым в HIG корпусом датчика, многим разработчикам, возможно, придется переосмыслить некоторые из своих полноэкранных приложений.

Из видео Apple «Designing for iPhone X» разработчикам рекомендуют позаботиться об ограничениях по пространству как в ландшафтной, так и в портретной ориентации в своих приложениях. Корпус датчика и индикатор «домой» iPhone X могут мешать некоторым текущим дизайнам приложений. В HIG Apple четко заявляет:

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

Независимо от того, что указывает Apple HIG, многие разработчики создали успешные приложения, которые не следуют рекомендациям Apple. Визуальные ограничения, которые приносит вырез, — это то, где некоторые разработчики начали делиться креативными «решениями» в Интернете.

Войта Ставик в шутку поделился одним из самых интересных, если не визуально отвлекающих, примеров того, как *не* следует принимать вырез.

Зев Эйзенберг пошел дальше, показав, как может выглядеть индикатор прокрутки.

Алекс Деварти поделился видео с решением, которое могут использовать некоторые разработчики. Его пример показал два разных способа обработки выреза в ландшафтном режиме на iPhone X. Один, где табличное представление отображается на всю ширину, привлекая внимание к вырезу. Другой — добавление черной заливки в пространстве, где вырез обычно виден.

https://twitter.com/devarty/status/908172546973077504

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

https://twitter.com/jamesthomson/status/907993950086189056

В посте Эдварда Маркса от 2011 года показано, что многие разработчики находили свои собственные креативные решения в статус-баре и iOS 4. Маркс описал, что, используя черный статус-бар и закругленные углы, разработчики могли «повысить удобство использования вашего приложения для iPhone, ограничивая контент и, таким образом, отделяя его от видового экрана».

Изображения: Edward Marks

Мы начинаем видеть примеры того, что это может означать на iPhone X, которыми сегодня делятся.

Нико быстро отметил, что даже на презентации Apple приложение Apple Music игнорирует вырез. Хотя это может быть просто побочным эффектом дизайна интерфейса в стиле карточек.

Веб-разработчики также затронуты вырезом. Стивен Рэдфорд разобрал, что вырез будет означать для различных страниц в Интернете. Без дополнительного кода многие страницы по умолчанию будут отображать белые полосы по обе стороны контента на iPhone X. Рэдфорд обнаружил, что, добавив специальный код к сайту, разработчики могут избежать выреза и заполнить полное поле зрения устройства.

Предварительный просмотр того, как 9to5Mac может выглядеть при добавлении нового кода для учета выреза iPhone X.

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

Хотим мы этого или нет, вырез здесь, и мы даже видели предположения, что он станет определяющей характеристикой iPhone. В эти ранние дни существования выреза нет сомнений в том, что разработчики в значительной степени будут формировать опыт использования iPhone X в предстоящие годы.

Заходите на 9to5Mac на YouTube за дополнительными новостями Apple: