Tunteva paluu: Syvyys, lasi ja fyysinen palaute modernissa käyttöliittymässä
Miksi syvyys, läpikuultavuus ja fyysinen liike ovat palanneet käyttöliittymän suunnitteluun litteän suunnittelun jälkeen, mitä Applen Liquid Glass ja Material 3 Expressive muuttivat ja miten se pysyy käyttökelpoisena.
Core Takeaway
Vuosikymmenen litteän suunnittelun jälkeen syvyys ja fyysinen palaute ovat palanneet. Vuonna 2025 Apple esitteli Liquid Glass:n, läpikuultavan materiaalin ohjaimia ja navigointia varten, ja Google esitteli Material 3 Expressiven, jota tukee tunneperäisempää suunnittelua koskeva tutkimus. Hyvin käytettynä syvyys näyttää mikä on interaktiivista ja liike vahvistaa toiminnan; huolimattomasti käytettynä läpikuultavuus heikentää kontrastia ja huonontaa luettavuutta.
Mikä muuttui vuonna 2025
Apple julkisti 9. kesäkuuta 2025 laajimman ohjelmistosuunnittelupäivityksensä, joka perustuu uuteen materiaaliin nimeltä Liquid Glass. Se on läpikuultava, heijastaa ja taittaa sen, mikä on sen takana, ja ulottuu iOS 26:n, iPadOS 26:n, macOS Tahoe 26:n, watchOS 26:n ja tvOS 26:n läpi. Google puolestaan kuvaili Material 3 Expressiveä tutkituimpana suunnittelujärjestelmän päivityksenä, jossa on enemmän kuin 06 osallistujaa 06:een. Google raportoi, että osallistujat huomasivat käyttöliittymän keskeiset elementit jopa neljä kertaa nopeammin ilmeikkäissä malleissa, ja tämä mieltymys oli vahvin, jopa 87 %, 18–24-vuotiaiden keskuudessa.
Tehtävän työn syvyys
Applen ohjeet ovat tarkkoja materiaalin sijainnin suhteen: Liquid Glass muodostaa toiminnallisen kerroksen ohjauksille ja navigoinnille, joka kelluu sisällön yläpuolella, eikä sitä tule käyttää itse sisältökerroksessa. Tämä on hyödyllinen periaate koko trendin takana: syvyyden pitäisi selittää rakenne, erottaen se, mitä voit toimia, lukemastasi.
Käytettävyyden hinta
Kaikki eivät ole vakuuttuneita. Nielsen Norman Group väitti, että Liquid Glass iOS 26:ssa peittää sisällön ja että kaiken muun päälle sijoitetusta tulee vaikeampaa nähdä, erityisesti tekstiä kiireisen taustan päällä. Käytännön oppitunti on, että läpikuultavuus tarvitsee suojakaiteita: testaa kontrastia todellisessa sisällössä, lisää tekstin sumennusta tai läpinäkyvyyttä ja tue järjestelmäasetuksia vähentääksesi läpinäkyvyyttä ja lisäämällä kontrastia.
Fyysinen palaute on kestävä osa
Visuaaliset trendit tulevat ja menevät, mutta fyysinen palaute kestää, koska se auttaa ihmisiä. Painike, joka puristuu hieman painettaessa, arkki, joka seuraa sormea ja asettuu jousen avulla, tai kytkin, joka napsahtaa paikalleen, vahvistavat toiminnon rekisteröitymisen. Kevään fysiikka on tähän luonnollinen työkalu, koska se reagoi keskeytyksiin ja eleiden nopeuteen kuten todelliset esineet.
Kuinka ottaa se huolellisesti käyttöön
Aloita palautteella, älä koristelulla:
- Lisää painamalla, vetämällä ja vapauttamalla palautetta ohjaimiin, joita ihmiset käyttävät eniten.
- Käytä tasoittamista ja varjoja erottaaksesi säätimet sisällöstä.
- Tarkista tekstin kontrasti läpikuultavan pinnan päällä.
- Kunnioita vähentynyttä liikettä, vähentynyttä läpinäkyvyyttä ja suurempia kontrastiasetuksia.
- Pidä tehosteet johdonmukaisina liikkeen ja korkeustokenien avulla.
Avain Principles muistettavat
- Apple esitteli Liquid Glass:n kesäkuussa 2025; Google esitteli Material 3 Expressiven
- Syvyys toimii, kun se erottaa säätimet sisällöstä
- Läpinäkyvyys voi vahingoittaa kontrastia ja luettavuutta; testaa todellista sisältöä
- Fyysinen palaute (puristus, vetäminen, jousilasku) on trendin kestävä osa
- Kunnioita vähentynyttä liikettä, vähentynyttä läpinäkyvyyttä ja lisääntynyttä kontrastia
Usein kysytyt kysymykset
Lähteet
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9. kesäkuuta 2025)
- Materials — Applen käyttöliittymäohjeet
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design