Mobilalkalmazás UI koncepció tervezése

Mobilalkalmazás UI koncepció magánügyfélnek

A mobilalkalmazás UI koncepció akkor hasznos, ha még a fejlesztés előtt látni akarod, hogyan fog kinézni és működni az alkalmazás. Ilyenkor nem kód készül, hanem átgondolt felületterv, képernyőlogika és jól átadható vizuális irány. Magánügyfélként ez különösen fontos, mert könnyű sok pénzt elégetni egy homályos ötletre. Én azt látom, hogy a legtöbb hiba nem a színek körül indul, hanem ott, hogy az ügyfél nem tudja pontosan, mire kell a termék. Egy jó UI tervező ebben rendet tesz. A Qjob.hu felületén ezért sokan nem pusztán rajzolót keresnek, hanem olyan szakembert, aki segít dönteni is.

Ebben a munkában a cél nem egy szép kép. A cél egy használható mobilos felület, amelyből később fejlesztés, teszt vagy bemutató is készülhet. Szerintem akkor ér valamit a koncepció, ha abból azonnal látszik a fő folyamat, az első képernyők szerepe, a gombok logikája és az, hogy a felhasználó hogyan jut el az elejétől a kívánt műveletig. Ha ez nincs meg, a terv csak látvány marad.

Mit tartalmaz egy mobilapp felületterv

Egy ilyen munka általában több részből áll. Először jön a cél tisztázása. Mire való az alkalmazás, kik fogják használni, mi az elsődleges művelet, és melyik képernyőn kell gyors döntést hozni. Utána készül a vázlat, majd a részletesebb elrendezés. Ebből lesz a végső vizuális koncepció, ahol már jól látszik a tipográfia, az ikonhasználat, a hierarchia és a navigáció.

A mobilapp felületterv sokszor tartalmaz kezdőképernyőt, belépési folyamatot, profil vagy beállítási nézetet, fő funkciót kiszolgáló oldalt, értesítési állapotokat és hibahelyzeteket is. De nem mindig kell minden. Egy egyszerű MVP esetén elég lehet 5 vagy 6 kulcsképernyő. Egy összetettebb alkalmazásnál már szükség lehet több állapotra is. Tapasztalatom szerint a magánügyfél akkor jár jól, ha nem kér az elején túl sok mindent. Előbb az alaplogika legyen jó.

És ide tartozik a kattintható bemutató is. Nem minden feladatnál szükséges, de sokszor segít. Főleg akkor, ha az ügyfél másnak is meg akarja mutatni az ötletet. Egy jól felépített alkalmazás felületi koncepció ilyenkor nemcsak esztétikai anyag, hanem döntést támogató eszköz.

Mobilalkalmazás UI koncepció árak

Az ár attól függ, mennyi képernyő kell, mennyire egyedi a vizuális irány, szükséges-e kattintható bemutató, és mennyi egyeztetés várható. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Ez nem azért van, mert minden drága szolgáltatás jobb. Hanem azért, mert az alacsony ár sokszor azt jelenti, hogy kevés idő jut a logikára, a javításokra és az átgondolt részletekre. Egy mobilos felületnél ez gyorsan visszaüt.

Ezek reális sávok egy magánszakértő munkájához. Nem végleges díjak, inkább támpontok. Szerintem már ebből is látszik, hogy az ajánlatok közti eltérés nem véletlen. Más az ár, ha valaki csak látványképet ad, és más, ha valóban végiggondolt mobilapp felülettervet készít.

Hogyan válassz UI tervezőt

Először a portfóliót nézd meg, de ne csak a látvány miatt. Azt figyeld, hogy a képernyők mennyire érthetők. Látszik-e a sorrend, a döntési pont, a fő művelet. Egy UI tervező attól még nem jó, hogy minden munkája látványos. Akkor jó, ha a képernyői önmagukban is értelmesek. Én ezt fontosabbnak tartom, mint a divatos effekteket.

Másodszor kérdezz rá a munkamenetre. Dolgozik-e brief alapján. Mondja-e, hogy hány javítási kör fér bele. Tud-e köztes anyagot mutatni. Hogyan adja át a fájlokat. Ezek nagyon egyszerű kérdések, mégis sok bizonytalanságot megspórolnak. Sokan ott hibáznak, hogy csak egy árat kérnek, és nem nézik meg, mi van mögötte. Aztán meglepődnek, amikor a kapott tervből hiányzik a fele.

