Daniel Hruška Od uvedenia prvej generácie iPhonu v roku 2007 sa užívateľské prostredie veľa nezmenilo. V iOS však postupom času pribudlo niekoľko funkcií, ktoré vyžadujú istý zásah do používateľského prostredia (UI). Ďalším dôvodom môže byť iPad predstavený v roku 2010. Ten kvôli väčšiemu displeju vyžaduje trochu iné rozvrhnutie ovládacích prvkov.
Linen textures, alebo len kam sa pozrieš
Že ste najprv nevedeli, o čo ide? Po prezretí obrázku vám určite všetko došlo. Nie je na svete snáď jediného jabĺčkára, ktorý by v živote nevidel túto textúru. V iZariadeniach sa prvýkrát objavila v iOS 4 ako podklad v multitaskingovej lište a tiež v zložkách aplikácií. Na tom samozrejme nie je nič zlé, pretože pre lepšiu orientáciu je potrebné nejakým spôsobom oddeliť dve rôzne úrovne UI. Ľanovú textúru môžeme teda chápať ako spodnú vrstvu. Neskôr sa táto textúra dostala na prihlasovaciu obrazovku v OS X Lion, do Mission Control ČI Launchpadu.
Lenže s príchodom iOS 5 bol ľan použitý aj ako podklad pre notifikačnú lištu, ktorá sa vysúva z hornej hrany displeja. Človeku tak môže pripadať, že je domovská obrazovka umiestnená medzi dve ľanové plátna. V prípade iPadu je situácia ešte horšia, pretože ľanová roletka zaberá len časť displeja a pôsobí trochu gýčovito. Pritom je riešenie úplne jednoduché - nahradiť len inou vkusnejšou textúrou ako na nasledujúcom obrázku.
Hudba a návrat do minulosti
Posadnutosť dizajnérov Apple navrhovať UI tak, aby aplikácie vyzerali ako reálne predmety, neustáva. Čo sa týka Kalendáre ČI Kontaktov, vyzerá ich UI na displeji iPadu dobre. Dalo by sa tvrdiť, že výborne. Ale naozaj musí hudba vyzerať ako jukebox? V iOS 4, keď ešte boli aplikácie hudba a Videá spojené v aplikácii iPod, podobalo sa užívateľské rozhranie iTunes. V iOS 5 je to úplne inak. Po krajoch displeja sa nachádza nezmyselná imitácia dreva, ovládacie tlačidlá dostali hranatý tvar a posuvník ako by pricestoval zo 40 rokov starého rádia značky Tesla.
Spúšť fotoaparátu len pre veľké laby
iPhony a iPody touch majú tlačidlo spúšte doslova pod palcom blízko home buttonu. Zhotovenie fotografie je tak jednoduché av prípade núdze je možné momentku „cvaknúť“ aj v jednej ruke. U iPadu je situácia odlišná. Lišta s ovládacími prvkami sa po obrazovke pohybuje podľa orientácie iPadu. Pri orientácii na šírku (tzv. landscape mode) je tlačidlo presne uprostred dlhšej hrany a pre jeho stlačenie musíte jeden palec našponovať do neprimeranej vzdialenosti od kratšej hrany.
Nie a nie sa otočiť
iBooks, kalendár a Kontakty. UI všetkých troch aplikácií je založené na reálnych predmetoch – v tomto prípade knihách. Zatiaľ čo v iBooks i Kalendári je možné listovať medzi jednotlivými stránkami presne ako v skutočnej v knihe, u Kontaktov už to tak nie je. Aj keď v skutočnom adresári listujeme, v iPade sa posúvame iba vertikálne, tak sme zvyknutí aj z iných zariadení. Bohužiaľ užívateľské prostredie zostalo vo forme knihy a môže byť pre niekoho mätúce. Pomyselné otáčanie stránok totiž nerobí absolútne nič.
Hľadáte priateľov – chcete kožu?
Ďalšie aplikácie, na ktoré sa grafici Applu vyšantili, sa nazýva Nájdi mojich priateľov. Dobre – iBooks, Kalendár a Kontakty sa podobajú knihám, Hudba rádiu, Poznámky a Pripomienky zošitom. To by sa s prižmúreným okom dalo pri všetkých týchto aplikáciách pochopiť. Ale prečo by mala byť aplikácia na určovanie polohy priateľov navrhnutá ako kus prešívanej kože? Chýbam v tomto kroku akúkoľvek štipku logického uvažovania. Ba naopak – horší variant v Apple pravdepodobne už nemohli vymyslieť.
Hoci sa vyššie uvedené prípady môžu niekomu javiť ako maličkosti, nie je to tak. Apple je spoločnosť známa svojim prístupom k precíznosti a každému detailu. Tento fakt platí samozrejme aj naďalej, ale namiesto pozornosti k detailom niektorých gýčovitých vlastností UI, by sa mohli dizajnéri zamyslieť nad súčasným trendom. Naozaj je potrebné jednotlivým aplikáciám prepožičiavať vzhľad reálnych objektov? Nie je lepším východiskom navrhnúť moderný, kompaktný a jednotný dizajn pre všetky aplikácie? Veď Safari nevyzerá ako zebra a pritom sa jedná o dobre vyzerajúcu aplikáciu. Rovnako by si asi nikto z nás neprial, aby Mail vyzeral ako poštová schránka s listami vo vnútri. Snáď bude rok 2012, čo sa týka designu, podarenejší ako ten minulý.
zdroj: TUAW.com
plne s clankom suhlasim, prehravac hudby ma na ipade v iOS5 veľmi sklamal a co ma dostalo úplne, ked odoberám podcast, ktory je niekedy len audio a inokedy video, tak musím jednotlivé diely hľadať na dvoch rôznych miestach to je úplne mimo a snáď to opäť vrátia naspať.
Nechcem prudiť ale uvedomte si jednu vec, ze inzenyri nemajú robit design… (Myslím si že to bola aj jedna zo Stevových vlastností, pretože inak by Apple nebol Apple…) Me sa napríklad design FindMyFriends páči, je to proste pekne…! A zmena textu Lna na tmavo šedú ... nič moc, už to vyzerá ako HTC .) Som presvedčený o tom, že Apple má naj design ako výrobkov, tak aj grafického prostredia systému o level inde ako ostatní, pretože tam sa o design starajú evidentne aj inžinieri .)
1+
Tiež súhlasím. Apple najskôr navrhne unitárne GUI, ktoré predovšetkým v Mac OS zjednodušuje náročnosť na hw a potom sami robia jednu gýčovitú aplikáciu za druhou…
iPod v iPade vyzerá skutocne divne. Aj keď Find My Friends nedáva logiku, celkom ma baví. :) Diky za clanek!
S clankom v omnoho nesúhlasim. Osobne sa me páči to, že veci vyzerajú ako reálne predmety, pretože mnohým ľuďom to uľahčuje prechod od papierovej verzie k elektronickej. K Applu sa prechádza ľahko, ale na Android 4.0 so svojim kompaktným, minimalistickým a jednotným UI sa prechádza ťažko, pretože to skratka je niečo úplne iné než na čo sme zvykli. Súčasný tretí má dve vetvy. Jednu predstavuje Apple a druhú Google. Stačí sa pozrieť do dizajnových trendov z roku 2011 a nájdeme tam oba tieto smery. Navyše dnes počítače sú už tak výkonné, že nie je reálne vidieť rozdiel v rýchlosti medzi aplikáciou s kompaktným dizajnom a reálnym dizajnom. Osobne som rád za to, že Apple ide v dizajne inou cestou ako Google, HTC, Microsoft atď.
Pri ľanovej textúre to myslím je trochu inak, reprezentuje „dno“ UI (hoci v SIRI sa dá nájsť ešte ďalšia, hlbšia úroveň, zrnitá tmavá), jej výskyt vo vrstve notifikačnej ponuky je naopak logická a nápaditá, jedná sa o vyťahovaciu roletu, zarolovanú v hornej časti obrazovky. Preto má tento povrch, má logiku aby bola z rovnakého materiálu, ako dno UI, teda v Iphone, v iPade je teraz v UI naozaj slušný zmätok…
Práve vopred na stole leží iPad, mám otvorený kalendár a listujem rovnako ako v iBooks, takže asi sa Vám niekam vlúdila chybka.
Máte pravdu. Ja celý čas písal o Kontaktoch, avšak myšlienkové pochody ma záhadným spôsobom donútili obviniť neprávom aj Kalendár. Ten sa samozrejme otáča. Vďaka
http://designedbygold.com/2011/10/the-metaphors-breaking-the-future/
Mne zase vadí pomalé pretáčanie obrazovky v iBooks na iPhone 4. Neviete či sa to nedá nejako vypnúť? Čítam na výšku a niekedy keď som v metre a niekomu sa vyhýbam alebo nejako nakloním telefón tak sa mi text pretočí na ležato. Potom musím čakať niekoľko sekúnd, kým sa to zase vráti späť na výšku.
V multitaskingovej lište naľavo si môžeš uzamknúť orientáciu displeja, ten sa potom už neprevráti.
Vďaka, to mi vôbec nenapadlo :-)
Game centier je ešte horšie
Keď je Airplay aktívny tak je ikona modra!
Len by som rád upozornil, že otáčanie listov v kalendári FUNGUJE. Sanozrejme hovorím o iPade. Inak musím súhlasiť, že neotáčanie listov v kontaktoch je mätúce.
Teda nehnevajte sa na mňa, ale čo je toto za článok? Niekde na mobilmánii, tam by som to pochopil, ale jabĺčkarov sledujem už nejaký ten mesiac a objavujú sa tu oveľa zmysluplnejšie články, ktoré postrádajú faktické chyby. Mám dojem, že pán autor snáď ani iPad nevlastní, aby si všetko čo tu spomenul, mohol sám vyskúšať...
Keby ste si bývali vsinul, tak človek je prebratý. Dole máte zdroj
100% SÚHLAS. (ten článok som čítal s otvorenou hrubou!)
Pán autor iPad vlastní a otáčanie stránok v kalendári opravil. Mimochodom, upozornenie je už o pár komentov vyššie.
Potom si opravte aj ten AirPlay.
Ok tiež som si myslel že to nejde, ale v poslednej verzii to vážne funguje, avšak som presvedčený, že v predchádzajúcej verzii to podľa mňa nefungovalo…
S niečím súhlasím, s niečím nie.
Celkovo sa mi UI páči ako v telefóne, tak aj v tablete. Hudba je pekne urobená, všetko je pekné.
Súhlasím iba s Notification Center. V iPhone by to aspoň mohlo byť tak, že „odsúvam display dole“ a NC by bol pod tým všetkým, ako multitasking bar. Na iPade je to ešte horšie.
Ten prehrávač v iPade ma tiež drví. A navyše prestal zobrazovať text prehrávanej skladby
Keď sa ti to nepáči tak to nepoužívaj……. dizajn hudby na ipade je štýlový rovnako ako textúra…. toto je úplne zbytočný a zavádzajúci článok
Súhlasím s find my friends ostatní mi ale príde vpoho :)
Hm, súhlas s tou notifikačnou lištou, zvlášť na ipade vyzerá ako nedorobok.
A ten neotáčajúci adresár je trochu zložitejšia vec, ak by sa ním malo listovať ako vo fyzickom, potom by to bola užívateľská katastrofa, pomalé atď., pokiaľ však sa len scroluje, potom je to zase zavádzajúce, riešenie je urobiť tomu iný vzhľad, treba nejaký moderný zápisník, a neimitovať starý zápisník, keď to ničomu nepomáha. Bohužiaľ je to už aj na Mac OS X.
No ma sa páči reálne prostredie aplikácií, ktoré robí Apple. K FMF by som asi poznamenal, že je tým možno myslené historické uchovávanie máp v kožených obaloch, možno na tom niečo bude.
Mne osobne sa reálne prostredie páči :-)))
Hudobný prehrávač mi pripadá ako aplikácia z Androidu až na posuvník hlasitosti. Naozaj si nemyslím že Jobs mal rád ostré rohy a aj mňa to bije do očí. A to prečo zapnuté funkcie aj napríklad šípka „play“ pri prehrávanej sklade nesvieti na modro tiež nechápem. Je to neprehľadné. Pri textúre ľanu nemám problém. Ako už niekto písal znázorňuje to jednoducho spodnú časť kvôli určitej priestorovosti. Spiš sa mi veľmi nepáči ako urobili výsuvnú lištu. Je to tam ako vrúbľovaný (iPad) a myslím že v Apple by to mohli vymyslieť oveľa viac intuitívne a pokojne zospodu aby to nebolo alá Android. Pôvodne som myslel že budú tie lišty 3. Jedna na veci okolo signálu a pripojenia, druhá pre oznámenia a tretia pre batériu či ďalšie veci. A boli by od Androidu úplne a funkčnejšie. Na mobile by sa tie lišty jednoducho prekryli.
UI musí užívateľovi uľahčiť a urýchliť orientáciu a navigáciu v aplikácii. A aj keď sa to mnohým všeználkom nepáči dizajnéri applu sa o to naozaj snažia.
UI v iOS dodržuje pomerne kozistentnú filozofiu naprieč aplikáciami applu.
To o čom sa tu píše by som nazval skôr GUI.
Nikomu nezávidím vymýšľať grafickú symboliku jednotlvých aplikácií pochopiteľnú pre užívateľov všetkých kultúr a sociálnych skupín čo ich na svete existuje. Určite nám niektoré zjednodušenia a štylizácie môžu pripadať smiešne, ale chápeme ich a okamžite pochopíme v akej aplikácii sa nachádzame, pochopí to američan, číňan aj pakistanec.
Vynikajúci nápad autora článku – nahradiť pozadie ľanu elegantné šedú. Na prvý pohľad super, ale ako potom poznám kde som? V ktorej aplikácii sa práve nachádzam, keď bude všade krásna unifikovaná šedá.
Určite iOS nie je dokonalý, ale tieto lacné kritiky ľudí, ktorí sa očividne nikdy koncepčne nezaoberali tvorbou GUI, nič veľmi dopredu neposunú.
Je to veľmi zaujímavá téma a rád by som si o nej prečítal nejaký kvalifikovane napísaný článok.
Pekný článok, tiež chcem vždy v kalendári a kontaktoch listovať a ono to nejde :(
Potom tiež súhlasím s tým, že niektoré výstrelky a zlá identifikácia ikoniek (zap/vyp) je uhodená.
Hudbu na iPade (cez iTunes) radšej vôbec nezapínam.. Keď som to raz otvoril, tak som sa uplne lek a rýchlo to radšej zavrel.
PS: od iOS 5.0 fotím zasadne len tlačidlom hlasitosti na tú ikonku už nesiaham, funguje to ako na iPhone, tak aj na iPade.
No to je teda článok…. V podstate plno „subjektívnych“ dojmov, ktoré sú často úplne mimo ... Možno to autora nenapadlo, ale už samotné logo Apple má pôsobiť užívateľsky prívetivo a priateľsky, čo ovocie je, preto tam nemajú napr. chip, alebo niečo podobné čo by ľudia čo techniku veľa nemusí odradilo. A pri aplikáciách to tak hold je tiež. Štúdie sú pomerne jednoznačné. Keď kniha vyzerá ako kniha, ľuďom sa to páči takmer väčšne. Tak to jednoducho je.