Egyedi UI-ikonok létrehozása egyedi igények alapján

Egyedi UI ikonok magánügyfeleknek

Az Egyedi UI ikonok akkor fontosak, amikor egy weboldal, alkalmazás vagy online felület nem tud jól működni sablonos képi jelekkel. A felhasználó gyorsan dönt, ezért az ikon legyen érthető, következetes és kicsi méretben is tiszta. Én azt látom, hogy sok ügyfél nem külön művészi díszt keres, hanem olyan vizuális rendszert, amely segít eligazodni. Ez más feladat, mint egy egyszerű rajz elkészítése. Itt a forma, a vonalvastagság, a méret, a jelentés és az átadás módja együtt számít.

Magánügyfélként gyakran akkor merül fel az igény, amikor készül egy saját oldal, egy foglalási felület, egy tanfolyami rendszer, egy webáruház vagy egy kisebb alkalmazás. Ilyenkor a feladat nem mindig nagy, de pontos figyelmet kér. Lehet, hogy csak hat darab ikon hiányzik. Lehet, hogy harminc darab kell egységes stílusban. A Qjob.hu felületén ilyen távmunkára is lehet szabadúszó grafikust keresni, de a jó választáshoz érdemes előre tisztázni, mit kell az ikonoknak közölniük.

Egyedi UI ikon készítés célja

Az egyedi felületi ikonok célja nem az, hogy önmagukban látványosak legyenek. Az a cél, hogy a felhasználó értse, mire kattint, mit lát, és milyen művelet következik. Szerintem ez a legfontosabb különbség a szép grafika és a jó felületi elem között. Egy letöltés ikon, egy profil ikon vagy egy fizetési lépést jelző ikon akkor jó, ha nem kell magyarázni.

A szabadúszó grafikus ilyenkor általában meglévő képernyőtervekhez, színekhez, betűkhöz és márkaarculathoz igazodik. Ha ezek nincsenek meg, akkor először egy egyszerű irányt kell kialakítani. A vonalas ikon, a kitöltött ikon, a lekerekített forma vagy a geometrikus jel más hangulatot ad. Egy pénzügyi felületnél sokszor visszafogottabb ikon kell. Egy tanulási alkalmazásnál lehet barátságosabb. De túl játékos forma ott sem mindig működik.

Volt olyan eset, amikor egy ügyfél egy oktatási oldalhoz kért ikonokat, de csak annyit írt, hogy legyen modern. A grafikus elkészített egy látványos készletet, mégsem volt használható, mert az ikonok nem jelezték pontosan a tananyag, teszt, eredmény és üzenet közti különbséget. A második körben már funkciók szerint írták le a feladatot. Így kevesebb módosítás kellett, és a végeredmény sokkal tisztább lett.

Egyedi ikonok ára online munkában

Az egyedi ikonok ára főleg a darabszámtól, a stílus összetettségétől, az átadandó fájloktól és a módosítási körök számától függ. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent, mert az ikonrendszer nem csak rajzolás. Kell hozzá ellenőrzés, egységesítés és export is. Tapasztalatom szerint a magánügyfeleknek sokszor nem a legdrágább tervezőre van szükségük, hanem olyan szakemberre, aki pontosan kérdez és nem vállal homályos feladatot konkrét határidő nélkül.

Az áraknál nem elég csak darabszámot nézni. Egy egyszerű vonalas ikon gyorsabb, mint egy részletesebb, több állapotban használt digitális ikon. Ha kell sötét és világos változat, aktív és inaktív állapot, több méret vagy fejlesztőnek előkészített SVG, az növeli a munkát. Ez nem baj, csak legyen kimondva az elején.

UI ikon tervező kiválasztása

UI ikon tervező választásánál a portfólió fontos, de nem elég. Nézni kell, hogy a szakember dolgozott-e már valódi felületi elemekkel. Más egy közösségi képre rajzolt piktogram, és más egy olyan ikon, amelynek menüben, gombon, kártyán vagy vezérlőben kell működnie. Egy jó grafikus meg tudja mondani, hogy egy ikon miért nem lesz olvasható tizenhat vagy huszonnégy pixeles méretben.

Sokan ott hibáznak, hogy csak a stílus alapján döntenek. Tetszik egy rajzos irány, ezért azt kérik minden feladatra. De egy kezelőfelületnek rendszer kell. Ha az egyik ikon vékony, a másik vastag, a harmadik tele van apró részlettel, akkor a felület szétesik. A felhasználó nem biztos, hogy megfogalmazza, mi a gond. Csak lassabban érti az oldalt.

Érdemes rövid próbafeladattal kezdeni, főleg nagyobb készlet előtt. Elég lehet két vagy három ikon. Ilyenkor kiderül, hogyan kérdez a tervező, mennyire tartja a határidőt, milyen formában adja át az anyagot, és hogyan kezeli a javításokat. A magánügyfélnek ez biztonságot ad. Nem kell rögtön teljes csomagot rendelni.