Harmadszor nézd meg, mennyire érti a mobilos használatot. Más ritmust kíván egy telefonos felület, mint egy asztali oldal. A gombméret, az ujjal elérhető zónák, a képernyőnkénti terhelés és a rövid figyelmi helyzet mind számít. Ha a szakember erről természetesen beszél, az jó jel. Ha csak szép mintákat mutat, az kevés lehet.

Online munkamenet és határidő

Az online együttműködés jól működik, ha már az elején tiszta a feladat. Elég egy rövid leírás arról, mire készül az alkalmazás, kiknek szól, mi a fő művelet, és milyen képernyőket képzelsz el. Ezután a szakember általában kérdez, majd vázlatot készít. A következő lépés a részletes nézetek kidolgozása, aztán a javítás és az átadás.

Egy egyszerű feladatnál a határidő lehet néhány nap. Közepes terjedelemnél inkább egy vagy két hét a reális. Ha sok a bizonytalan rész, hosszabb lesz a folyamat. Nem feltétlenül a rajzolás miatt, hanem az egyeztetés miatt. Tapasztalatom szerint az online munka ott csúszik meg, ahol az ügyfél egyszerre túl sok változtatást kér, vagy újra és újra átírja az alapötletet. Ezért jobb szakaszokra bontani a projektet.

Az anyagátadás többféle lehet. Képfájl, megosztható tervlink, szerkeszthető tervfájl, vagy kattintható bemutató. Ezt mindig előre tisztázd. És azt is, hogy a javítások meddig férnek bele. Itt ezen a felületen a távoli munka előnye épp az, hogy minden visszanézhető, leírható és pontosítható. De ehhez rövid, világos üzenetek kellenek.

Gyakori hibák mobilapp felületi koncepció rendelésénél

A leggyakoribb hiba az, hogy az ügyfél kész megoldást akar mondani, miközben még a problémát sem fogalmazta meg pontosan. Ilyenkor olyan mondatok jönnek, hogy legyen modern, letisztult és prémium. Ez kevés. Attól még senki nem tud jó koncepciót készíteni. Sokkal hasznosabb, ha azt írod le, hogy a felhasználó mit akar megcsinálni, mi sürgős neki, és hol szokott elakadni.

Másik hiba az irreális terjedelem. Valaki kér 18 képernyőt, teljes arculati rendszert, ikonokat, animációs ötletet, majd egyetlen alapcsomag árát várja. Ez ritkán működik. És gond az is, amikor a megrendelő nem tud dönteni. Volt olyan eset, amikor egy ügyfél három különböző irányt kért ugyanarra a kezdőképernyőre, majd mindháromba új elemeket akart beemelni. A végén nem az volt a baj, hogy lassú volt a tervező, hanem az, hogy nem maradt egy stabil cél. Ezt érdemes elkerülni.

A minőséggel kapcsolatban is vannak téves elvárások. Egy alkalmazás felületi koncepció nem helyettesíti a teljes termékstratégiát, és nem old meg minden használhatósági hibát önmagában. De nagyon sok félreértést megspórol. Szerintem ez már önmagában komoly érték.

Milyen eredményt várhatsz a mobilapp UI munkától

Jó esetben a végén kapsz egy olyan anyagot, amelyből egyértelműen látszik a termék iránya. Tudod, melyik képernyő mire való, hogyan halad a felhasználó, mi a fő vizuális logika, és mit kell még esetleg később bővíteni. Ez segít fejlesztővel beszélni, segít visszajelzést kérni, és segít eldönteni, hogy érdemes-e továbblépni.

Nem minden projektből lesz teljes alkalmazás. De ettől még a munka nem kidobott pénz. Egy jól összerakott mobilalkalmazás UI koncepció gyakran már az elején megmutatja, hol gyenge az ötlet. És ez hasznos. Jobb korán látni a hibát, mint később kódolás közben. Én azt látom, hogy a magánügyfelek akkor elégedettek igazán, ha a felület nemcsak szép, hanem megnyugtatóan érthető is.

Ha online specialistát keresel ilyen feladatra, a legfontosabb a tiszta brief, a reális árképzés és a pontos átadás. A mobilalkalmazás UI koncepció akkor működik jól, ha nem dísznek készül, hanem döntési alapnak. És ha ezt szem előtt tartod, sokkal könnyebb jó szakembert találni itt.