Hmatový návrat: hloubka, sklo a fyzická zpětná vazba v moderním uživatelském rozhraní
Proč jsou hloubka, průsvitnost a fyzický pohyb zpět v designu uživatelského rozhraní po plochém designu, co změnily Apple Liquid Glass a Material 3 Expressive a jak je udržet v použitelnosti.
Core Takeaway
Po deseti letech plochého designu jsou zpět hloubka a fyzická zpětná vazba. V roce 2025 Apple představil Liquid Glass, průsvitný materiál pro ovládání a navigaci, a Google představil Material 3 Expressive, podpořený výzkumem emotivnějšího designu. Dobře se používá, hloubka ukazuje, co je interaktivní, a pohyb potvrzuje akce; Při neopatrném používání snižuje průsvitnost kontrast a zhoršuje čitelnost.
Co se změnilo v roce 2025
Dne 9. června 2025 Apple oznámil svou nejširší aktualizaci designu softwaru, postavenou na novém materiálu nazvaném Liquid Glass. Je průsvitný, odráží a láme to, co se za ním skrývá, a rozprostírá se napříč iOS 26, iPadOS 26, macOS Tahoe 26, watchOS 26 a tvOS 26. Google mezitím popsal Material 3 Expressive jako svou nejprobádanější aktualizaci návrhového systému, založenou na více než 40016 studiích s účastníky. Google uvádí, že účastníci zaznamenali klíčové prvky uživatelského rozhraní až čtyřikrát rychleji v expresivních návrzích a tato preference byla nejsilnější, až 87 %, mezi 18 až 24letými.
Hloubka s úkolem
Pokyny společnosti Apple jsou specifické ohledně toho, kam materiál patří: Liquid Glass tvoří funkční vrstvu pro ovládací prvky a navigaci, která se vznáší nad obsahem a neměla by se používat v samotné vrstvě obsahu. To je užitečný princip celého trendu: hloubka by měla vysvětlovat strukturu a oddělovat to, na čem můžete jednat, od toho, co čtete.
Náklady na použitelnost
Ne všichni jsou přesvědčeni. Nielsen Norman Group tvrdil, že Liquid Glass v iOS 26 zakrývá obsah a že cokoli umístěné na něčem jiném je hůře vidět, zejména text na rušném pozadí. Praktickou lekcí je, že průsvitnost potřebuje ochranné zábradlí: otestujte kontrast na skutečném obsahu, zvyšte rozostření nebo neprůhlednost za textem a podporujte systémová nastavení pro snížení průhlednosti a zvýšení kontrastu.
Fyzická zpětná vazba je trvanlivá část
Vizuální trendy přicházejí a odcházejí, ale fyzická zpětná vazba trvá, protože pomáhá lidem. Tlačítko, které se při stisknutí mírně stlačí, list, který sleduje prst a usadí se pomocí pružiny, nebo přepínač, který zapadne na místo, to vše potvrzuje, že byla akce zaregistrována. Fyzika pružin je pro to přirozeným nástrojem, protože reaguje na přerušení a rychlost gest stejně jako skutečné objekty.
Jak si to pečlivě osvojit
Začněte zpětnou vazbou, nikoli dekorací:
- Přidejte zpětnou vazbu ke stisknutí, přetažení a uvolnění k ovládacím prvkům, které lidé nejčastěji používají.
- Použijte vrstvení a stíny k oddělení ovládacích prvků od obsahu.
- Zkontrolujte kontrast textu na průsvitném povrchu.
- Respektujte snížený pohyb, sníženou průhlednost a zvýšený kontrast.
- Udržujte efekty konzistentní pomocí žetonů pohybu a výšky.
Klíč Principle k zapamatování
- Apple představil Liquid Glass v červnu 2025; Google představil Material 3 Expressive
- Hloubka funguje, když odděluje ovládací prvky od obsahu
- Průsvitnost může poškodit kontrast a čitelnost; test se skutečným obsahem
- Fyzická zpětná vazba (stisk, tažení, usazení pružiny) je trvalou součástí trendu
- Respektujte snížený pohyb, sníženou průhlednost a zvýšený kontrast
Často kladené otázky
Zdroje
- Apple introduces a delightful and elegant new software design — Apple Newsroom (9. června 2025)
- Materials — Pokyny pro lidské rozhraní Apple
- Liquid Glass Is Cracked, and Usability Suffers in iOS 26 — Nielsen Norman Group
- Expressive Design: Google's UX Research — Google Design