UI tervezéshez profi segítségre van szükséged?

UI tervezés magánmegrendelőknek

A UI tervezés akkor fontos, amikor egy oldal vagy alkalmazás végre jól néz ki, de közben nem válik nehézzé vagy zavarossá a használata. Magánmegrendelőként ezt többnyire ott érzed meg, ahol a régi felület szétesik, a gombok nem vezetnek sehová, a betűk kicsik, a színek összeakadnak, és az egész oldal bizonytalan hatást kelt. A UI tervezés nem puszta díszítés. Inkább fegyelem. A felhasználói felület tervezés abban segít, hogy a képernyőn minden a helyére kerüljön, a fontos részek előre jöjjenek, a kevésbé fontosak ne zavarjanak be. A Qjob.hu oldalán ezért sok megrendelő nem látványos mintát keres elsőre, hanem olyan embert, aki átlátja, mitől lesz tiszta és vállalható egy digitális felület.

Sokan ott rontják el, hogy a UI tervezést összekeverik azzal, hogy legyen minden szebb. Pedig a szebb önmagában kevés. Ha egy árkérés gomb alig látszik, ha a menü túl tömött, ha ugyanaz a szín egyszer figyelmeztetés, máskor meg dísz, akkor a felület idegesítő lesz. És ezt a látogató gyorsan megérzi. Személy szerint én jobban kedvelem azt a UI tervezőt, aki előbb a rendetlenséget mutatja meg, és csak utána beszél az esztétikáról. Mert a jó felülettervezés sokszor abból indul, hogy valamit el kell venni, nem hozzáadni.

A felhasználói felület tervezés különösen hasznos akkor, ha kisvállalkozói oldalad, saját szolgáltatói felületed, időpontfoglaló oldalad vagy személyes márkaoldalad van. Ilyenkor nincs nagy csapat mögötted. Nincs külön kutató, külön fejlesztő, külön szövegíró minden apró döntéshez. Egy jó UI tervező ezért nem csak rajzol. Kérdez. Rangsorol. Egyszerűsít. Megmutatja, mit fog először észrevenni a látogató, és mi marad háttérben. Ez a fajta UI tervezés magánmegrendelőként sokkal többet ér, mint egy látványos, de széteső kezdőkép.

A UI tervező nem csak gombokat színez. Ez az egyik leggyakoribb félreértés. A munkája része a tipográfia, a térközök rendje, a gombok állapota, a kártyák viselkedése, az űrlapok tisztasága, a képernyők közti következetesség, és az is, hogy telefonon ne essen szét az egész. A felhasználói felület tervezés tehát arról szól, hogy a már meglévő szerkezet látható formát kapjon. És ez a forma ne csak tetszetős legyen, hanem kiszámítható is.

Volt egy eset, amikor egy ügyfél ragaszkodott három különböző gombszínhez, mert mindegyik tetszett neki. Elsőre nem tűnt nagy problémának. A kész terven viszont minden kattinthatónak látszott. A látogató nem tudta, melyik az elsődleges lépés. Végül kettőt elhagytunk, egy maradt fő színnek, és a felület rögtön nyugodtabb lett. Sok ilyen döntés kívülről apróságnak látszik, de a teljes képernyő élményét befolyásolja. Ezért mondom, hogy a felülettervezés nem díszmunka. Inkább szerkesztés.

És itt jön a másik fontos pont. A UI tervezés ritkán működik jól brief nélkül. Nem kell hosszú dokumentum. De tudni kell, ki fogja használni az oldalt, mit kell ott gyorsan megtalálnia, mennyire fontos a telefonos nézet, és van-e olyan már meglévő arculat, amihez igazodni kell. Ha ezek nincsenek kimondva, a munka könnyen csúszik rossz irányba. A megrendelő utólag azt érzi, hogy valami nem stimmel, de nehezen tudja megfogalmazni, mi a baja. Ilyenkor általában nem a szín a gond, hanem az, hogy a felület nem a valódi cél szerint épült fel.

