21/05/2023
Před více než deseti lety, po pěti letech intenzivního výzkumu a vývoje, představil Steve Jobs světu revoluční produkt jménem iPhone. Zařízení, které ovlivnilo naše životy nesčetnými způsoby, včetně toho, jak přemýšlíme o designu. Jak řekl Yves Béhar, zakladatel Fuseproject, „iPhone přivedl design do hlavního proudu povědomí více než jakýkoli jiný produkt v historii… Není pochyb o tom, že za revoluci v designu, uživatelském zážitku a službách, která ovlivňuje každý sektor ekonomiky a naše každodenní životy, můžeme vděčit iPhonu.“ Abychom pochopili vlivnou sílu iPhonu v oblasti designu, ponoříme se do zásadních změn uživatelského rozhraní (UI) iOS. Prozkoumáme, jak uživatelské rozhraní produktů Apple ovlivnilo celý designový průmysl a jak design UI iOS nastavil standardy toho, co my, spotřebitelé, považujeme za příjemné a pohodlné pro prohlížení.

Zrození iPhonu a éra skeuomorfismu
Všechno to začalo prvním uvedením iPhonu (iPhone OS 1) v roce 2007. Steve Jobs představil uživatelské rozhraní věnované technologii dotykové obrazovky; byl to první mobil, který se obešel bez fyzické klávesnice nebo rolovacího kolečka. Změnil tak vše, co jsme věděli o lidské interakci s digitálními produkty. Během tohoto období byl Scott Forstall hlavním designérem UI iOS. Uživatelské rozhraní iPhonu mělo kompletní skeuomorfní styl; což znamená, že prvky UI byly navrženy tak, aby připomínaly předměty z reálného života. Gradienty, stíny a okraje byly přidány k tlačítkům, aby vypadaly trojrozměrně a klikatelně. Vezměme si například metaforu kalkulačky, kde uživatelé přenášeli předchozí znalosti o fyzických kalkulačkách do digitálního prostředí, což jim usnadnilo orientaci v novém prostředí dotykového displeje.
Ať už si myslíte, že tento styl je atraktivní nebo ne, klobouk dolů před Forstallovým přístupem. V roce 2007 byly dotykové obrazovky naprostou novinkou. Chápal, že lidem bude nějakou dobu trvat, než si zvyknou na stisknutí virtuálních tlačítek na obrazovce, a skeuomorfismus jim to všem usnadnil. Tím, že se digitální prvky tvářily jako jejich reálné protějšky, eliminovalo se počáteční váhání a nejistota uživatelů. Tento přístup byl klíčový pro masové přijetí nové formy interakce a položil základy pro budoucí digitální ekosystém. Skeuomorfismus fungoval jako most mezi známým fyzickým světem a novým, dosud neprozkoumaným digitálním prostorem, čímž uživatelům poskytl pocit bezpečí a intuitivnosti.
Revoluční posun: Sbohem skeuomorfismu, vítej plochý design
O pět let později, v roce 2013, Apple odhalil jeden z největších designových posunů v UI: zavedení plochého designu v iOS 7. Poté, co Forstall v roce 2012 opustil Apple, převzal jeho odpovědnost Jonathan Ive (hlavní designér hardwaru pro produkty iPhone). To vedlo k úplnému přepracování uživatelského rozhraní iPhonu, posunu k nové designové filozofii.
iOS 7 opustil skeuomorfismus a UI již nečerpalo inspiraci z fyzického světa. Místo toho se vše točilo kolem použití plochých barev, jemných stínů a vrstvení prvků k vytvoření iluze živého, trojrozměrného prostoru. Vše od typografie po ikonografii bylo nyní mnohem minimalističtější a abstraktnější. „Chápali jsme, že lidé si již zvykli na dotyk skla, nepotřebovali fyzická tlačítka, chápali výhody… Takže existovala neuvěřitelná svoboda v tom, že jsme nemuseli tak doslovně odkazovat na fyzický svět… vytvořit prostředí, které bylo méně specifické,“ vysvětlil Jon Ive změny uživatelského rozhraní iOS 7. Tato „neuvěřitelná svoboda“ umožnila designérům soustředit se na podstatu, na funkčnost a na čistou vizuální komunikaci.
Tento radikální posun odrážel dospívání digitální kultury. Uživatelé si již zvykli na abstraktní povahu digitálních rozhraní a nepotřebovali berličky v podobě realistických prvků. Plochý design nabídl čistotu, efektivitu a pocit modernosti. Umožnil designérům soustředit se na funkčnost a obsah, spíše než na vizuální zdobení, které mohlo působit přeplácaně. Přestože se zpočátku objevila kritika ohledně příliš zjednodušeného stylu iOS 7, většina světa tento nový designový trend nyní přijala. Uživatelé si rychle uvědomili výhody plynoucí z jasnějšího, méně zahlcujícího rozhraní.

