Daniel Hruška Od uvedení první generace iPhonu v roce 2007 se uživatelské prostředí mnoho nezměnilo. V iOS však postupem času přibylo několik funkcí, které vyžadují jistý zásah do uživatelské prostředí (UI). Dalším důvodem může být iPad představený v roce 2010. Ten kvůli většímu displeji vyžaduje poněkud jiné rozvržení ovládacích prvků.
Linen textures, aneb len kam se podíváš
Že jste nejprve nevěděli, oč jde? Po prohlédnutí obrázku vám jistě vše došlo. Není na světě snad jediného jablíčkáře, který by v životě neviděl tuto texturu. V iZařízeních se poprvé objevila v iOS 4 jako podklad v multitaskingové liště a také ve složkách aplikací. Na tom samozřejmě není nic špatného, protože pro lepší orientaci je potřeba nějakým způsobem oddělit dvě různé úrovně UI. Lněnou texturu můžeme tedy chápat jako spodní vrstvu. Později se tato textura dostala na přihlašovací obrazovku v OS X Lion, do Mission Control či Launchpadu.
Jenže s příchodem iOS 5 byl len použit i jako podklad pro notifikační lištu, která se vysouvá z horní hrany displeje. Člověku tak může připadat, že je domovská obrazovka umístěna mezi dvě lněná plátna. V případě iPadu je situace ještě horší, protože lněná roletka zabírá jen část displeje a působí poněkud kýčovitě. Přitom je řešení naprosto jednoduché – nahradit len jinou vkusnější texturou jako na následujícím obrázku.
Hudba a návrat do minulosti
Posedlost designérů Apple navrhovat UI tak, aby aplikace vypadaly jako reálné předměty, neustává. Co se týče Kalendáře či Kontaktů, vypadá jejich UI na displeji iPadu dobře. Dalo by se tvrdit, že výborně. Ale opravdu musí Hudba vypadat jako jukebox? V iOS 4, když ještě byly aplikace Hudba a Videa spojeny v aplikaci iPod, podobalo se uživatelské rozhraní iTunes. V iOS 5 je tomu úplně jinak. Po krajích displeje se nachází nesmyslná imitace dřeva, ovládací tlačítka dostala hranatý tvar a posuvník jako by přicestoval ze 40 let starého rádia značky Tesla.
Spoušť fotoaparátu jen pro velké tlapy
iPhony a iPody touch mají tlačítko spouště doslova pod palcem blízko home buttonu. Pořízení fotografie je tak snadné a v případě nouze lze momentku „cvaknout“ i v jedné ruce. U iPadu je situace odlišná. Lišta s ovládacími prvky se po obrazovce pohybuje podle orientace iPadu. Při orientaci na šířku (tzv. landscape mode) je tlačítko přesně uprostřed delší hrany a pro jeho stisknutí musíte jeden palec našponovat do nepřiměřené vzdálenosti od kratší hrany.
Ne a ne se otočit
iBooks, Kalendář a Kontakty. UI všech tří aplikací je založeno na reálných předmětech – v tomto případě knihách. Zatímco v iBooks i Kalendáři lze listovat mezi jednotlivými stránkami přesně jako ve skutečné v knize, u Kontaktů už tomu tak není. I když v opravdickém adresáři listujeme, v iPadu se posouváme pouze vertikálně, tak jsme zvyklí i z jiných zařízení. Bohužel uživatelské prostředí zůstalo ve formě knihy a může být pro někoho matoucí. Pomyslné otáčení stránek totiž nedělá absolutně nic.
Hledáte přátele – je libo kůži?
Další aplikace, na které se grafici Applu vyřádili, se nazývá Find My Friends. Dobře – iBooks, Kalendář a Kontakty se podobají knihám, Hudba rádiu, Poznámky a Připomínky sešitům. To by se s přimhouřeným okem dalo u všech těchto aplikací pochopit. Ale proč by měla být aplikace pro určování polohy přátel navržena jako kus prošívané kůže? Postrádám v tomto kroku jakoukoli špetku logického uvažování. Ba naopak – horší variantu v Apple pravděpodobně už nemohli vymyslet.
Ačkoli se výše uvedené případy mohou někomu jevit jako maličkosti, není tomu tak. Apple je společnost známá svým přístupem k preciznosti a každému detailu. Tento fakt platí samozřejmě i nadále, ale namísto pozornosti k detailům některých kýčovitých vlastností UI, by se mohli designéři zamyslet nad stávajícím trendem. Opravdu je potřeba jednotlivým aplikacím propůjčovat vzhled reálných objektů? Není lepším východiskem navrhnout moderní, kompaktní a jednotný design pro všechny aplikace? Vždyť Safari nevypadá jako zebra a přitom se jedná o dobře vypadající aplikaci. Stejně tak by si asi nikdo z nás nepřál, aby Mail vypadal jako poštovní schránka s dopisy uvnitř. Snad bude rok 2012, co se týče designu, podařenější než ten minulý.
zdroj: TUAW.com
plne s clankom suhlasim, prehravac hudby ma na ipade v iOS5 velmi sklamal a co ma dostalo uplne, ked odoberam podcast, ktory je niekedy len audio a inokedy video, tak musim jednotlive diely hladat na dvoch roznych miestach to je uplne mimo a snad to opat vratia naspat.
Nechci prudit ale uvedomte si jednu vec, ze inzenyri nemaji delat design… (Myslím si že to byla i jedna ze Stevovych vlastností, protože jinak by Apple nebyl Apple…) Me se třeba design FindMyFriends libi, je to proste hezky…! A změna textu Lnu na tmavě šedou…nic moc, už to vypadá jak HTC .) Jsem přesvědčen o tom, že Apple má nej design jak výrobků, tak i grafického prostředí systému o level jinde než ostatní, protože tam se o design staraji evidentně i inženýři .)
1+
Taky souhlasím. Apple nejdřív navrhne unitární GUI, které především v Mac OS zjednodušuje náročnost na hw a pak sami dělají jednu kýčovitou aplikaci za druhou…
iPod v iPadu vypada skutecne divne. I kdyz Find My Friends nedava logiku, docela me bavi. :) Diky za clanek!
S clankem v mnohem nesouhlasim. Osobne se me libi to, ze veci vypadaji jako realne predmety, protoze mnohym lidem to usnadnuje prechod od papirove verze k elektronicke. K Applu se prechazi snadno, ale na Android 4.0 se svym kompaktnim, minimalistickym a jednotnym UI se prechazi tezko, protoze to zkratka je neco uplne jineho nez na co jsme zvykli. Soucasny tred ma dve vetve. Jednu predstavuje Apple a druhou Google. Staci se podivat do designovych trendu z roku 2011 a najdeme tam oba tyto smery. Navic dnes pocitace jsou uz tak vykonne, ze neni realne videt rozdil v rychlosti mezi aplikaci s kompaktnim designem a realnym designem. Osobne jsem rad za to, ze Apple jde v designu jinou cestou nez Google, HTC, Microsoft atd.
U lněné textury to myslím je trochu jinak, reprezentuje „dno“ UI (ačkoliv v SIRI se dá najít ještě další, hlubší úroveň, zrnitá tmavá), její výskyt ve vrstvě notifikační nabídky je naopak logická a nápaditá, jedná se o vytahovací roletu, zarolovanou v horní části obrazovky. Proto má tenhle povrch, má logiku aby byla ze stejného materiálu, jako dno UI, tedy v Iphonu, v iPadu je teď v UI opravdu slušný zmatek…
Právě předemnou na stole leží iPad, mám otevřený kalendář a listuju stejně jako v iBooks, takže asi se Vám někam vloudila chybka.
Máte pravdu. Já celou dobu psal o Kontaktech, avšak myšlenkové pochody mě záhadným způsobem donutily nařknout neprávem i Kalendář. Ten se samozřejmě otáčí. Díky
http://designedbygold.com/2011/10/the-metaphors-breaking-the-future/
Mě zase vadí pomalé přetáčení obrazovky v iBooks na iPhone 4. Nevíte jestli se to nedá nějak vypnout ? Čtu na výšku a někdy když jsem v metru a někomu se vyhýbám nebo nějak nakloním telefon tak se mi text přetočí na ležato. Pak musím čekat několik sekund než se to zase vrátí zpět na výšku.
V multitaskingové liště nalevo si můžeš uzamknout orientaci displeje, ten se pak už nepřevrátí.
Díky, to mě vůbec nenapadlo :-)
Game center je ještě horší
Kdyz je Airplay aktivni tak je ikona modra!
Jen bych rád upozornil že otáčení listů v kalendáři FUNGUJE. Sanozřejmě mluvím o iPadu. Jinak musím suhlasit že neotáčení listů v kontaktech je matoucí.
Teda nezlobte se na mě, ale co je tohle za článek? Někde na mobilmanii, tam bych to pochopil, ale Jablíčkáře sleduju už nějaký ten měsíc a objevují se tu mnohem smysluplnější články, které postrádají faktické chyby. Mám dojem, že pan autor snad ani iPad nevlastní, aby si vše co tu zmínil, mohl sám vyzkoušet…
Kdyby jste si byval vsimnul, tak clanek je prebrany. Dole mate zdroj
100% SOUHLAS. (ten článek jsem četl s otevřenou hrubou!)
Pan autor iPad vlastní a otáčení stránek v kalendáři opravil. Mimochodem, upozornění je už o pár komentů výše.
Pak si opravte i ten AirPlay.
Ok taky jsem si myslel ze to nejde, ale v posledni verzi to vazne funguje, nicmene jsem presvedceny, ze v predchozi verzi to podle me nefungovalo…
S něčím souhlasím, s něčím ne.
Celkově se mi UI líbí jak v telefonu, tak v tabletu. Hudba je pěkně udělaná, vše je hezké.
Souhlasím pouze s Notification Center. V iPhonu by to alespoň mohlo být tak, že „odsouvám display dolů“ a NC by byl pod tím vším, jako multitasking bar. Na iPadu je to ještě horší.
Ten přehrávač v iPadu mě taky drtí. A navíc přestal zobrazovat text přehrávané skladby
Když se ti to nelíbí tak to nepoužívej……. design hudby na ipadu je stylový stejně tak jako textura…. toto je úplně zbytečný a zavýdějící článek
Souhlasím s find my friends ostatní mi ale přijde vpoho :)
Hm, souhlas s tou notifikační lištou, zvlášť na ipadu vypadá jako nedodělek.
A ten neotáčející adresář je trochu složitější věc, pokud by se nim mělo listovat jako ve fyzickém, pak by to byla uživatelská katastrofa, pomalé atd., pokud však se jen scroluje, pak je to zase zavádějící, řešení je udělat tomu jiný vzhled, třeba nějaký moderní zápisník, a neimitovat starý zápisník, když to ničemu nepomáhá. Bohužel je to už i na MAc OS X.
No mě se líbí reálná prostředí aplikací, které dělá Apple. K FMF bych asi poznamenal, že je tím možná myšleno historické uchovávání map v kožených obalech, možná na tom něco bude.
Mě osobně se reálné prostředí líbí :-)))
Hudební přehrávač mi připadá jako aplikace z Androidu až na posuvník hlasitosti. Opracdu si nemyslím že Jobs měl rád ostré rohy a i mě to bije do očí. A to proč zapnuté funkce i třeba šipka „play“ u přehrávané sklady nesvítí modře taky nechápu. Je to nepřehledné. U textury lnu nemám problém. Jak už někdo psal znázorňuje to prostě spodní část kvůli určité prostorovosti. Spiš se mi moc nelíbí jak provedli výsuvnou lištu. Je to tam jak naroubovaný( iPad) a myslim že u Applu by to mohli vymyslet daleko víc intuitivní a klidně zespoda aby to nebylo alá Android. Původně jsem myslel že budou ty lišty 3. Jedna na věci kolem signálu a připojení, druhá pro oznámení a třetí pro baterii či další věci. A byli by od Androidu úplně a funkčnější. Na mobilu by se ty lišty prostě překryli.
UI musí uživateli usnadnit a urychlit orientaci a navigaci v aplikaci. A i když se to mnoha všeználkům nelíbí designéři applu se o to opravdu snaží.
UI v iOS dodržuje poměrně kozistentní filozofii napříč aplikacemi applu.
To o čem se tady píše bych nazval spíše GUI.
Nikomu nezávidim vymýšlet grafickou symboliku jednotlvých aplikací pochopitelnou pro uživatele všech kultur a sociálních skupin co jich na světě existuje. Určitě nám některé zjednodušení a stylizace mohou připadat směšné, ale chápeme je a okamžitě pochopíme v jaké aplikaci se nacházíme, pochopí to američan, číňan i pakistánec.
Vynikající nápad autora článku – nahradit pozadí lnu elegantní šedou. Na první pohled super, ale jak pak poznám kde jsem? Ve které aplikaci se právě nacházím, když bude všude krásná unifikovaná šedá.
Určitě iOS není dokonalý, ale tyto laciné kritiky lidi, kteří se očividně nikdy koncepčně nezabývaly tvorbou GUI, nic moc dopředu neposunou.
Je to hodně zajímavé téma a rád bych si o něm přečetl nějaký kvalifikovaně napsaný článek.
Pekny clanek, taky chci vzdycky v kalendari a kontaktech listovat a ono to nejde :(
Pak take souhlasim s tim, ze nektere vystrelky a spatna identifikace ikonek (zap/vyp) je uhozena..
Hudbu na iPadu (pres iTunes) radsi vubec nezapinam.. Kdyz jsem to jednou otevrel, tak jsem se uplne lek a rychle to radsi zavrel.
PS: od iOS 5.0 fotim zasadne jen tlacitkem hlasitosti na tu ikonku uz nesaham, funguje to jak na iPhonu, tak i na iPadu..
No to je tedy článek…. Vpodstatě plno „subjektivních“ dojmů, které jsou často úplně mimo… Možná to autora nenapadlo, ale už samotné logo Apple má působit uživatelsky přívětivě a přatelsky, což ovoce je, proto tam nemají např. chip, nebo něco podobného co by lidi co techniku moc nemusí odradilo. A u aplikací to tak hold je taky. Studie jsou poměrně jednoznačné. Když kniha vypada jako kniha, lidem se to líbí téměř většně. Tak to prostě je.