Анна Безрукова
продакт мобилки

Горизонтальная ориентация на iOS

Восстановили справедливость для обладателей iPhone и iPad и сделали так, чтобы 2ГИС стал красивее и показывал больше полезного с горизонтальной ориентацией экрана.
Большинство людей используют 2ГИС и другие навигационные приложения в вертикальном формате, когда высота экрана в несколько раз больше ширины. Но в нашей аудитории есть небольшая когорта пользователей, которая пользуется 2ГИС в горизонтальном формате.
19.5:9
<5%
пользователей 2ГИС на iOS используют горизонтальную ориентацию экрана
соотношение сторон у iPhone 16
Конечно, чаще приложение просматривают горизонтально, когда его запускают на планшете — для него такая ориентация экрана намного типичнее. А ещё бывает, что за рулём удобнее смотреть на карту горизонтально, чтобы влезало больше карты по краям маршрута.

В Android-приложении интерфейс давно адаптирован под горизонтальную ориентацию, а вот iOS отставал: транспортная выдача, экран просмотра маршрута и навигатор были адаптированы, а весь поисковый сценарий — нет. Мы просто растягивали интерфейс на всю ширину экрана, поэтому пользоваться поиском и выбирать организации на iPad было неудобно.

Экраны с транспортной выдачей были хороши даже до появления сплит-режима

Но теперь для владельцев iPad и любителей держать айфоны горизонтально настали новые времена: мы адаптировали приложение для работы в этом режиме.

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

За разделение экрана на две зоны — интерфейс и карту — мы назвали его сплит-режимом.

Посмотрите с чего мы начали и к чему пришли. Так, например, изменился главный экран с открытым дашбордом:

Двигайте слайдеры, чтобы сравнить прежнюю реализацию и новую. Слева в этой паре скриншотов и в каждой ниже — то, как было, а справа — то, что получилось после обновления

Так поменялась поисковая выдача:
А так — открытая карточка:
Это может быть неочевидно, но реализация сплит-режима оказалась технически довольно сложной — под капотом он затрагивает почти все экраны, которые есть у нас в приложении. Любые карточки объектов, поисковая выдача, главная Друзей, дашборд и многие другие ключевые элементы интерфейса у нас расположены в так называемых «панельках», которые можно тянуть вверх и вниз, меняя их высоту.
В сплит-режиме «панелька» работает иначе, чем прежде. Она занимает не всю ширину экрана, а только половину, а видимая область карты стала больше.

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

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

Сплит-режим получился долгостроем, и в нём ещё есть редкие баги. Так что если мы что-либо забыли или сделали не очень неудобно, пишите нам. Что-нибудь придумаем!

Обновление уже доступно части пользователей iOS-приложение. В течение месяца его получит каждый.
Нажимая кнопку «Комментировать», вы принимаете условия Лицензионного соглашения и даёте ООО «ДубльГИС» согласие на обработку персональных данных на условиях и в целях, определённых «Политикой конфиденциальности».