Den taktila comebacken: djup, glas och fysisk feedback i modernt användargränssnitt
Varför djup, genomskinlighet och fysisk rörelse är tillbaka i UI-design efter platt design, vad Apples Liquid Glass och Material 3 Expressive ändrade, och hur man håller det användbart.
Core Takeaway
Efter ett decennium av platt design är djup och fysisk feedback tillbaka. 2025 introducerade Apple Liquid Glass, ett genomskinligt material för kontroller och navigering, och Google introducerade Material 3 Expressive, med stöd av forskning om mer emotionell design. Används väl visar djupet vad som är interaktivt och rörelse bekräftar handlingar; används slarvigt sänker genomskinlighet kontrasten och skadar läsbarheten.
Vad förändrades 2025
Den 9 juni 2025 tillkännagav Apple sin bredaste mjukvarudesignuppdatering, byggd kring ett nytt material som heter Liquid Glass. Den är genomskinlig, reflekterar och bryter det som ligger bakom den, och sträcker sig över iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 och tvOS 26. Google beskrev samtidigt Material 3 Expressive som sin mest undersökta designsystemuppdatering, baserat på 18,00 deltagare med fler än 46 studier. Google rapporterar att deltagarna upptäckte viktiga UI-element upp till fyra gånger snabbare i de uttrycksfulla designerna, och att preferensen var starkast, upp till 87 %, bland 18- till 24-åringar.
Djup med ett jobb att göra
Apples riktlinjer är specifika för var materialet hör hemma: Liquid Glass bildar ett funktionellt lager för kontroller och navigering som svävar över innehållet, och bör inte användas i själva innehållslagret. Det är den användbara principen bakom hela trenden: djupet ska förklara strukturen, skilja det du kan agera på från det du läser.
Användbarhetskostnaden
Alla är inte övertygade. Nielsen Norman Group hävdade att Liquid Glass i iOS 26 döljer innehåll och att allt som placeras ovanpå något annat blir svårare att se, särskilt text över hektiska bakgrunder. Den praktiska lärdomen är att genomskinlighet behöver skyddsräcken: testa kontrast på verkligt innehåll, öka oskärpa eller opacitet bakom text och stödja systeminställningarna för minskad transparens och ökad kontrast.
Fysisk feedback är den hållbara delen
Visuella trender kommer och går, men fysisk feedback håller i sig eftersom det hjälper människor. En knapp som trycks ihop något när den trycks ned, ett ark som följer fingret och sätter sig med en fjäder, eller en växel som snäpper på plats bekräftar alla att en åtgärd har registrerats. Vårfysik är det naturliga verktyget för detta, eftersom den reagerar på avbrott och gesthastighet på det sätt som verkliga objekt gör.
Hur man adopterar det noggrant
Börja med feedback, inte dekoration:
- Lägg till tryck-, drag- och släppfeedback till de kontroller som människor använder mest.
- Använd lager och skuggor för att separera kontroller från innehåll.
- Kontrollera textens kontrast ovanpå alla genomskinliga ytor.
- Respektera minskad rörelse, minskad transparens och ökade kontrastinställningar.
- Håll effekterna konsekventa genom rörelse- och höjdsymboler.
Nyckel Principles att komma ihåg
- Apple introducerade Liquid Glass i juni 2025; Google introducerade Material 3 Expressive
- Djup fungerar när det separerar kontroller från innehåll
- Genomskinlighet kan skada kontrast och läsbarhet; testa med verkligt innehåll
- Fysisk återkoppling (tryck, dra, fjädring) är den hållbara delen av trenden
- Respektera minskad rörelse, minskad transparens och ökad kontrast
Vanliga frågor
Källor
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9 juni 2025)
- Materials — Apples riktlinjer för mänskligt gränssnitt
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design