De tactiele comeback: diepte, glas en fysieke feedback in de moderne gebruikersinterface
Waarom diepte, doorschijnendheid en fysieke beweging na een plat ontwerp weer terug zijn in het UI-ontwerp, wat Apple's Liquid Glass en Material 3 Expressive hebben veranderd, en hoe je het bruikbaar kunt houden.
Kern afhaalmaaltijd
Na een decennium van plat ontwerp zijn diepte en fysieke feedback terug. In 2025 introduceerde Apple Liquid Glass, een doorschijnend materiaal voor bedieningselementen en navigatie, en Google introduceerde Material 3 Expressive, ondersteund door onderzoek naar meer emotioneel ontwerp. Goed gebruikt, diepte laat zien wat interactief is en beweging bevestigt acties; onzorgvuldig gebruikt, verlaagt de doorschijnendheid het contrast en schaadt de leesbaarheid.
Wat veranderde er in 2025
Op 9 juni 2025 kondigde Apple zijn breedste software-ontwerpupdate aan, gebouwd rond een nieuw materiaal genaamd Liquid Glass. Het is doorschijnend, reflecteert en breekt wat erachter zit, en strekt zich uit over iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 en tvOS 26. Google heeft Material 3 Expressive ondertussen beschreven als de meest onderzochte ontwerpsysteemupdate, gebaseerd op 46 onderzoeken met meer dan 18.000 deelnemers. Google meldt dat deelnemers de belangrijkste UI-elementen tot vier keer sneller opmerkten in de expressieve ontwerpen, en dat die voorkeur het sterkst was, tot 87%, onder 18- tot 24-jarigen.
Diepte met een klus te klaren
De richtlijnen van Apple zijn specifiek over waar het materiaal thuishoort: Liquid Glass vormt een functionele laag voor bedieningselementen en navigatie die boven de inhoud zweeft, en mag niet in de inhoudslaag zelf worden gebruikt. Dat is het nuttige principe achter de hele trend: diepgang moet de structuur verklaren, en scheiden waar je op kunt reageren en wat je leest.
De bruikbaarheidskosten
Niet iedereen is overtuigd. Nielsen Norman Group voerde aan dat Liquid Glass in iOS 26 de inhoud verduistert en dat alles wat bovenop iets anders wordt geplaatst moeilijker te zien wordt, vooral tekst over drukke achtergronden. De praktische les is dat doorschijnendheid vangrails nodig heeft: test het contrast op echte inhoud, verhoog de ondoorzichtigheid of ondoorzichtigheid achter tekst en ondersteun de systeeminstellingen voor verminderde transparantie en verhoogd contrast.
Fysieke feedback is het duurzame deel
Visuele trends komen en gaan, maar fysieke feedback blijft bestaan omdat het mensen helpt. Een knop die lichtjes wordt samengedrukt als je erop drukt, een vel dat de vinger volgt en met een veer vastzet, of een knevel die op zijn plaats klikt, bevestigen allemaal dat er een actie is geregistreerd. Lentefysica is hiervoor het natuurlijke hulpmiddel, omdat het op onderbrekingen en bewegingssnelheid reageert zoals echte objecten dat doen.
Hoe je het zorgvuldig kunt adopteren
Begin met feedback, niet met decoratie:
- Voeg druk-, sleep- en loslaatfeedback toe aan de bedieningselementen die mensen het meest gebruiken.
- Gebruik lagen en schaduwen om de besturingselementen van de inhoud te scheiden.
- Controleer het tekstcontrast op een doorschijnend oppervlak.
- Respecteer verminderde beweging, verminderde transparantie en verhoogde contrastinstellingen.
- Houd de effecten consistent door middel van bewegings- en hoogtefiches.
Toets Principles in om te onthouden
- Apple introduceerde Liquid Glass in juni 2025; Google introduceerde Materiaal 3 Expressief
- Diepte werkt wanneer het de bedieningselementen scheidt van de inhoud
- Doorschijnendheid kan het contrast en de leesbaarheid schaden; testen met echte inhoud
- Fysieke feedback (drukken, slepen, veerinslag) is het duurzame deel van de trend
- Respecteer verminderde beweging, verminderde transparantie en verhoogd contrast
Veelgestelde vragen
Bronnen
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9 juni 2025)
- Materials — Richtlijnen voor menselijke interfaces van Apple
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google-ontwerp