Полезные статьи

«Жидкое Стекло» Apple: Красиво, но Нечитаемо? Почему iOS 26 стала юзабилити-кошмаром?

UX/UI Design
Основной вывод заключается в том, что в iOS 26 Apple отдает приоритет зрелищности, а не юзабилити. Новый визуальный язык часто скрывает контент, вместо того чтобы выделять его. Интерфейс становится беспокойным, навязчивым, менее предсказуемым, менее читаемым и постоянно перетягивает внимание на себя, а не обеспечивает беспрепятственный доступ к контенту.
Вот ключевые проблемы, связанные с дизайном iOS 26:

1. Визуальный язык «Жидкое Стекло» (Liquid Glass)

iOS 26 вводит новый стекломорфный визуальный язык, названный Apple Liquid Glass. Apple описывает его как полупрозрачный материал, который отражает и преломляет окружение, динамически трансформируясь, чтобы обеспечить больший фокус на контенте, придавая живости элементам управления, навигации, значкам приложений и виджетам. На первый взгляд это выглядит современно и эффектно, но проблемы возникают сразу же, как только пользователь начинает использовать телефон.
Проблемы с прозрачностью и читаемостью:
  • Низкий контраст: Liquid Glass делает элементы пользовательского интерфейса полупрозрачными и похожими на пузыри, что приводит к тому, что они становятся легкими, воздушными — и часто невидимыми. Это противоречит одному из старейших правил юзабилити: всё, что размещено поверх чего-то другого, становится труднее увидеть.
  • Текст на изображениях: Apple поощряет пользователей устанавливать фотографии в качестве фона для текстовых сообщений, что значительно затрудняет чтение текста из-за низкого контраста. Слова друга маскируются на фоне фотографии, и контент становится нечитаемым.
  • Слияние элементов: В Apple Maps значки в нижней части экрана сливаются с фоновыми изображениями, несмотря на их размытие.
  • «Текст поверх текста»: Дизайнеры прибегли к смелому (или глупому) эксперименту, при котором расшифровка одной строки текста, написанной поверх другой, становится нормой (например, чтение заголовка электронного письма). Это не только неразборчиво, но и некрасиво.
Плавающие элементы управления (Floating Controls):
  • В iOS 26 преобладают полупрозрачные плавающие элементы управления, включая заголовки, панели поиска, панели вкладок и даже строку состояния телефона.
  • Эти элементы не только скрывают содержимое страницы, но иногда и конкурируют за внимание с другими элементами страницы.
  • Например, в Safari плавающие элементы управления браузера (панель URL, кнопка «Назад», меню с многоточием) конкурируют с плавающими кнопками на самой странице.
Анимированные кнопки и отвлечение внимания:
  • Анимация, которая может быть приятной в первый раз, превращается в отвлекающий фактор при многократном использовании.
  • Элементы управления постоянно анимируют себя независимо от пользы для пользователя. Примеры включают: точки карусели, которые тихо превращаются в слово Search; кнопки камеры, которые слегка дергаются при нажатии; панели вкладок, которые «пузырятся и шевелятся» при переключении видов.
  • Интерфейс «кричит: «Посмотри на меня!», когда он должен тихо отойти в сторону, чтобы дать контенту выйти на первый план».
  • В приложении Музыка заголовок текущей песни «тикает» и мерцает водянистыми бликами при прокрутке, а затем «подпрыгивает», освобождая место для панели вкладок. Движение ради движения не способствует юзабилити, это отвлечение, сопровождаемое легкой тошнотой.

2. Скученные и уменьшенные области нажатия (Tap Targets)

Apple, похоже, решила, что пальцы пользователей уменьшаются, или что они приобрели идеальную точность.
  • В iOS 26 нарушено давнее правило юзабилити, требующее не менее 0,4 см между целями и площади нажатия 1 см × 1 см.
  • Панели вкладок стали тесными и сжатыми, чтобы освободить место для постоянно присутствующей кнопки поиска, которая находится в нижнем правом углу почти каждой страницы.
  • Эта кнопка поиска плавает отдельно от остальной части панели, что фрагментирует навигацию и затрудняет ее быстрое сканирование.

3. Потеря предсказуемости

Постоянно меняющиеся интерфейсы являются кошмаром для пользователей. В iOS 26 элементы управления появляются, исчезают, сворачиваются и разворачиваются в зависимости от контекста.
  • Сворачивание элементов: Панель вкладок сворачивается при активации поиска.
  • Непостоянство кнопок: В Safari кнопка «Вперед» появляется и исчезает в зависимости от того, есть ли страница для перехода вперед. Хотя теоретически это может показаться логичным, на практике это нарушает согласованность: изменение размера и расположения цели затрудняет изучение интерфейса и делает его менее предсказуемым.

4. Нарушение устоявшихся традиций

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

5. Снижение обнаруживаемости (Discoverability)

  • Кнопка «Назад» без метки: Кнопка «Назад» лишилась своей подсказки («хлебного следа»), которая раньше указывала, с какой страницы пришел пользователь. Теперь она не имеет метки, что вынуждает пользователей гадать. Это смещение к дизайну в стиле Android, где заголовки страниц выравниваются по левому краю.
  • Урезанная адресная строка: В Safari адресная строка сжата между значками до такой степени, что трудно определить, на каком сайте вы находитесь.
  • Скрытые вкладки: Вкладки, которые раньше были доступны в одно касание, теперь спрятаны в меню с многоточием (overflow ellipsis menu), что требует дополнительных действий. Это нарушает лучшие практики, согласно которым в меню переполнения следует прятать только второстепенные действия.
В итоге, Apple «делает пользователей вновь учить основы, в то время как они вынуждены терпеть постоянный парад визуальных трюков». «Жидкое Стекло» воспринимается многими пользователями как «запотевшее окно: красивое издалека, но расстраивающее, когда пытаешься увидеть что-то сквозь него».
1-px.ru: Ваша команда по созданию дизайна и разработке сайтов.
Мы не гонимся за модным «Жидким Стеклом». Наш принцип: сначала решение задачи и цели бизнеса, а уже потом безупречный UI. Мы создаем интерфейсы, которые приносят результат.
У нас есть группа ТГ 😁 наверное только у ленивого нет там ее) Не часто обновление, но интересное
Нужна консультация или хотите заказать себе сайт пишите Евгений на связи
Made on
Tilda