UI-tervezés adaptálása különböző platformokra (iOS, Android, Web)

UI-tervezés platformokhoz

A UI-tervezés platformokhoz akkor hasznos, amikor egy felületnek több képernyőn, több eszközön és eltérő használati helyzetben is érthetőnek kell maradnia. Magánügyfélként ez sokszor nem nagy rendszerrel indul, hanem egy ötlettel, egy új szolgáltatással vagy egy régi oldal átalakításával. A gond általában ott kezdődik, hogy ami szépen néz ki laptopon, az telefonon már szétesik, vagy ami logikusnak tűnik az alkotónak, az a látogatónak nem egyértelmű. Ilyenkor jön elő igazán a felület tervezés szerepe.

Szerintem a többfelületes gondolkodás nem luxus, hanem alap. Egy platform felülete ma ritkán él egyetlen nézetben. Van belépés, keresés, adatlap, üzenetküldés, fizetés, visszajelzés. És mindegyik rész másfajta figyelmet kér. Sok megrendelő ott hibázik, hogy csak a nyitóképernyőt nézi, pedig a használhatóság a kisebb részleteknél dől el. Gombméret, sorrend, űrlapmező, visszajelzés, hibajelzés. Ezeken csúszik el a legtöbb felület. A jó digitális felület nem attól jó, hogy látványos, hanem attól, hogy nem fárasztja a használót.

Ezen a Qjob.hu oldalon többféle tervező is segíthet ilyen feladatban. Van, aki drótvázban erős, van, aki végleges képernyőket ad át, és olyan is akad, aki a teljes képernyőfolyamot rendezi össze. Én személy szerint jobban bízom abban a szakemberben, aki előbb kérdez a felhasználókról, és csak utána kezd színekben és látványban gondolkodni. Ez lassabb kezdésnek tűnik, de a végén kevesebb javítást hoz.

Mikor érdemes platformfelületet újragondolni

Platformoknál a gond ritkán egyszeri. Inkább apró kellemetlenségek halmozódnak. A látogató nem találja a következő lépést. Hosszú az űrlap. Nem világos, mit kell megnyomni. Visszalépés után eltűnik a kitöltött adat. Ezek a hibák külön külön kicsinek látszanak, de együtt már elviszik a figyelmet és a türelmet. A kezelőfelület tervezése akkor időszerű, amikor sok a félbehagyott folyamat, kevés a befejezett művelet, vagy gyakori a panaszos visszajelzés.

Volt egy eset, amikor egy ügyfél csak annyit mondott, hogy szépíteni szeretné a felületet. A beszélgetés végére kiderült, hogy nem a kinézet zavarta a felhasználókat, hanem az, hogy a regisztráció három külön képernyőn szétesett. Mire a végére értek volna, többen kiléptek. Ilyen helyzetben nem díszítés kell, hanem tiszta szerkezet. A termékdesign sokszor inkább rendrakás, mint dekoráció.

Azt is látom, hogy sokan túl korán kérnek végleges képernyőket. Pedig előbb a fő utaknak kell összeállniuk. Mi történik az első belépésnél. Hogyan jut el valaki a kereséstől a műveletig. Mi látszik mobilon, mi rejtőzik el. Ha ezek nincsenek rendben, a vizuális terv csak elfedi a bizonytalanságot. A kezelői felület tervezése akkor éri meg igazán, ha a cél nem csupán a szebb kép, hanem az egyszerűbb használat.

UI-tervezés platformokhoz árak

Az ár attól függ, hány képernyőről, milyen mélységről és mennyi javítási körről van szó. Egy kisebb feladatnál, ahol néhány alapnézet készül és csak a fő használati útvonalat kell rendezni, a díj alacsonyabb. Amikor viszont külön nézet kell belépéshez, profilhoz, kereséshez, üzenetküldéshez, fizetéshez és mobilos átdolgozáshoz is, a munka gyorsan összetettebbé válik. Olcsón sokan vállalnak látványos képernyőket, de olcsón ritkán kapni valóban átgondolt szerkezetet.

Az én tapasztalatom az, hogy a gyanúsan alacsony ajánlat mögött gyakran sablonos munka van. Egy egyszerű kezdő nézet még lehet rendben, de a hibakezelés, az üres állapotok, a mobilos viselkedés és a hosszabb űrlapok ilyenkor rendre kimaradnak. És pont ezek okozzák később a gondot. Olcsóbban 35.000 alatt ritkán lesz igazán használható egy többképernyős alapcsomag. Persze mindig van kivétel, de erre nem építenék.

Ezek a számok irányadó összegek magánügyfeleknek. A végső árnál számít, hogy a tervező kutatást is végez-e, készít-e kattintható mintát, és mennyi módosítás fér bele. A képernyőtervezés ára azért szór ennyire, mert egy egyszerűnek látszó feladat mögött sokszor hosszú egyeztetés és logikai döntés van.

Megfelelő tervező kiválasztása

A jó tervező nem csak rajzol. Kérdez. Visszakérdez. Néha vitatkozik is. Szerintem ez jó jel. Ha valaki az első üzenet után azonnal kész látványt ígér, én óvatos lennék. Platformoknál a legfontosabb nem az, hogy mennyire mutatós az első kép, hanem hogy mennyire stabil a mögötte lévő sorrend és döntési logika. A szakember kiválasztásánál ezért én először nem a színekre, hanem a gondolkodás módjára figyelnék.

