Apple irányelvek szerinti felhasználói felület tervezés

Apple UI tervezés

Az Apple UI tervezés akkor jó választás, ha iPhone vagy iPad felületet szeretnél úgy megtervezni, hogy a használat gyors, tiszta és kiszámítható legyen. A magánszemély megrendelőnek általában nem hosszú elmélet kell, hanem érthető képernyők, logikus lépések és olyan megoldás, amit egy fejlesztő később pontosan fel tud építeni. Én azt látom, hogy a legtöbb gond nem a színeknél kezdődik, hanem ott, hogy a feladat nincs rendesen leszűkítve. Ha nincs világos cél, a felület szétesik. Ha van cél, már az első vázlatnál látszik, mire kell figyelni.

Ennek a munkának a lényege nem az, hogy minden feltűnően látványos legyen. Inkább az, hogy a kezelőfelület ismerős maradjon az Apple eszközökön, a gombok ott legyenek, ahol a felhasználó várja őket, és a mozdulatok természetesnek hassanak. Az Apple emberi felületre vonatkozó irányelvei a következetességet, az átlátható elrendezést, az olvashatóságot, az egyértelmű visszajelzést és az akadálymentes használatot emelik ki. Ez segít abban is, hogy egy önálló tervező ne csak szép képernyőket adjon át, hanem használható rendszert. A Qjob.hu felületén ezért sokan nem fejlesztőt keresnek első körben, hanem olyan tervezőt, aki rendbe teszi az ötletet.

iOS felület tervezés feladatai

Egy ilyen munka többnyire képernyővázlatokkal indul. Ez még nem a végső látvány. Itt dől el a sorrend, a fő útvonal, a menük helye, a beviteli mezők száma és az, hogy mi legyen az elsődleges művelet. Utána jön a részletes iOS felület tervezés, ahol a tipográfia, az ikonok, a térközök, az állapotok és a hibajelzések is formát kapnak. A magánmegrendelőnek ez azért hasznos, mert így már korán látható, mire fizet, és nem csak a fejlesztés végén derül ki, hogy a képernyő zsúfolt vagy félreérthető.

Szerintem a jó mobil felület kialakítás egyik ismérve az, hogy kevés magyarázatot igényel. Ha külön útmutató kell egy alap művelethez, ott valami nincs rendben. A tervező feladata ezért nem pusztán rajzolás. Meg kell értenie, ki fogja használni az alkalmazást, milyen helyzetben, milyen türelemmel és milyen hibázási eséllyel. Apple környezetben különösen fontos, hogy a felület ne menjen szembe a megszokott mintákkal. Egy iPhone használó gyorsan észreveszi, ha valami idegenül működik.

Apple UI tervezés árak

Az ár nem egyetlen számon múlik, hanem azon, hány képernyőt kell megtervezni, van-e meglévő arculat, kell-e új ikonrendszer, szükséges-e kattintható minta, és mennyi egyeztetés fér bele. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden drága jobb, hanem mert az átgondolt iOS felület tervezés időt kér. Ha valaki néhány órában ígér teljes anyagot, abból sokszor hiányzik a következetesség, a hibakezelés vagy a különböző képernyőméretek figyelembevétele.

Tapasztalatom szerint a magánügyfelek akkor járnak jól, ha nem teljes alkalmazásárban gondolkodnak, hanem jól körülírt tervezési csomagban. Így könnyebb összehasonlítani az ajánlatokat. Az alábbi táblázat tipikus távoli tervezési feladatokat és reális ársávokat mutat. Ezek nem kőbe vésett összegek, de jó viszonyítási alapot adnak.

Az is számít, hogy a tervező csak a látványt készíti el, vagy a logikát is végigviszi. Egy önálló szakembernél gyakori, hogy a munka közvetlenebb, gyorsabban lehet kérdezni, és a döntések mögött nincs külön értékesítési kör. De ettől még fontos a pontos feladatleírás és az írásban rögzített tartalom.

Apple felület tervező kiválasztása

Ilyen feladatnál nem az a legfontosabb, hogy valaki hány díszes mintát mutat. Fontosabb, hogy tud-e magyarázni. Meg tudja-e mondani, miért ott van a fő gomb, miért rövidebb egy folyamat, és hogyan kezeli a hibás adatbevitelt. A jó tervező nem csak képet küld, hanem döntéseket is. És ezek a döntések visszakövethetők.