Az én tapasztalatom az, hogy a jó UI tervező egyszerű nyelven beszél. Nem rejti el a lényeget bonyolult kifejezések mögé. Elmondja, miért lesz nagyobb egy cím, miért kell több hely két elem közé, vagy miért nem kell minden blokkot árnyékkal megkülönböztetni. Ez fontos jel. Aki tisztán magyaráz, többnyire tisztábban is tervez.

Hogyan válassz UI tervezőt

UI tervezőt nem csak referencia alapján érdemes választani, bár az is fontos. A legszebb képernyők néha a legkevésbé praktikusak. Nézd meg inkább azt, mennyire következetes a korábbi munka. Egyformák-e a gombok. Van-e rend a címsorok között. Könnyű-e olvasni a szöveget. Telefonon sem csúszik-e szét a tartalom. A UI tervezés eredményét nem mindig a látványos részletek mutatják meg, hanem az, hogy nincs benne zavaró bizonytalanság.

Sok megrendelő hibázik, amikor csak azt nézi, hogy kedves-e a szakember és gyorsan válaszol-e. Ezek jó dolgok, de nem elégségesek. Kérdezd meg inkább, hány módosítási kör fér bele, kapsz-e előbb drótvázat vagy rögtön látványtervet, és hogyan kezeli a mobilos nézetet. A felhasználói felület tervezés során ezek a pontok hamar megmutatják, hogy valaki rendszerszinten gondolkodik-e, vagy csak egy szép képet akar átadni.

Én személy szerint azt preferálom, ha a szakember visszakérdez a tartalomra is. Sokszor ugyanis a rossz felület oka nem külön a grafika, hanem az, hogy túl sok a szöveg, hosszúak a címek, esetlegesek a fotók, és minden egyszerre akar fontos lenni. Egy alapos UI tervező ezt szóvá teszi. Nem azért, hogy kötekedjen, hanem mert nélküle nem lesz jó a végeredmény.

Volt már olyan, hogy egy ügyfél a legolcsóbb ajánlatot választotta, mert ugyanarra a feladatra kapott egy jóval magasabb összeget is. Később kiderült, hogy az olcsóbb csomagban nem volt sem rendes egyeztetés, sem mobil nézet, sem átadásra alkalmas fájl. A végén újra kellett kezdeni a munkát. Ez tipikus helyzet. Olcsóbban indul, de drágábban végződik. Ezért a UI tervező kiválasztásánál nem csak az induló ár számít, hanem az is, mi van mögötte.

Helyi UI tervezés kerület és környék szerint

Magánmegrendelőként sokszor még ma is számít, hogy a szakember elérhető legyen személyesen is, legalább az első egyeztetésre. Ez főleg akkor igaz, ha az ügyfél nem műszaki ember, és könnyebben mondja el az igényeit egy találkozón. Budán más ritmusban zajlik egy megbeszélés, mint a pesti belvárosban, és megint más egy külső kerületben vagy az agglomerációban. Nem szabály ez, inkább tapasztalat. De a helyi közeg gyakran hat arra, hogy mennyire részletes brief készül, mennyire gyors a döntés, és milyen stílusú felületet várnak el.

Ha valaki Újbudán, Zuglóban vagy a belső pesti részeken keres szakembert, gyakran fontos neki a gyors személyes kör. Más inkább Érd, Budaörs vagy Dunakeszi felől keres, mert ott rugalmasabb a szervezés. A UI tervezés ettől még lehet teljesen távoli munka is. De a helyismeret néha segít. Egy helyi szolgáltató felülete más arányokat kívánhat, mint egy országos célzású oldal. A képek, a hangsúlyok, a tempó, még a gombszövegek rövidsége is eltérhet.

Szerintem sokan túlértékelik a közelséget, és alulértékelik a pontosságot. Nem biztos, hogy a legközelebbi UI tervező lesz a legjobb választás. De ha valaki ismeri a környék szolgáltatói stílusát, az előny lehet. A felhasználói felület tervezés ilyenkor kevésbé marad általános. Közelebb kerül ahhoz, amit a valódi látogatók megszoktak és elvárnak.

