Блог
Inside talavo

Четыре дизайнерских решения, благодаря которым talavo ощущается иначе

talavo6 мин. чтения

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

Создавая talavo, мы сделали несколько других ставок. Ни одна из них сама по себе не бросается в глаза. Но вместе они и есть причина, по которой он ощущается созданным для телефона, а не просто перенесённым на телефон. Вот четыре самые важные.

Одной рукой по умолчанию

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

talavo размещает всё, к чему вы действительно тянетесь, внизу, в пределах дуги большого пальца: адрес, «назад» и «вперёд», открытые вкладки, меню. Весь браузер задуман так, чтобы им управляла рука, которая уже его держит: в поезде, на прогулке, с кофе в другой руке. Звучит как мелочь, пока это не действие, которое вы совершаете четыреста раз в день. Мы не смогли найти другой мобильный браузер, изначально созданный для управления одной рукой, и это до сих пор нас удивляет.

Чипы вкладок

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

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

Плавающие вкладки

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

Плавающая вкладка talavo это та же идея, воспринятая всерьёз. Удерживайте любую ссылку, и страница всплывёт карточкой из Liquid Glass, причём это настоящая живая вкладка. Её можно прокручивать, нажимать на кнопки, заполнять поля, увеличивать и даже листать назад и вперёд внутри, не покидая страницу, на которой вы были. Когда закончите, нажмите на затемнённую область вокруг карточки (или на кнопку закрытия), и вы вернётесь ровно туда, где были, вместе с позицией прокрутки. Если окажется, что страницу хочется оставить, одно нажатие превращает её в полноценную вкладку. Это предпросмотр iOS на стероидах: полноценный одноразовый сеанс просмотра поверх текущего.

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

Liquid Glass повсюду

В iOS 26 интерфейс talavo построен на настоящем Liquid Glass от Apple, том же материале, что используют система и Safari, а на более старых версиях применяется матовый материал в качестве запасного варианта. Панели инструментов, чипы вкладок, плавающая карточка, меню: всё это преломляет и размывает то, что находится позади, поэтому интерфейс ощущается частью операционной системы, а не плоским слоем, прикрученным поверх веба.

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

Общая нить

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

Если хотите почувствовать разницу, а не читать о ней, talavo бесплатно доступен в App Store. Об остальных его возможностях, блокировке рекламы, фоновом звуке и Zen-режиме, который скрывает ленту, мы рассказываем в статье в защиту более спокойного телефона.