Sokan ott hibáznak, hogy kizárólag a látvány alapján választanak. Pedig egy Apple felületnél az apró szabályok sokat számítanak. Ilyen a távolság az elemek között, a betűméret aránya, a lapok közti mozgás, az érintési felület mérete, a visszalépés módja vagy az, hogy mennyi információ fér egy képernyőre. Egy magánszakértő akkor jó választás, ha képes ezekről közérthetően beszélni, és nem csak azt mondja, hogy majd jól fog kinézni.

Nézd meg a referenciát, de ne csak a végleges képet. Kérj részletet a folyamatból is. Hasznos lehet egy korábbi vázlat, egy komponenskészlet vagy egy fejlesztőnek átadott anyag. Ebből látszik, mennyire rendszerszintű a gondolkodás. A tervező itt válik igazán láthatóvá, nem a szép borítóképen.

Apple UI tervezés menete

A távoli együttműködés jól működik, ha a lépések előre tiszták. Elsőként rövid eligazítás kell. Milyen problémát old meg az alkalmazás, kik fogják használni, mi az elsődleges művelet, és van-e már valamilyen meglévő minta. Ezután a szakember összeállít egy egyszerű szerkezetet. Majd jönnek a képernyővázlatok, aztán a részletes tervek, végül az átadás.

Általában a kommunikáció írásban a legbiztosabb. Így visszakereshető, mi volt a kérés, mi változott, és milyen határidőben állapodtatok meg. A fájlátadás történhet megosztott linken, képfájlban, jelölt tervben vagy fejlesztői átadási csomagban. Egy kisebb feladat néhány nap alatt lezárható, összetettebb mobil felület kialakítás esetén viszont több kör és több hét is reális. Ez nem baj. Inkább legyen egy plusz kör javítás, mint egy gyors, de bizonytalan eredmény.

Volt olyan eset, amikor egy ügyfél azonnali látványtervet kért, mert sürgette egy bemutató. A vázlat gyorsan elkészült, de két nappal később kiderült, hogy a regisztrációs folyamatból hiányzott egy fontos döntési pont. Újra kellett rajzolni több képernyőt. Ez tipikus. A sietség elején időt takarít meg, a végén viszont többe kerül. Ezért mondom azt, hogy a jó ütemezés maga is a munka része.

Mobil felület hibái

A leggyakoribb hiba az, hogy a megrendelő túl sok mindent akar az első verzióba. Egyetlen képernyőre kerül minden funkció, minden üzenet és minden gomb. Ilyenkor a felület nem lesz egyszerűbb, csak zsúfoltabb. Apple környezetben ez különösen zavaró, mert a felhasználó eleve letisztult működést vár. Szerintem jobb kevesebb képernyőt kérni világos céllal, mint sok látványelemet gyenge logikával.

Másik hiba, hogy valaki más platformról emel át megszokásokat. Ami egy másik rendszerben működik, iPhone felületen még lehet idegen. Az iOS felület tervezés ezért nem egyszerű másolás. Figyelni kell a természetes mozdulatokra, a navigációs sávokra, a lapváltásra, a rendszerüzenetek hangjára és arra, hogy a kezelőfelület ne akarja túlmagyarázni önmagát.

És ott van az a félreértés is, hogy a tervezés csak a képek leadásáig tart. Valójában a minőség sokszor a részletekben dől el. Mi történik, ha nincs internet. Mi látszik üres állapotban. Hogyan jelenik meg a hibaüzenet. Hol tud visszalépni a felhasználó. Ezek nélkül a látványterv könnyen szép, de hiányos marad.

Apple irányelvek szerinti átadás

Jó esetben a munka végén nem csak néhány képernyőt kapsz, hanem egy olyan anyagot, ami alapján tovább lehet lépni. Ide tartozhat a képernyőlista, az állapotok jelölése, az alap komponensek gyűjteménye, a szövegek helye, az ikonhasználat és a fejlesztőnek szánt megjegyzések. Ez azért fontos, mert a távoli együttműködésben az átadás minősége legalább annyit számít, mint maga a rajz.

Az Apple UI tervezés eredménye akkor erős, ha a felhasználó gyorsan érti, mit kell tennie, a fejlesztő pedig nem találgat. Tapasztalatom szerint a legjobb munka nem feltétlenül a leghangosabb. Hanem az, ahol kevés a felesleges elem, tiszta a sorrend, és a megrendelő már az első használatnál azt érzi, hogy a felület nem akadályozza, hanem vezeti. Egy magántervező ebben sokat tud segíteni, ha a feladat pontos, a kommunikáció egyenes, és az elvárt eredmény már az elején le van írva.