Érdemes megnézni, mutat-e korábbi munkát több nézettel együtt. Egyetlen szép nyitóképernyő kevés. Jó jel, ha látni lehet űrlapokat, listákat, hibás állapotokat, üres helyzeteket és mobilos változatokat is. A kezelőfelület tervezése mindig ott válik hitelessé, ahol a kényelmetlen részeket is megoldják. Sok tervező ezekről keveset mutat, pedig a használó szempontjából ezek a legfontosabbak.

Hasznos kérdés az is, hogy mi lesz az átadásban. Kapsz-e kattintható mintát. Kapsz-e rendszerezett komponenseket. Kapsz-e rövid leírást arról, mi miért úgy működik. Volt olyan megrendelő, aki csak képeket kapott, és utána a fejlesztővel újra kellett találni az egészet. Ezt jobb elkerülni. Szerintem annak érdemes bizalmat adni, aki a munkafolyamatot is világosan el tudja mondani, nem csak a végeredményt.

Belváros, külső kerületek és agglomeráció

Bár a platformtervezés gyakran távolról is működik, sok magánügyfélnek még mindig fontos az, hogy legyen legalább egy személyes egyeztetés. Ez teljesen érthető. Más egy hosszú felületi folyamatot úgy elindítani, hogy csak üzenetek mennek oda vissza, és más úgy, hogy az elején le lehet ülni, rajzot lehet mutatni, és egy helyben át lehet beszélni a fő képernyőket. A felület tervezés ezért a belvárosban, a külső kerületekben és az agglomerációban élőknek is más igényt jelenthet.

A belső városrészekben gyakrabban vállalnak gyors személyes konzultációt. A külső kerületekben vagy az elővárosi részeken sokszor inkább vegyes megoldás működik jól. Egy induló találkozó személyesen, utána online egyeztetés. Én ezt tartom a legéletszerűbbnek. Nem húzza feleslegesen az időt, de marad tér a közös gondolkodásra. Ha valaki a környéken keres tervezőt, érdemes rákérdezni arra is, vállal-e helyszíni megbeszélést vagy csak távoli munkát.

A sokat utazó ügyfeleknek különösen számít, hogy a platform ugyanúgy érthető maradjon telefonon is. Ezért a lokális együttműködés mellett a mobilos nézetek kidolgozása is fontos. Többen ott követik el a hibát, hogy a nagy képernyős tervből indulnak ki, majd a mobilos változatot a végén próbálják összenyomni. Ez fordítva jobb. Előbb a szűkebb helyzetet kell rendbe tenni, utána lehet tágítani.

Gyakori hibák többplatformos felületeknél

A leggyakoribb hiba szerintem az, hogy minden egyszerre akar látszani. Túl sok gomb, túl sok blokk, túl sok döntési pont. A használó pedig nem érti, mi az első lépés. A UI-tervezés platformokhoz nem attól lesz erős, hogy sok mindent pakolunk a képernyőre, hanem attól, hogy a fontos dolgot előre hozzuk, a többit pedig fegyelmezetten háttérben tartjuk.

Sok gondot okoz az is, amikor a webes és a mobilos nézet logikája túlságosan eltér. Más lehet az elrendezés, de az alap működés ne változzon meg teljesen. Ha ugyanarra a műveletre más helyen, más szóval és más visszajelzéssel találkozik a használó, gyorsan elveszti a bizalmát. A termékdesign egyik nehéz része épp az, hogy az egységesség ne legyen merev, de a változatosság se zavarja meg a tájékozódást.

Sok megrendelő elfelejti az üres állapotokat is. Mi történik, ha nincs találat. Ha nincs feltöltött adat. Ha megszakad a folyamat. Ha hibás a jelszó. Ezek nem mellékes helyzetek. Ezek valódi használati pillanatok. És gyakran itt dől el, hogy a platform emberinek érződik-e, vagy idegesítőnek. Nekem mindig gyanús, ha egy tervben csak a tökéletes út látszik. Az élet nem így működik.

Mit érdemes kérni a munka végén

A munka végén ne csak képeket kérj. Kérj olyan átadást, amiből egy másik ember is megérti a rendszert. Jó, ha a végleges csomag tartalmazza a fő képernyőket, a kattintható mintát, az alap elemeket, a méreteket, a szöveges jelöléseket és legalább rövid leírást a fontos állapotokról. A kezelői felület tervezése akkor válik igazán használható eredménnyé, ha nem vész el a logika az átadásnál.

Én azt is szeretem, ha a tervező a végén külön megmutatja, mely részek kritikusak. Hol lehet könnyen félreérteni a folyamatot. Hol kell még később tesztelni. Melyik képernyőnél várható sok kérdés. Ez őszinte hozzáállás, és többet ér, mint egy túl sima bemutató. Mert a valós használat mindig hoz új helyzeteket.

Végül az a fontos, hogy a UI-tervezés platformokhoz ne önmagáért történjen. Akkor jó, ha a használó gyorsabban halad, kevesebbet hibázik, és érzi, hogy a felület segíti, nem akadályozza. Ha ezt sikerül elérni, akkor a képernyők mögött valóban rend van. És ez sokkal értékesebb, mint bármilyen látványos, de üres megoldás.