Det taktile comebacket: dybde, glass og fysisk tilbakemelding i moderne brukergrensesnitt
Hvorfor dybde, gjennomskinnelighet og fysisk bevegelse er tilbake i UI-design etter flat design, hva Apples Liquid Glass og Material 3 Expressive endret, og hvordan du holder det brukbart.
Kjerne takeaway
Etter et tiår med flat design er dybde og fysisk tilbakemelding tilbake. I 2025 introduserte Apple Liquid Glass, et gjennomsiktig materiale for kontroller og navigering, og Google introduserte Material 3 Expressive, støttet av forskning på mer emosjonell design. Godt brukt viser dybden hva som er interaktiv og bevegelse bekrefter handlinger; brukt uforsiktig, reduserer gjennomskinnelighet kontrasten og skader lesbarheten.
Hva endret seg i 2025
9. juni 2025 kunngjorde Apple sin bredeste programvaredesignoppdatering, bygget rundt et nytt materiale kalt Liquid Glass. Den er gjennomskinnelig, reflekterer og bryter det som ligger bak den, og strekker seg over iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 og tvOS 26. Google beskrev i mellomtiden Material 3 Expressive som sin mest undersøkte designsystemoppdatering, basert på mer enn 18,00 deltakere med mer enn 46 studier. Google rapporterer at deltakerne oppdaget viktige brukergrensesnittelementer opptil fire ganger raskere i de uttrykksfulle designene, og at preferansen var sterkest, opptil 87 %, blant 18- til 24-åringer.
Dybde med en jobb å gjøre
Apples retningslinjer er spesifikke for hvor materialet hører hjemme: Liquid Glass danner et funksjonelt lag for kontroller og navigering som flyter over innhold, og skal ikke brukes i selve innholdslaget. Det er det nyttige prinsippet bak hele trenden: dybden skal forklare strukturen, skille det du kan handle på fra det du leser.
Brukbarhetskostnaden
Ikke alle er overbevist. Nielsen Norman Group hevdet at Liquid Glass i iOS 26 skjuler innhold og at alt som er plassert på toppen av noe annet blir vanskeligere å se, spesielt tekst over travle bakgrunner. Den praktiske lærdommen er at gjennomskinnelighet trenger rekkverk: test kontrast på ekte innhold, øk uskarphet eller opasitet bak tekst, og støtte systeminnstillingene for redusert gjennomsiktighet og økt kontrast.
Fysisk tilbakemelding er den varige delen
Visuelle trender kommer og går, men fysisk tilbakemelding varer fordi det hjelper folk. En knapp som komprimeres litt når den trykkes inn, et ark som følger fingeren og legger seg med en fjær, eller en bryter som klikker på plass, bekrefter alle at en handling er registrert. Vårfysikk er det naturlige verktøyet for dette, fordi det reagerer på avbrudd og bevegelseshastighet slik virkelige objekter gjør.
Hvordan adoptere det nøye
Start med tilbakemelding, ikke dekorasjon:
- Legg til trykk, dra og slipp tilbakemelding til kontrollene folk bruker mest.
- Bruk lagdeling og skygger for å skille kontroller fra innhold.
- Sjekk tekstkontrasten på toppen av enhver gjennomskinnelig overflate.
- Respekter redusert bevegelse, redusert gjennomsiktighet og økte kontrastinnstillinger.
- Hold effektene konsistente gjennom bevegelse og høydesymboler.
Tast Principles å huske
- Apple introduserte Liquid Glass i juni 2025; Google introduserte Material 3 Expressive
- Dybde fungerer når den skiller kontroller fra innhold
- Gjennomsiktighet kan skade kontrast og lesbarhet; test med ekte innhold
- Fysisk tilbakemelding (trykk, dra, våren avgjøres) er den varige delen av trenden
- Respekter redusert bevegelse, redusert gjennomsiktighet og økt kontrast
Ofte stilte spørsmål
Kilder
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9. juni 2025)
- Materials — Apples retningslinjer for menneskelig grensesnitt
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design