После презентации iPhone X про фирменный горб не пошутил только ленивый. Но если для обычных пользователей это лишний повод посмеяться и сказать, что Apple уже не торт, то для разработчиков такая «ключевая особенность» — настоящая головная боль.
На самом деле первые попытки приспособиться под новые реалии были предприняты после появления первых слухов. Среди нескольких забавных концептов присутствовали и дельные.
— Прокрутка вокруг горба
I think I’ve fixed the notch issue in landscape ? #iphoneX pic.twitter.com/hGytyO3DRV
— Vojta Stavik (@vojtastavik) September 13, 2017
Дизайнер Vojta Stavik показал, как контент будет огибать островок с датчиками. Неплохой, но не самый универсальный вариант.
— Полоса прокрутки повторяет изгиб выреза
Here’s what the notch would look like on the other side ? #iphoneX https://t.co/2iOlZwr4BG pic.twitter.com/UBcewcYj1x
— Zev Eisenberg (@ZevEisenberg) September 14, 2017
Ещё одна вариация на тему прокрутки от разработчика Zev Eisenberg. Кажется неплохим, особенно на фоне того, что будет на самом деле.
— Скругление углов в портретном режиме
Landscape Notch – Show/Hide? @stroughtonsmith @steipete @jamesthomson @flyosity @drbarnard @agiletortoise @_inside pic.twitter.com/09VfVCMP3w
— Alex Devarty (@devarty) September 14, 2017
Разработчик Alex Devarty пытается усидеть на двух стульях. В портретном режиме — это тот же iPhone X, а в ландшафтном — углы скругляются и островок не мешает.
— Горб, как элемент интерфейса
I was working on this idea of blending app design with the #iPhoneX notch. ?? pic.twitter.com/lj2AhxWNeE
— Luboš Volkov⚡️ (@0therPlanet) September 18, 2017
Дизайнер Luboš Volkov показал крутой концепт того, как можно обратить особенность экрана в свою пользу. Особенно интересна идея вызова доп. панелей свайпом вниз от центра. Жаль, что этот жест уже занят.
Но Apple сразу зарубила все попытки на корню, выпустив своё руководство для разработчиков. В частности, там есть вот такой абзац:
Не скрывайте ключевую особенность дисплея. Не пытайтесь скрыть круглые края устройства, зону датчиков или индикаторов для получения доступа к домашнему экрану, размещая чёрные полосы в верхней или нижней части экрана. Не используйте визуальные украшения, такие как скобки, рамки, фигуры или текст, чтобы обратить внимание на эти области. — Human Interface Guidelines, Apple
То есть нельзя никак обращать внимание на этот островок. Его нет, и точка. Это серьезно ограничивает разработчиков, ведь нам уже показали, как круто можно обыграть зону под датчиками.
И если портретный режим не вызывает особых вопросов, то ландшафтному режиму досталось. Речь не о видео на весь экран — момент спорный, но для разработчиков не самый актуальный.
Вот три основные проблемы:
1. Мёртвые зоны экрана
Да, у этого огромного OLED-дисплея есть несколько мертвых зон. Дело не только в островке наверху, своё место занимает и нижний слайдер возврата в основное меню. Ведь если перевернуть телефон в ландшафтный режим, слайдер все равно должен остаться внизу, а зона под него растягивается на весь экран.
Эти зоны можно закрыть фоном, но разместить там контент либо элементы управления не получится. Придется сдвигать всё к центру.
2. Игры в ландшафтном режиме
Игры можно растянуть на весь экран, но все кнопки и виртуальные джойстики останутся на примерно тех же местах. Элементами внутриигрового интерфейса ситуацию не поправить, поэтому врезка в экран отвлекает и закрывает обзор. Что тут говорить, даже Apple не смогла выбрать приличный скриншот для примера.
Разработчикам всяких шутеров и гонок придется попотеть. А вот Doodle Jump, например, будет классно смотреться.
3. Отображение страниц в Safari
iPhone X renders webpages with literal white bars on the sides pic.twitter.com/ztcWetrLPo
— Thomas Fuchs (@thomasfuchs) September 13, 2017
Любой не адаптированный под iPhone X сайт в ландшафтном режиме отображается с белыми полосами по бокам. Можно настроить background в html-коде, только я уверен, что далеко не каждый интернет-ресурс внесёт соответствующие коррективы.
Режим Reader в Safari – отдельный разговор. Текст реально занимает всю площадь экрана, но со всеми вырезами и закруглениями выглядит так себе.
I think Safari Reader Mode is where #embraceTheNotch is going to distract me the most: pic.twitter.com/7hes3kcAwc
— Steve Moser (@SteveMoser) October 11, 2017
Кстати, знаете как будет двигаться полоса прокрутки, если iPhone X повернуть островком вправо? Как обычно. Просто она будет заезжать под зону с камерой и выезжать снизу:
Don’t worry, the hiding scroll bar is even grosser (top-right corner). pic.twitter.com/6ImBLI9TdM
— Ben Packard (@BenPackard) September 13, 2017
Всё получится
С другой стороны, встречается все больше примеров того, как разработчики и веб-дизайнеры решили этот вопрос:
If this doesn’t make you want to spend $1,000 in November, I don’t know what will. pic.twitter.com/cpgDhQIcxq
— CARROT (@CARROT_app) September 13, 2017
Разработчикам Carrot Weather новый экран не доставил никаких проблем.
Going with rounded corners as a first pass at the PCalc default theme on an iPhone X. pic.twitter.com/N2AnMJAVCZ
— James Thomson (@jamesthomson) September 13, 2017
PCalc закруглили и всё.
Цель этой статьи — не раздуть панику, а рассказать с каким интерфейсом нам придется смириться. Очевидно, что игры в конце концов перерисуют, а сайты адаптируют. Но многие приложения и веб-страницы будут с мертвыми зонами сбоку. Тут либо привыкать, либо заблокировать переход в ландшафтный режим.
Я выберу первое.
31 комментариев
Форум →Меню из горба – прикольная идея
Извращение конечно в угоду узнаваемости и невозможности сделать тач ид удобным. По мне так лучше тач ид сзади, чем такой экран. Ну нет в нем симметрии в книжной ориентации и это будет раздражать.
Понятие «портретный режим» сбивает с толку
Уродец, самый настоящий. Хехе.
А когда выйдет в продажу – всего пару месяцев будет продаваться до s9.
@Cegou6, что такое с9, модель микроволновки?
@bassist, Это демонстрация иноваций айфона XII
@Cegou6, мне кажется если бы с таким дизайном вышел какой-нибудь xiaomi (сектантам просьба не отвечать), то его бы с вероятностью 146% загнобили бы еще в момент анонса)))
Мы то знаем, что айфонс по-любому адаптируют:)
In My Humble Opinion, не Samsung, решение более смелое и интересное у Apple. Слишком вы придирчивы к устройству, которое видели только на картинках. Вот только надеюсь они добавят возможность добавлять несколько лиц!
Я пользуюсь айфоном в перчатках с айфон 10 это будет круто ненадо снимать перчатку чтоб нажать на центральную клавишу
@RomaTweetporn, Вопрос в другом будет он работать про нулевой температуре )))
@axinfernis, ни один до него не работал и этот не будет ;)
ААААааа я в панике. Режим чтения просто невыносим. Я почти всегда читаю наверху экрана и одновременно скролю.
Раньше казалось, что у iPhone X неудачный дизайн, сейчас кажется, что и функционал Х-ня.
Самый отвратный дизайн за последние 5 лет… и у кого? у Эппл…
позор
Спасибо, поблевал.
Эту ” омерзительную десятку” думаю проблематично будет купить до НГ. Подожду до сентября 2018 и возьму за 800$ :D как раз ios11 допилят
>Текст реально занимает всю площадь экрана, но со всеми вырезами и закруглениями выглядит так себе.
Выглядит б..дски, чесс слово. Это Эппл ???
А никого не смущают полоски по полтора сантиметра сверху и снизу в предыдущих моделях )))
@VYSESH, они видимо так были дороги Айву, что он решил втюхать горб
@VYSESH, нет абсолютно нет…
Ужаааааасссс, горбик на дисплее – это вынос мозга, Apple решил производить по нашему принципу “хотели, как лучше, вышло, как всегда”…
Скролл – это эпик фейл!
Ребят, ну ужас же! Где все дизайнеры, которые соорудили такую чушь? Это ведь реально неудобно и глаза режет. Не буду говорить о том, что “Джобс бы не одобрил”…Он бы вообще уволил сразу всех, кто был причастен к этому провальному варианту продукта.
Будем честными: на Айфоне по прежнему сидят из-за iOS и интеграции с Мак ОС. Но для этих целей куда удобнее пользоваться более ранними версиями аппарата( 7 и 8)
Из за дюймов погнались и сделали уродство. Поэтому и поменял 6 plus на 8 plus. Подождем до 2018 может что нибудь годное выпустят :)
Я бы купил если бы не горбик, убрали в его и все были бы довольны.
@Sergei Erenberg, Ну ты что предлагаешь-то? Убрать все датчики? Или оставить и просто вверху полосу сплошной сделать. Вот спроси любого и у каждого будет свой вариант. У Apple вот такой вариант, кому не по нутру не берите и всё, оставайтесь на 8-ке или на более ранних, переходите на вёдрышко ))), ждите следующего и т.д.
@VYSESH, ну нашелся адвокат. Как минимум два телефона я бы купил жене и себе а так я на 8плюс а жена на 7ке осталась. И таких как я думаю не мало будет
@Sergei Erenberg, Надо же не угодили лично тебе.Таких кто купит тоже не мало, не ёрзай.
Горбик не нравится никому, но все равно все привыкнут. А через пару лет его уберут и станет норм.
@slalompics, уберут и скажут: “Эмэйзинг!”
МОНОБРОВЬ, а не горб! =)
Нашли орфографическую ошибку в новости?
Выделите ее мышью и нажмите Ctrl+Enter.Как отделить контакты WhatsApp от всех контактов на iPhone?
Как на iPhone очистить историю браузера. Удаляем посещенные сайты в Safari быстро
Как после обновления iTunes загружать книги и рингтоны на iPhone
Что делать, если на iPhone не работают кнопки регулировки громкости
Почему отличается номер модели iPhone или iPad в Настройках и на сайте Apple
3.5 мм разъем на Mac периодически не видит колонки, что делать?
Можно ли в iOS 15 отключить поиск Spotlight на экране блокировки iPhone
Как пользоваться приложениями бесплатно, если требуется оформить подписку