iPhone i iPad sučelje postaje sve lošije… lošije… i lošije
Bojan Janjanin
14. 12. 2011.
S revolucijom koju su pokrenuli iPhone i iPad, "ostatak svijeta" je krenuo posuđivati i kopirati dijelove iOS sučelja. Zašto i ne? Apple-ova sučelja su postavila vrlo visoke standarde, bila su i oku ugodna i funkcionalna. Ako ste bili u ulozi dizajnera mobilnog sučelja i niste znali u kojem pravcu krenuti, činilo se da ne možete promašiti ako slijedite Appleove primjere. No, kako volimo reći citirajući Preradovića, samo mijena stalna jest. U protekle dvije godine Appleova korisnička sučelja podižu sve više i više obrva (i ne samo sučelja, no fokusirajmo se na jednu temu u ovom članku). Kako se Apple sve više okreće masovnom tržištu, kvaliteta sučelja počinje trpiti.
S revolucijom koju su pokrenuli iPhone i iPad, “ostatak svijeta” je krenuo posuđivati i kopirati dijelove iOS sučelja. Zašto i ne? Apple-ova sučelja su postavila vrlo visoke standarde, bila su i oku ugodna i funkcionalna. Ako ste bili u ulozi dizajnera mobilnog sučelja i niste znali u kojem pravcu krenuti, činilo se da ne možete promašiti ako slijedite Appleove primjere.
No, kako volimo reći citirajući Preradovića, samo mijena stalna jest. U protekle dvije godine Appleova korisnička sučelja podižu sve više i više obrva (i ne samo sučelja, no fokusirajmo se na jednu temu u ovom članku). Kako se Apple sve više okreće masovnom tržištu, kvaliteta sučelja počinje trpiti.
Tipografija? Hm.
Tipografija je temelj svakog dobrog dizajna. Čini se nevjerojatno kako upravo Apple, koji je toliko ulagao u tipografiju, s iOS-om radi velike propuste upravo na tom području. Appleu se stalno predbacuje odabir Marker Felta u Notes aplikaciji, no to je samo jedan od primjera loše tipografske odluke. Mnogi još uvijek zamjeraju što se Apple s iOS-om odlučio za Helveticu, a ne, primjerice, za Lucidu Grande, koja je jedan od zaštitnih znakova OSX-a. Jedan od većih problema legendarne Helvetice, koji sada dolazi do izražaja, je što je na malim veličinama mutna, što je posebno izraženo u nekim iPad aplikacijama.
Neke od najvećih tipografskih propusta nalazimo u iBooks aplikaciji. Primjerice, iBooks je koristio puno poravnanje teksta bez hipenacije – rezultat je bio teško čitljiv tekst, sa velikim rijekama, odnosno rupama između riječi. Srećom, Apple je ispravio ovaj propust.
Nevjerojatno je kako je aplikacija s ovakvom greškom uopće ugledala svjetlo dana. Neki očiti propusti u iBooksu nisu ispravljani ni do današnjeg dana, kao što je primjerice nedostatak prevencije takozvanih udovica, odnosno redova koji sadrže samo jednu riječ.
Imitacija fizičkih objekata i narušena hijerarhija
Jednom me klijent izričito tražio da dizajniram sučelje koje imitira drvo i kožu. To je htio iz jednog jedinog razloga – jer je takvo sučelje vidio na drugim, popularnim, aplikacijama. Na prve probleme sam naišao kada je trebalo izraditi gumbiće. Stvarno, koliko često u stvarnom životu susrećete kožne gumbiće? A drvene? Dok imitacija drva izgleda privlačno, ukomponirati ju u sučelje aplikacije isključivo zbog tog razloga nema mnogo smisla. (Pogotovo kada je kućište izrađeno od aluminija i stakla.)
Osim drva, Apple forsira i druge prirodne materijale, poput tkanine i kože, pritom često padajući u vlastitu zamku. Kako nam je Apple znao govoriti, dekorativni elementi moraju biti u službi informacija. Ako nisu, nije im mjesto u sučelju, posebice ako govorimo o malenom sučelju iPhonea. Apple danas prečesto koristi dekoraciju koja je sama sebi svrha.
Sučelje Find my Friends aplikacije koristi imitaciju kože i vrlo popularne šavove. Upitno je koliko ovi elementi pridonose korisničkom iskustvu, a zauzimaju dragocjen prostor.
Pokušati napraviti realistični kožni rokovnik ili kalendar je pogrešno koliko je koža u aplikaciji lažna.
Nešto što me možda i najviše smeta je narušena hijerarhija unutar sučelja. Korištenjem imitacije raznih materijala stvorena je hijerarhija, slojevita struktura sučelja. Tkanina je logično odabrana kao donji, prvi sloj.Notification center narušava stvorenu hijerarhiju jer je nelogično pozicioniran kao najgornji sloj, što zbunjuje korisnike. Mnogo više smisla bi imalo rješenje gdje bi Notification center bio u pozadini.
Za očekivati je da Apple ispravi propuste i ugodno nas iznenadi većim promjenama u nekoj od budućih verzija iOS-a. Osobno se nadam da će odustati od dijela vizualnih metafora, no vjerojatnije je da će s njima krenuti u drugačijem smjeru. Okladio bi se da će iOS 6 biti veliko poboljšanje i da ću tada imati mnogo manje materijala za članak ovog tipa. Ovo su ipak samo neki od primjera nelogičnosti i pogrešaka u dizajnu mobilnih sučelja, koje nikako ne treba slijediti. Čak i ako to radi Apple.
Sukladno članku 94. Zakona o elektroničkim medijima, komentiranje članaka na Netokraciji dopušteno je samo korisnicima koji ostave svoje ime i prezime te mail adresu i prihvate pravila ponašanja.
Pravila ponašanja
Na Netokraciji za vas stvaramo kvalitetan, autorski potpisan sadržaj i zaista se veselimo vašim kvalitetnim, kontruktivnim komentarima. Poštujmo stoga jedni druge prilikom komentiranja, kao i Zakon, držeći se sljedećih pravila ponašanja:
Kako koristimo podatke koje ostavljate? Bacite oko na našu izjavu o privatnosti.
Sve ostale komentare ćemo s guštom spaliti, jer ne zaslužuju svoje mjesto na internetu.
Komentari
Goran Duskic
14. 12. 2011. u 9:01 am
Super članak. Pretpostavljam da stranom promatracu ovo ne znaci nista posebno. Ali ovakve stvari mogu biti pocetak kraja. Netko tko razumije koliko je Steve Jobs volio i ulagao u tipografiju i netko tko je procitao Tipping poing od Malcom Gladwella (if I butchered his name, I am sorry, I slept only few hours).
Apple mora staviti veliku paznju na ovakve detalje, te se i ja nadam ispravci propusta.
Lucijan Blagonić
14. 12. 2011. u 9:36 am
Lion je ovdje također zakazao s ovim RL izgledom iCala i drugih appova… :/ Na kraju te “promjene” rade veću distrakciju nego što pomažu. Odličan članak Bojane!
Riba
14. 12. 2011. u 9:42 am
Apple je još pred nekoliko verzija OS X-a počeo gaziti vlastite čuvene human interface guidelines kojih se fanatično držao za vrijeme OS 9 i ranijih. Nažalost svakom novom verzijom to postaje sve izraženije. Ne početku je bilo dosta galame oko toga ali sada je sve utihnulo, a kako se iSučelje i dalje smatra trenutno najuspješnijim, ne vjerujem da ćemo vrlo skoro vidjeti promjene, osim na “gore”.
Ivan Nikolić
14. 12. 2011. u 9:54 am
Inače, ovo poistovjećivanje elemenata “stvarnog” života sa drugim koliko-toliko vezanim elementima ima svoje ime – skeuomorfizam (j.mp/vNshq0)
Također, jedan izvrstan članak na temu tipografije za UI j.mp/t9ENbT
Slažem se sa svim napisanim, Apple jednostavno treba malo bolje razmisliti u kojem smjeru želi ići jer trenutno neke stvari apsolutno ne odgovaraju postojećem globalnom vizualnom sistemu (neki kažu da su to Jobsove odluke i ideje).
Riba
14. 12. 2011. u 10:02 am
Problem je što im prodaja ide dobro i bez da se pretjerano zamaraju time.
Bojan Janjanin
14. 12. 2011. u 10:59 am
Skeuomorfizam je možda dio osmišljenje strategije, veći problem su spomenuti propusti. Kao da se na interfejsu radilo jako užurbano.
Draganče
14. 12. 2011. u 10:38 am
Vrlo plitko. Sadržaj članka ne opravdava bombastičan naslov.
Bojan Janjanin
14. 12. 2011. u 10:59 am
Hvala na pohvalama za članak 🙂
Luka Sucic
14. 12. 2011. u 11:03 am
Odličan članak Bojane definitivno im nije trebalo kože i drva, bar ne u tolikim količinama. Samo se nadam da ovo nije početak sloppinesa sa njihove strane.
Jedina stvar za koju nisam siguran da bi bila pametna ideja je notification centar. Pogleda samo način na koji rade folderi u iOS-u. Pri ulasku postoji jedva primjetni ali prisutan delay zbog rendera po ekranu, ništa ozbiljno ali za pretpostaviti je da bi se isti delay pojavio i na ovakvom tipu Notification Centra, foldere ne koristimo baš svake minute a notifikacije daleko češće
Još jedna odlična stvar kod notification centra je što se mora se kompletan view otvoriti da bi se vidjele notifikacije, što dobro dođe kada radiš nešto bitno a ipak želiš nešto na brzinu provjeriti notifikacije , potegneš do prve trećine, pogledaš zadnje dvije notifikacije i vratiš nazad, što bi u ovom slučaju bilo nemoguće i svaka akcija koja otvara NC bi razbila flow korištenja aplikacije na kojoj radiš trenutno.
Bojan Janjanin
14. 12. 2011. u 11:52 am
Hvala Luka 🙂 Da, definitivno je previše kože i drva.
Meni je cijeli koncept notificationa i foldera nedovoljno dobar, isto mi se čini da su ga stvorili užurbano, a to ne valja. I dan danas mi je neobično kad otvorim folder, pravi trn u oku.
Luka Sucic
14. 12. 2011. u 4:17 pm
Eh da i još jedna stvar, problem “udovica” (zanimljiva riječ) je posljedica ePub formata odnosno skaliranju velike količine teksta pri povećanju/ smanjivanju/promjeni fonta, promjeni inklinacije (horiz/vertik) i sl Iskreno nisam naišao još na niti jedan reader koji riješava elegantno takve probleme.
Bojan Janjanin
14. 12. 2011. u 6:33 pm
Nisam znao, ali sam pretpostavljao da je nešto takvo u pitanju. Problem je što Apple forsira da iBooks izgleda kao knjiga, pa (pogotovo u landscapeu) imaš puno veću šansu da dođe do widowa. iBooks = wrong, Instagram = right.
Ante Vukorepa
21. 12. 2011. u 1:32 pm
“Udovice” se inače narodski u DTP branši znaju zvati “kurvin redak” 😉
I da, to što si opisao zapravo nisu udovice (“widows”), nego siročad (“orphans”).
Ante Vukorepa
21. 12. 2011. u 1:35 pm
(Nevezano za gornji komentar – i kritiziranje Helvetice, koje zapravo nije kritika Helvetice, nego anti-aliasing enginea, što je budalaština – slažem se sa svime… Štoviše, decline Appleovih sučelja i dizajnerskog jezika je počeo mnogo ranije, još tamo negdje u vrijeme Mac OS-a 10.3)
Senko
14. 12. 2011. u 10:25 pm
Baš sam jučer nešto provjeravao na IOS5 uređaju, i začudio se koliko je sučelje nekonzistentno. Svaka aplikacija (uključujući i mnoge Appleove) ima svoj stil.
Ali moj pet peeve je ipak taktilni feedback (one crtice) na F i J tipkama na iPad tipkovnici. To već prelazi u bizarluk 🙂
Bojan Janjanin
14. 12. 2011. u 11:01 pm
Da, zgodan detalj. Možda se radi o vizualnom pomagalu da znaš kud staviti prste? 🙂
Kristijan
15. 12. 2011. u 9:04 am
Odličan članak Bojane! Dobro uočeni problemi s kojima se u potpunosti slažem!
Hrvoje
16. 12. 2011. u 1:23 am
U nevjerojatnom tržišnom rastu kojim očigledno dopiru sve šire i šire, do običnih pa čak i najobičnijih ljudi (a mi profesionalci postajemo promil njihove korisničke baze) ovi potezi su nažalost logični.
Jer tu novu ekipu, takve stvari vesele i što je važnije – uklanjaju im strah od korištenja tehnologije.
Još u počecima Mac OS GUI-ija, asocijacije na realne predmete iz života su bile vrlo prisutne i ključne za postizanje humane poveznice računala s korisnikom (folder icons koje su izgledale kao američki “fascikli” tj folderi, smeće kao smeće, pojam Desktop kao ekvivalent radnog stola, clipboard itd itd).
Ovo danas su hiper-realistične izvedbe tog koncepta, moguće zbog većih rezolucija, hardvera itd…
Samo da dodaju jedan check-box u Sytem prefs – “do not use natural materials” – i nas jedan promil će biti sretni 🙂
Dominik
21. 12. 2011. u 12:37 pm
Dobar članak. Jesi sam uočio te propuste sve ili si malo “posudio” s nekih stranih portala? 🙂 Jerbo u tom slučaju bi bilo lijepo napisati nešto tipa “Kao što je Chris Rawson s TUAW-a primjetio, …”, a ne prevesti na hrvatski dio tuđeg članka, bez da se spominje pravi autor… a pogotovo kad se uzme u obzir da je originalni članak išao samo par dana prije tvog 😉
Svejedno, i dalje dobar članak 😉
seo
22. 12. 2011. u 9:47 am
Mislim da je naslov potpuno opravdan jer se sa komercijalizacijom proizvoda ide na uštrb kvalitete, a s time najviše posljedica osjećaju krajnji korisnici!