Особенности UI/UX интерфейсов складных смартфонов

В далёком 2019 году компания Samsung первой выпустила массовый складной смартфон с гибким AMOLED-экраном и шарнирным механизмом. Позже выпускать свои версии стали не только китайские бренды, такие как Huawei, Oppo, OnePlus, но и гиганты Google и Microsoft. А корпорация Apple, по слухам, представит свою первый раскладной iPhone уже этой осенью.

Меня зовут Никита Подгорный, я продуктовый дизайнер. В этой статье хотел поделиться с вами своим почти двухлетним опытом владения «раскладушкой» и как дизайнер интерфейсов дать немного советов. Совершенно очевидно, что вышеупомянутая Apple сильно всколыхнёт эту нишу и UI/UX дизайнерам мобильных приложений точно придётся учитывать новый форм-фактор, который имеет ряд своих особенностей и нюансов.

Прежде чем приступить — давайте немного статистики:

Да, по объёму продаж эта ниша не сопоставима с классическими моноблочными смартфонами: свою лепту вносят большая стоимость и небольшая линейка моделей. Но когда-то уже привычные планшеты тоже казались «нишевой диковинкой», но со временем прочно обосновались между ноутбуками и смартфонами.

Для начала стоит сказать, что раскладушки не одинаковы и имеют свои конструктивные особенности и нюансы. На сегодняшний день на рынке представлены три типа:

Flip, они же «вытянутые» смартфоны, которые складываются пополам.

Fold. Около-квадратный смартфон в раскрытом состоянии, складывается пополам. В закрытом — привычный вытянутый прямоугольник.

Trifold. Планшет, который сгибается на три части. На данный момент самый дорогой вид смартфонов в принципе, делают их только Huawei и Samsung.

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

В этой статье мы сфокусируемся на Fold-смартфонах, и тут же следует добавить, что и они делятся на два вида:

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

Широкий прямоугольник в сложенном, в разложенном — практически привычный планшетный вид 4:3.

На текущий момент именно широких Fold-смартфонов практически нет на рынке — эту нишу занимает нишевый Huawei Pura X (кстати в этом году они выпустили продолжение линейки в виде Pura X Max, который уже не похож на flip, а просто широкий Fold). Samsung готовится представить широкий фолд Galaxy Z Fold 8 уже в конце июля 2026 года. И все бросились делать именно такой форм-фактор потому, что Apple провели кучу исследований (и в целом не торопились со своими раскладушками, сильно отстав от конкурентов) и решили, что это самый лучший и подходящий формат для их первого складного смартфона.

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

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

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

Заметили схожесть между ними? Давайте подскажу

Все они, если имеют навигацию, располагают её слева. Давно во времена Flat, дизайн-система Android предлагала размещать навигацию в иконке «бургер», которая еще и располагалась в левом верхнем углу, требуя отдельных кликов и физического перехватывания смартфона в руке, особенно для правшей. Apple в противовес всегда предлагала размещение навигации снизу горизонтально, и угадайте чей подход в итоге победил и закрепился как стандарт? Мы немного отвлеклись, но я это всё к тому, что вертикальное расположение навигации в левом крае самое нативное и удобное, к тому же необязально его разворачивать — иконки кликабельны и дают возможность сразу переходить в другой раздел. Я специально показал оба варианта, чтобы вы могли сравнить, но технически это одно и тоже: развернутая навигация на примере приложения «Галерея» и свернутая на примере «Файлы» и «Health».

Кстати, в каком-то роде в приложении «Сообщения» список смс-ок тоже является навигацией, правда свернуть её нельзя. Технически навигация находится внизу, а само приложение делится на 2 части — навигация и список слева, справа — контентная область. К слову, похожим образом работает и Telegram.

Еще один из подходов формирования контентных областей — это распределение по колонкам. Нечто подобное отображено в приложении «Health», но самый наглядный вид в «Now brief». Так как такая композиция может затруднять восприятие контента такой вид используется крайне редко. Но если это коллаж из виджетов, то почему бы и нет?

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

Вообще у многих приложений на момент создания этого поста (лето 2026 года) есть проблемы с адаптацией интерфейса под такой тип дисплея. Он ещё не планшетный, но уже и не мобильный. Особенно это заметно на примере соцсетей. Вот так выглядит Instagram* (запрещена в РФ) в «узкой версии» (внешнем дисплее) и в «широкой» (внутреннем дисплее).

Проблема этой неполной адаптации: навигация уже планшетная, но ширина контентной области ничем не ограничена (нет паддингов или фиксированной ширины), из-за чего вертикальные фото не помещаются целиком в экран. Несколько забавно, что «Вконтакте» адаптация сделана лучше, но и там часто встречаются подобные проблемы (особенно с вертикально-вытянутыми фотографиями в посте).

Забавный пример — приложение «Авито»: разработчики сделали поддержку планшетов, за счёт чего лента на главной странице подстраивается под ширину и показывает больше контента. Но вот при просмотре объявления лента с фото вытягивается «на всю ширину», хотя таких проблем, как у «Самоката», нет (но это скорее всего потому, что фото там по умолчанию в альбомной ориентации 3:4). К слову, из маркетплейсов более-менее нормально адаптировали под планшет только Wildberries — это касается сетки показа, но внутри проблемы аналогичны «Авито». Остальные маркетплейсы вообще не умеют нормально работать с таким адаптивом и вызывают дискомфорт с самого начала: их сетка всегда в 2 колонки (не перестраивается даже основная навигация), а при открытии карточки товара фотки не помещаются на экране.

