Тактильне повернення: глибина, скло та фізичний зворотний зв’язок у сучасному інтерфейсі
Чому глибина, напівпрозорість і фізичний рух повертаються в дизайн інтерфейсу користувача після плоского дизайну, що змінили Liquid Glass і Material 3 Expressive від Apple і як зберегти їх придатними для використання.
Основний винос
Після десятиліття плоского дизайну повертаються глибина та фізичний зворотний зв’язок. У 2025 році Apple представила Liquid Glass, напівпрозорий матеріал для елементів керування та навігації, а Google представила Material 3 Expressive, підкріплений дослідженнями емоційнішого дизайну. При правильному використанні глибина показує, що є інтерактивним, а рух підтверджує дії; при необережному використанні напівпрозорість знижує контраст і погіршує читабельність.
Що змінилося у 2025 році
9 червня 2025 року Apple оголосила про наймасштабніше оновлення дизайну програмного забезпечення, засноване на новому матеріалі під назвою Liquid Glass. Він напівпрозорий, відображає та заломлює те, що знаходиться за ним, і поширюється на iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 і tvOS 26. Тим часом Google описав Material 3 Expressive як найбільш досліджене оновлення системи дизайну на основі 46 досліджень із понад 18 000 учасників. Google повідомляє, що учасники помічали ключові елементи інтерфейсу до чотирьох разів швидше у виразному дизайні, і ця перевага була найсильнішою, до 87%, серед 18-24-річних.
Глибина з роботою
В інструкціях Apple чітко визначено, куди належить матеріал: Liquid Glass утворює функціональний рівень для елементів керування та навігації, який плаває над вмістом, і не повинен використовуватися на самому рівні вмісту. Це корисний принцип, що стоїть за цілою тенденцією: глибина повинна пояснювати структуру, відокремлюючи те, на що ви можете діяти, від того, що ви читаєте.
Вартість зручності використання
Не всі переконані. Nielsen Norman Group стверджував, що Liquid Glass у iOS 26 приховує вміст і що все, що розміщено поверх чогось іншого, стає важче побачити, особливо текст на насиченому фоні. Практичний урок полягає в тому, що напівпрозорість потребує огорожі: перевірте контраст на реальному вмісті, збільште розмиття або непрозорість за текстом і підтримуйте системні налаштування для зменшення прозорості та збільшення контрасту.
Фізичний зворотний зв'язок є довговічною частиною
Візуальні тенденції приходять і йдуть, але фізичний зворотній зв’язок триває, тому що він допомагає людям. Кнопка, яка злегка стискається під час натискання, аркуш, який слідує за пальцем і закріплюється за допомогою пружини, або перемикач, який фіксується на місці, — усе це підтверджує, що дія зареєстрована. Spring physics є природним інструментом для цього, оскільки він реагує на переривання та швидкість жестів так само, як і реальні об’єкти.
Як це обережно прийняти
Почніть із відгуків, а не з декорацій:
- Додайте відгуки про натискання, перетягування та відпускання до елементів керування, якими найчастіше користуються люди.
- Використовуйте шарування та тіні, щоб відокремити елементи керування від вмісту.
- Перевірте контраст тексту на будь-якій напівпрозорій поверхні.
- Дотримуйтеся налаштувань зменшення руху, зменшення прозорості та підвищення контрастності.
- Зберігайте ефекти послідовними за допомогою жетонів руху та висоти.
Ключі Principle, які слід запам’ятати
- Apple представила Liquid Glass у червні 2025 року; Google представив Material 3 Expressive
- Глибина працює, коли вона відокремлює елементи керування від вмісту
- Напівпрозорість може погіршити контрастність і читабельність; тест з реальним вмістом
- Фізичний зворотний зв’язок (натискання, перетягування, осідання пружини) є довговічною частиною тренду
- Зважайте на зменшення руху, зменшення прозорості та підвищення контрастності
Часті запитання
Джерела
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9 червня 2025 р.)
- Materials — Інструкції щодо людського інтерфейсу Apple
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design