Hmatový návrat: hĺbka, sklo a fyzická spätná väzba v modernom používateľskom rozhraní
Prečo sú hĺbka, priesvitnosť a fyzický pohyb späť v dizajne používateľského rozhrania po plochom dizajne, čo zmenili Apple Liquid Glass a Material 3 Expressive a ako ich udržať použiteľné.
Core Takeaway
Po desaťročí plochého dizajnu sú hĺbka a fyzická spätná väzba späť. V roku 2025 Apple predstavil Liquid Glass, priesvitný materiál pre ovládacie prvky a navigáciu, a Google predstavil Material 3 Expressive, podporený výskumom emotívnejšieho dizajnu. Dobre sa používa, hĺbka ukazuje, čo je interaktívne a pohyb potvrdzuje akcie; Pri neopatrnom používaní priesvitnosť znižuje kontrast a zhoršuje čitateľnosť.
Čo sa zmenilo v roku 2025
9. júna 2025 spoločnosť Apple oznámila svoju najširšiu aktualizáciu dizajnu softvéru postavenú na novom materiáli s názvom Liquid Glass. Je priesvitný, odráža a láme to, čo je za ním, a rozširuje sa cez iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 a tvOS 26. Spoločnosť Google medzitým opísala Material 3 Expressive ako svoju najpreskúmanejšiu aktualizáciu dizajnového systému na základe viac ako 40016 štúdií s účastníkmi. Google uvádza, že účastníci si všimli kľúčové prvky používateľského rozhrania až štyrikrát rýchlejšie v expresívnych dizajnoch a že preferencia bola najsilnejšia, až 87 %, medzi 18 až 24-ročnými.
Hĺbka s úlohou
Pokyny spoločnosti Apple sú špecifické o tom, kam materiál patrí: Liquid Glass tvorí funkčnú vrstvu pre ovládacie prvky a navigáciu, ktorá sa vznáša nad obsahom a nemala by sa používať v samotnej vrstve obsahu. To je užitočný princíp celého trendu: hĺbka by mala vysvetľovať štruktúru a oddeľovať to, na čom môžete konať, od toho, čo čítate.
Náklady na použiteľnosť
Nie každý je presvedčený. Nielsen Norman Group tvrdil, že Liquid Glass v iOS 26 zakrýva obsah a že čokoľvek umiestnené na niečom inom je ťažšie viditeľné, najmä text na rušnom pozadí. Praktické ponaučenie je, že priesvitnosť potrebuje ochranné zábradlie: otestujte kontrast na skutočnom obsahu, zvýšte rozmazanie alebo nepriehľadnosť za textom a podporte systémové nastavenia na zníženie priehľadnosti a zvýšenie kontrastu.
Fyzická spätná väzba je trvanlivá časť
Vizuálne trendy prichádzajú a odchádzajú, ale fyzická spätná väzba trvá, pretože pomáha ľuďom. Tlačidlo, ktoré sa pri stlačení mierne stlačí, list, ktorý nasleduje po prste a usadí sa pomocou pružiny, alebo prepínač, ktorý zapadne na miesto, to všetko potvrdzuje zaregistrovanie akcie. Fyzika pružiny je na to prirodzeným nástrojom, pretože reaguje na prerušenia a rýchlosť gest ako skutočné objekty.
Ako si to osvojiť opatrne
Začnite spätnou väzbou, nie dekoráciou:
- Pridajte spätnú väzbu stlačenia, potiahnutia a uvoľnenia k ovládacím prvkom, ktoré ľudia najčastejšie používajú.
- Použite vrstvenie a tiene na oddelenie ovládacích prvkov od obsahu.
- Skontrolujte kontrast textu na vrchu akéhokoľvek priesvitného povrchu.
- Rešpektujte znížený pohyb, zníženú priehľadnosť a zvýšené nastavenia kontrastu.
- Udržujte efekty konzistentné prostredníctvom pohybových a výškových žetónov.
Kľúč Principle na zapamätanie
- Apple predstavil Liquid Glass v júni 2025; Google predstavil Material 3 Expressive
- Hĺbka funguje, keď oddeľuje ovládacie prvky od obsahu
- Priesvitnosť môže poškodiť kontrast a čitateľnosť; test so skutočným obsahom
- Fyzická spätná väzba (stlačenie, ťah, ustálenie pružiny) je trvalou súčasťou trendu
- Rešpektujte znížený pohyb, zníženú priehľadnosť a zvýšený kontrast
Často kladené otázky
Zdroje
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9. júna 2025)
- Materials — Pokyny pre ľudské rozhranie Apple
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design