Egyedi UI ikonok munkafolyamata

Az Egyedi UI ikonok készítése online is jól szervezhető, ha a brief világos. Az első lépés a funkciók listája. Nem az a lényeg, hogy az ügyfél szépen írjon, hanem hogy érthető legyen, mit jelöl minden ikon. Például keresés, üzenet, rendelés, mentés, fizetés, beállítás, statisztika vagy profil. A második lépés a stílus meghatározása. Itt lehet hivatkozni meglévő oldalra, arculatra vagy kedvelt példákra.

A grafikus ezután általában készít néhány mintát. Ezek alapján dönthető el, hogy a vonalvastagság, a forma és a részletesség jó irány-e. Utána jön a teljes készlet. A módosításokat célszerű egy dokumentumban vagy üzenetben összegyűjteni. A szétszórt visszajelzés lassítja a munkát. És félreértést okoz.

Az átadásnál fontos a fájlformátum. Webes használatra gyakran SVG kell, de hasznos lehet PNG is több méretben. Ha fejlesztő is dolgozik a projekten, akkor a fájlnevek legyenek egyértelműek. Ne legyen végleges2, újvégleges vagy ikonmásolat név. Ez apróságnak tűnik, de később sok időt vesz el.

Online ikonmunka határideje

Egy kisebb ikoncsomag sokszor néhány nap alatt elkészülhet, de ez nem szabály. Ha az ügyfél gyorsan válaszol, és a feladat tiszta, a munka halad. Ha minden ikon jelentését külön kell kitalálni, akkor a tervezés hosszabb lesz. Tapasztalatom szerint a késés oka gyakran nem a rajzolás, hanem a döntések hiánya.

Az online kommunikációnál jó, ha egy csatornán marad minden. A brief, a példák, a módosítások és az elfogadás legyen visszakereshető. Nem kell hosszú megbeszélés minden lépéshez. De kell egy rövid, pontos válasz arra, hogy mi marad, mi változik, és mit kell újrarajzolni. A jó szabadúszó grafikus nem csak elküldi a fájlt, hanem jelzi, ha valamelyik kérés rontaná az olvashatóságot.

Gyakori hibák UI ikon rendelésnél

A leggyakoribb hiba az, hogy az ügyfél csak darabszámot ad meg. Tíz ikon kell, ennyi. Ez kevés. A tervezőnek tudnia kell, hol jelennek meg az ikonok, mekkora méretben, milyen háttéren, milyen színben, és van-e aktív állapot. Ha ezek hiányoznak, a végeredmény lehet szép, de használat közben gyenge.

Másik hiba a túl sok jelentés egy ikonba sűrítése. Egy kis jel nem tud egyszerre vásárlást, kedvezményt, gyorsaságot és biztonságot mutatni. Ki kell választani a fő üzenetet. Szerintem az egyszerűbb ikon gyakran jobb, mint a részletesebb. Különösen akkor, ha mobilon is látszania kell.

Probléma az is, amikor az ügyfél a javításokat ízlés alapján adja, nem használat alapján. Az olyan mondatok, hogy legyen kicsit érdekesebb vagy modernebb, nehezen értelmezhetők. Jobb azt írni, hogy túl vékony a vonal, nem látszik sötét háttéren, hasonlít a másik ikonra, vagy nem érthető a funkció. Ezekkel a szakember tud dolgozni.

Egyedi felületi ikonok átadása

A kész anyag akkor használható jól, ha rendezett formában érkezik. Az egyedi felületi ikonok átadása ne csak képek küldése legyen. Legyen egy mappa SVG fájlokkal, szükség esetén PNG változatokkal, és legyenek tiszta elnevezések. Ha a készlet nagyobb, hasznos egy rövid leírás is arról, milyen rács, vonalvastagság és színlogika alapján készült.

Egyedi UI ikonok esetén az ügyfélnek érdemes ellenőriznie, hogy minden ikon ugyanabban a stílusban van-e, azonos méretben áll-e a fájlban, és nincs-e felesleges elem az SVG-ben. Ez technikai résznek tűnik, mégis befolyásolja a használhatóságot. Egy jól átadott ikoncsomaggal a fejlesztő vagy a weboldal szerkesztője gyorsabban dolgozik. Egy rendezetlen csomaggal újabb körök jönnek.

A végeredmény akkor jó, ha az ikonok nem vonják el a figyelmet, hanem segítik a felület használatát. Nem kell mindennek különlegesnek látszania. Elég, ha következetes, tiszta és érthető. Magánügyfélként ez a legjobb kiindulópont. Így az online feladat nem válik végtelen ízlésvitává, hanem kézzelfogható eredmény születik.