Конечно это не совсем проблема — производители смартфонов предусмотрели в базовых настройках опции, которые позволяют переключить отображение приложений на внутреннем дисплее в соотношение 3:4 или 16:9. Это помогает устранить дискомфорт, когда приложение адаптировано совсем плохо. Конкретно у Самсунга эта настройка не автоматическая, каждое приложение нужно настраивать индивидуально, благо, что совсем плохо адаптированы реально единицы.

Есть приложения, с которыми шикарно работать на Fold-смартфоне, например, карты, работа с таблицами (Google Docs), читалки. Хотя они и не используют специальный адаптив, но их пользовательский опыт сильно отличается в лучшую сторону по сравнению с обычными смартфонами.

Производители придумали несколько новых интересных сценариев для использования камеры. Если что, речь не про программные возможности (которые тоже присутствуют), а именно про уникальные фичи, которые стали доступными только благодаря такому форм-фактору.

В большинстве смартфонов селфи-камера очень сомнительного качества. Так происходит потому, что хорошие сенсор и матрицу нельзя сделать очень компактными (кстати, помните, как в 2017–19 гг. был тренд на смартфоны без «чёлки», камера которых «выезжала» из корпуса?). И Fold-смартфоны дают возможность достаточно удобно использовать для селфи основные камеры.

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

Если нужно сделать серию снимков, то сможете вывести их предпросмотр сбоку, не проваливаясь отдельно в Галерею и тем самым не отвлекаясь от съёмки. Тоже может быть полезно.

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

Ещё одно важное преимущество Fold-смартфонов — это эффективное использование нескольких приложений одновременно. Самый банальный пример — одновременное использование банковского приложения и калькулятора, которые выглядят, как будто эти программы открыты на двух телефонах, лежащих рядом. Конкретно Samsung даёт возможность менять их местами, сохранять это сочетание отдельным ярлыком на рабочем столе и даже открыть третье приложение поверх и настроить ему непрозрачность.

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

Также стоит упомянуть про Flex Mode: режим, когда приложения умеют определять, когда пользователь «согнул» смартфон и «половинят» интерфейс программы. Самый наглядный пример в приложении Youtube — верхную часть занимает видео, а другую вспомогательные элементы, такие как кнопки управления воспроизведением и паузой, перемотка и переключение видео. Flex Mode доступен и в других приложениях, но видимо они более специализированны, так как нигде такой режим я лично не встречал, но вроде как в некоторых приложениях для видеозвонков такое тоже есть (видел в рекламе, сам не проверял).

В конце решил поделиться своим пользовательским опытом, как потребитель. Лет 10 я пользовался исключительно айфонами и последним из них был iPhone 15 Pro Max, который сам по себе отличный телефон, но не мог предложить ничего кардинально нового и интересного, не говоря уже об ограничениях. Пропользовавшись им чуть меньше года, я продал его и купил Samsung Galaxy Z Fold 6.

Из минусов — он невероятно быстро теряет ликвидность на вторичном рынке. Если вы, как и я, не пользуетесь телефоном дольше полутора-двух лет, то это может быть реально серьёзным стоп-фактором, учитывая, что раскладушки стоят дороже, чем и так недешёвые флагманы.

Из менее критичных минусов — вес, толщина, батарея и камера. Со временем тот же Samsung делает смартфоны легче и тоньше, но батарея в силу форм-фактора «звёзд с неба не хватает». Камера после айфона оставляет желать лучшего, почему-то самая дорогая линейка не позиционируется для фотосъёмки, хотя она-то как раз и даёт несколько новых интересных сценариев. Например, за счёт возможности снимать на основную камеру и видеть предпросмотр на внешнем экране очень удобно снимать видеоблог с самим собой в кадре.

Ещё из забавных и неожиданных минусов — это клавиатура. Кажется, что в разложенном виде можно удобнее и быстрее печатать, так как ширина кнопок становится больше, и даже сама клавиатура разделяется на 2 половины (примерно как на айпаде). Но это «удобство» лишь иллюзия, печатать получается медленнее и с большим количеством опечаток. Да и «свайпать» пальцем становится практически невозможно.

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

Благодарю за то, что уделили внимание моей статье. Хочу пригласить вас в свой уютный блог в Телеграме, где я пишу про продуктовый дизайн без нейрослопа и духоты, а также выкладываю анонсы на другие свои статьи 😊

P. S. В статье много и часто фигурирует компания Samsung — прошу не воспринимать это как рекламу. Этот текст я начал писать больше года назад, но постоянно откладывал, так как хотел сделать её максимально полезной, интересной и прикладной для дизайнеров, проектирующих мобильные приложения. Поэтому хотел отразить весь накопленный пользовательский опыт с помощью своего собственного смартфона, купленного в январе 2025 года за свои собственные деньги.

#uidesign #uiuxdesign