És persze van az ellenkezője is. Olyan szakember, aki távolról dolgozik, mégis kiválóan strukturál, gyorsan reagál, és pontosabban átadja a terveket, mint aki a szomszéd kerületben van. Én ezért a helyet csak másodlagos szempontnak tartom. Jó, ha adott. De nem helyettesíti a figyelmet és a következetességet.

UI tervezés árak és tipikus feladatok

A UI tervezés ára attól függ, hogy egyetlen képernyőt kell rendbe tenni, teljes oldalt kell újragondolni, vagy több nézetet kell egységes rendszerben megtervezni. Számít az is, van-e meglévő arculat, mennyire tiszta a brief, és kell-e fejlesztőnek átadható részletes állapot. Az én véleményem az, hogy a túl olcsó ajánlat ritkán jó jel. 12.000 forint körül még lehet kérni kisebb javítást vagy rövid felületi átnézést, de teljes értékű, átgondolt UI tervezés ennyiből ritkán lesz megbízható. Aki nagyon olcsón vállal mindent, többnyire valamit elhagy a folyamatból.

Az árak irányadók. A valós összeg attól is függ, mennyire változik menet közben a feladat. Ha háromszor átíródik a tartalom, vagy a megrendelő új irányba fordul félúton, az természetesen plusz munka. Sok ember ezt nem kalkulálja bele, aztán meglepődik. De ez nem lehúzás. Egyszerűen idő. Szerintem a gyanúsan olcsó munkánál az a legnagyobb gond, hogy kevés figyelem jut rá. És ezen a területen pont a figyelem a döntő.

Gyakori hibák és ami igazán számít

A legtöbb hiba nem látványos. Ezért nehéz őket időben észrevenni. Sok felületen túl kicsi a kontraszt, túl sűrű a szöveg, túl hasonló minden gomb, vagy épp túl sok a kiemelés. Ilyenkor a képernyő első pillantásra rendezettnek tűnhet, mégis fárasztó használni. A UI tervezés itt válik igazán értékessé. Nem azért, mert különlegessé teszi az oldalt, hanem mert leveszi róla a fölösleges zajt.

Sokan hibáznak akkor is, amikor minden új kérésre új díszítő elemet raknak rá. Még egy ikon, még egy háttér, még egy hangsúlyos doboz. Pedig a felhasználói felület tervezés gyakran az ellenkező irányba megy. Egyszerűsít. Rövidít. Visszavesz. Ezt nehéz elfogadni, mert a megrendelő sokszor azt érzi, hogy ha többet fizet, akkor több látható elemet kell kapnia. A valóságban viszont a jobb felület néha attól jobb, hogy kevesebb rajta minden.

Volt egy megrendelő, aki azt mondta, neki mindegy, csak legyen modern. Ez gyakori mondat, mégis félrevisz. A modern önmagában nem feladat. Megkérdeztük, mi a legfontosabb művelet az oldalon. Kiderült, hogy az érdeklődőnek két lépésben kellene ajánlatot kérnie. Ehhez képest a régi felület nyolc külön blokkot tolt az arcába, és az ajánlatkérés elbújt a lap alján. Amikor ezt felhoztuk és a fő műveletet előre tettük, hirtelen minden érthetőbb lett. Ebből is látszik, hogy a jó UI tervezés nem divatszó, hanem gyakorlati rendrakás.

Az én tapasztalatom szerint a legjobb eredményt az hozza, ha a megrendelő nem akar mindent egyszerre eldönteni. Előbb legyen világos a sorrend. Utána jöhet a látvány. És csak azután az apró részlet. Aki ezt a lépést kihagyja, általában körökben halad. Aki viszont elfogadja, hogy a jó felület lassan tisztul le, az végül nyugodtabb és erősebb eredményt kap. Ezért a UI tervezés értéke nem a hangos megoldásokban van, hanem abban, hogy a látogató kevésbé bizonytalan, gyorsabban ért meg mindent, és nem akar kilépni két másodperc után.