Dopad a přijetí plochého designu
Přestože se zpočátku objevila kritika ohledně příliš zjednodušeného stylu iOS 7, většina světa tento nový designový trend nyní přijala. Podniky po celém světě se odklonily od svých starých skeuomorfních log a webových stránek a přijaly moderní styl plochého designu. Příkladem jsou změny log společností jako Instagram nebo Pepsi, které přešly z detailních, realistických návrhů na jednodušší, plošší verze, a staly se tak vizuálně přitažlivějšími a lépe čitelnými na digitálních platformách. Tento trend se rozšířil napříč všemi odvětvími a stal se de facto standardem pro digitální vizuální identitu.
Plochý design přinesl několik klíčových výhod. Zlepšil čitelnost a přístupnost, protože se odstranily rušivé prvky a design se soustředil na jasné vizuální hierarchie. Také umožnil rychlejší načítání webových stránek a aplikací, jelikož grafické prvky byly jednodušší a méně náročné na zdroje. Navíc se lépe přizpůsoboval různým velikostem obrazovek a rozlišením, což bylo klíčové v éře rozmanitých mobilních zařízení. Jeho univerzálnost a čistota zajistily jeho rychlé a široké přijetí, čímž definoval vizuální jazyk moderní digitální éry.
Níže je uvedena srovnávací tabulka základních principů skeuomorfního a plochého designu:
| Skeuomorfní Design (např. iOS 6) | Plochý Design (např. iOS 7 a novější) |
|---|---|
| Napodobuje reálné objekty (textury, stíny, 3D efekty). | Minimalistický, abstraktní, bez zbytečných detailů. |
| Cílem je intuitivní přenos znalostí z fyzického světa. | Cílem je čistota, jednoduchost a efektivita. |
| Často používá gradienty, lesky, stíny a reliéfy. | Používá převážně plné barvy, jemné stíny a vrstvení. |
| Působí „hmatatelně“ a realisticky. | Působí moderně, čistě a digitálně. |
| Může působit zastarale nebo přeplácaně. | Snadněji se přizpůsobuje různým zařízením a je flexibilnější. |
iPhone X a budoucnost UI
Nyní se přesuneme do roku 2018, kdy svět designu digitálních produktů stále podporuje plochý design. S vydáním iPhonu X bylo zrušeno tlačítko Domů; to znamená, že naše závislost na designu UI je silnější než kdy předtím. Celá navigace se přesunula k gestům, což vyžadovalo promyšlené a intuitivní rozhraní, které by uživatele vedlo i bez fyzických vodítek. Absence fyzického tlačítka Domů podtrhla důležitost vizuální a interaktivní jasnosti v iOS, kde každá ikona a každý prvek musí jasně komunikovat svou funkci.
Cesta designu uživatelského rozhraní iOS je obdivuhodná. Během celého života iPhonu Apple vědomě vyvíjel své UI tak, aby vyhovovalo potřebám digitální kultury. Tím, že se Apple neustále snaží posouvat hranice a reagovat na to, jak lidé interagují s technologiemi, zajišťuje, že se jako digitální bytosti přirozeně přizpůsobujeme a rozvíjíme spolu s ním. Tato evoluce pokračuje s každou novou verzí iOS, která přináší další vylepšení v oblasti použitelnosti, estetiky a integrace s novými hardwarovými funkcemi, jako jsou pokročilé senzory nebo vylepšené displeje.
Apple se vždy zaměřoval na to, aby jeho produkty byly intuitivní a snadno použitelné, a design UI hraje v této filozofii klíčovou roli. Od skeuomorfismu, který pomohl překlenout propast mezi fyzickým a digitálním světem, až po minimalistický plochý design, který odráží naši rostoucí digitální gramotnost, iOS UI vždy vedlo cestu. Je to neustálý proces učení a adaptace, který zajišťuje, že iPhone zůstává v čele inovací v oblasti uživatelského zážitku a nadále formuje naše očekávání od digitálních rozhraní.
Často kladené otázky (FAQ)
- Co je to skeuomorfismus v designu UI?
- Skeuomorfismus je designový styl, při kterém jsou digitální prvky rozhraní navrženy tak, aby vizuálně napodobovaly reálné objekty nebo jejich textury. Příkladem je ikonka poznámkového bloku, která vypadá jako skutečný papírový blok, nebo kalkulačka s trojrozměrnými tlačítky. Cílem bylo pomoci uživatelům přenést jejich znalosti z fyzického světa do nového digitálního prostředí.
- Proč Apple přešel ze skeuomorfismu na plochý design?
- Apple přešel na plochý design v iOS 7, protože uživatelé si již zvykli na dotykové obrazovky a nepotřebovali vizuální berličky z reálného světa. Plochý design nabídl čistší, modernější a efektivnější vzhled, který se lépe přizpůsoboval různým zařízením a zaměřoval se na obsah a funkčnost. Dále to umožnilo větší svobodu v designu, jelikož se nemusel tak doslovně odkazovat na fyzický svět, což vedlo k minimalističtější a abstraktnější estetice.
- Jaký byl hlavní dopad změny designu iOS na celý průmysl?
- Hlavní dopad spočíval v tom, že Apple, jako lídr v oblasti designu a inovací, nastavil nový standard. Mnoho dalších společností a designérů následovalo tento trend a přešlo na plochý design ve svých produktech, webových stránkách a logách. To vedlo k celoplošné změně estetiky digitálních produktů, která se stala čistější, minimalističtější a funkčnější, a ovlivnila design napříč všemi odvětvími.
- Kdo byli klíčoví designéři, kteří ovlivnili UI iOS?
- Dvěma hlavními postavami byli Scott Forstall, který vedl design UI v éře skeuomorfismu (iPhone OS 1 až iOS 6) a jehož přístup byl klíčový pro počáteční přijetí dotykových obrazovek, a Jonathan Ive, který převzal tuto roli po Forstallovi a stál za radikálním posunem k plochému designu v iOS 7 a následných verzích, čímž definoval moderní vizuální jazyk iOS.
Chceš-li si přečíst další články podobné jako Evoluce UI iOS: Od Skeuomorfismu k Plochému Designu, navštiv kategorii iPhone.
