Концепция: Переосмысление Safari в iOS 15 с теми же основными принципами дизайна и целями

Новый дизайн Safari в iOS 15 от Apple, мягко говоря, вызвал неоднозначную реакцию. Это полное переосмысление одного из самых популярных приложений для iPhone, которое следует совершенно иным принципам дизайна. Бесчисленное количество людей, включая меня, пытались найти способы «исправить» новый дизайн, сделать его более привычным и удобным в использовании. Это моя последняя попытка. Я хотел следовать тем же принципам и стремиться к той же цели. Мобильный браузер, которым легко пользоваться одной рукой, и который позволяет мгновенно переключаться между сайтами.

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

В качестве вдохновения я обратился к приложению «Карты». Apple переработала «Карты» в iOS 10, представив блестящее перетаскиваемое модальное окно, которое содержит все необходимые кнопки и элементы управления. Его можно скрыть, когда вы хотите исследовать карту, и полностью развернуть, когда вам нужно проложить маршрут или найти интересующий вас объект.

Site default logo image

Этот элемент пользовательского интерфейса идеально подходит для веб-браузера. Ниже вы можете увидеть четыре этапа, которые я разработал для этого перетаскиваемого модального окна в Safari. В своем самом коротком положении, когда открыта одна вкладка, оно отображает только основные элементы. Здесь есть адресная строка, кнопка перезагрузки, кнопка «Поделиться», кнопка новой вкладки и кнопка просмотра вкладок.

Site default logo image

Когда вы открываете несколько вкладок, вы можете переключаться между ними под адресной строкой. Вы можете просто нажать на другую вкладку, чтобы переключиться на нее, чтобы жесты не конфликтовали с индикатором «домой».

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

Site default logo image

Если перетащить модальное окно до конца вверх, вы увидите все новые компоненты, которые Apple включила в новую стартовую страницу Safari. Здесь вы также можете увидеть все свои вкладки. Есть ярлык для всех групп вкладок и один для вкладок iCloud. Ниже вкладок вы увидите избранное со ссылкой, которая приведет ко всем вашим закладкам и истории. Под этим — «Поделиться с вами», а под этим — все остальное.

Site default logo image

Многим пользователям, тестирующим новый Safari, действительно нравится новый вид вкладок. Но он совершенно оторван от остального интерфейса и, честно говоря, немного сложен. Переключение между открытыми вкладками должно быть максимально простым, а визуальный предварительный просмотр прямо под адресной строкой и «на лету» может сделать работу намного лучше.

Site default logo image

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

Еще одна проблема нового дизайна — недостаток места для четких, легко нажимаемых кнопок «назад» и «вперед». Их все еще трудно вписать в этот дизайн, но это можно сделать гораздо понятнее. Я бы ожидал, что они будут опциональными в настройках. Жесты свайпа для возврата и перехода вперед очень распространены и просты в использовании. Кнопки на самом деле не нужны. Но если они вам нужны, они лучше подойдут здесь.

Site default logo image

Что вы думаете о новом дизайне Safari в iOS 15? Считаете ли вы, что предложенные нами изменения имеют смысл? Сообщите нам, что вы думаете, в комментариях ниже!