Ikonok készítése játékbeli bolt számára

Bolt ikonok

A bolt ikonok akkor működnek jól, ha első pillantásra érthetők, gyorsan felismerhetők, és nem törik meg az oldal ritmusát. Egy magánmegrendelőnek ez általában nem díszítés kérdése, hanem használhatóság. A kosár, a keresés, a kedvencek, a szállítás vagy a fizetés jelölése sokszor néhány apró formán múlik. És ha ezek pontatlanok, a felület bizonytalanná válik. A Qjob.hu felületén sokan azért keresnek ilyen munkára szabadúszó grafikust, mert kész rendszerhez, új webshophoz vagy meglévő oldal frissítéséhez kell jól használható ikonkészlet.

Én azt látom, hogy a legtöbb magánügyfél először túl egyszerű feladatnak gondolja ezt. Pedig egy jó ikonsor mögött döntések vannak. Mekkora legyen a vonalvastagság. Milyen részletesség fér bele kis méretben. Mennyire legyen semleges vagy karakteres a forma. És mennyire kell illeszkednie a meglévő arculathoz. Ha ez nincs tisztázva, az eredmény szétesik. Külön ikonok készülnek ugyan, de együtt nem alkotnak rendszert.

Webshop ikonok szerepe az online felületen

A webshop ikonok legfontosabb feladata az, hogy csökkentsék a gondolkodási időt. A látogató nem olvas végig mindent. Jeleket keres. Egy jól rajzolt ikon segít megtalálni a szűrést, a mérettáblát, a visszaküldési információt vagy a rendelés állapotát. Szerintem itt nem az a fő kérdés, hogy szép legyen, hanem az, hogy azonnal érthető legyen. A kettő együtt persze ideális, de sorrend van.

A magánszemély megrendelőnek sokszor nincs teljes dizájncsapata. Ezért a szabadúszó illusztrátor vagy grafikus nemcsak rajzol, hanem javasol is. Megnézi, mire van valóban szükség. Elég-e nyolc jel, vagy kell húsz. Legyen-e kitöltött és körvonalas változat. Működjön-e világos és sötét háttéren is. Tapasztalatom szerint ezek a kérdések hamarabb eldöntik a projekt sikerét, mint az, hogy milyen gyorsan készül el az első vázlat.

Az is fontos, hogy az ikon ne csak asztali nézetben legyen jó. Táblagépen és telefonon még kevesebb hely jut neki. Ilyenkor a részletes megoldások gyakran elbuknak. Egy bevásárlókosár még működik, de egy túl bonyolult boltbejárat vagy pénztári jel már nem. Ezért ezen a területen az egyszerűsítés nem gyengeség, hanem szakmai döntés.

Egyedi ikonok árai

Az egyedi ikonok ára általában a darabszámtól, a részletességtől, az egyeztetések számától és az átadott fájloktól függ. A túl olcsó munka ezen a területen gyakran gyengébb minőséget jelent. Nem azért, mert minden olcsó ajánlat rossz, hanem mert ennyi idő alatt ritkán fér bele kutatás, vázlat, egységesítés és tesztelés. Egy magánügyfélnél sokszor éppen ezek hiánya okoz plusz költséget később.

Ez nem fix díjszabás, inkább reális támpont. Ha a feladat csak annyi, hogy kell pár tiszta jel egy már kész felületre, az ár lentebb maradhat. Ha viszont hiányos a brief, nincs pontos darabszám, és menet közben alakul a tartalom, akkor a díj gyorsan emelkedik. És ez érthető. Ilyenkor a szakember nemcsak kivitelez, hanem rendszert is épít.

Bolt ikonok és a megfelelő szakember kiválasztása

A megfelelő szakember kiválasztásánál én először nem a látványos portfóliót nézném, hanem azt, mennyire következetes a munkája. Egy szép különálló ikon még nem bizonyít semmit. Az a fontos, hogy egy teljes sor ugyanazzal a logikával készüljön. Ugyanaz a sarokképzés, azonos vonalvezetés, hasonló arányok. Ha ez nincs meg, a felület nyugtalan lesz.

Sokan ott hibáznak, hogy illusztrátort keresnek, miközben inkább felületi gondolkodású grafikusra lenne szükségük. Máskor pont fordítva. Ha a cél nagyon egyszerű kezelőikon, akkor a tiszta jelrendszer a lényeg. Ha viszont a bolt hangulatát is meg kell mutatni, például kategóriaikonokkal vagy promóciós piktogramokkal, akkor az illusztratívabb szemlélet többet érhet. Ezért jó, ha a megrendelő nemcsak azt mondja el, hogy mit szeretne, hanem azt is, mire fogja használni.

Érdemes rákérdezni arra is, hány kör javítás fér bele, milyen fájlokat ad át a szakember, és dolgozott-e már kis méretű webes elemekkel. Egy tapasztalt szabadúszó grafikus általában tud példát mutatni arra, hogyan változik egy ikon 16, 24 vagy 48 képpontos méretben. Ez apróságnak tűnik, de a végeredményen sok múlik.

Bolt ikonok készítési folyamata

A bolt ikonok készítése jó esetben rövid briefel indul. Ebben nem hosszú leírás kell, hanem pontos cél. Hol jelennek meg az ikonok. Milyen felületen. Kik használják. Mi az a három vagy négy művelet, amelyet biztosan jelölni kell. Ezután jön a vizuális irány kijelölése. Körvonalas vagy kitöltött. Finom vagy markáns. Semleges vagy karakteres.

Utána következnek a vázlatok. Szerintem itt még nem érdemes minden apróságot véglegesíteni. Előbb azt kell látni, hogy jó-e a logika. Volt olyan eset, amikor egy ügyfél tizenkét ikont kért, de a vázlatok után kiderült, hogy négy jel teljesen felesleges, kettőt pedig össze lehet vonni. Ezzel nemcsak pénzt spórolt, hanem tisztább lett a felület is.

Ha a fő irány rendben van, jön a végleges rajzolás, majd az export. A kommunikáció általában üzenetben, képernyőképekkel és rövid megjegyzésekkel zajlik. Távoli munkánál ez teljesen elég, sőt gyakran átláthatóbb is, mint egy hosszú beszélgetés. A határidő kisebb csomagnál néhány nap, nagyobb rendszernél egy-két hét körül mozoghat, attól függően, mennyire gyors a visszajelzés.

Webshop ikonok átadása és használata

A webshop ikonok átadásánál nem elég egyetlen képfájlt kérni. A legpraktikusabb az, ha a megrendelő kap vektoros változatot és webre kész formátumot is. Sok esetben SVG a legjobb megoldás, mert éles marad és kicsi a fájlméret. Emellett jól jöhet PNG is, ha a rendszer vagy a fejlesztő ezt kéri. És hasznos lehet egy egyszerű előnézeti lap, ahol minden jel együtt látszik.

Érdemes előre tisztázni, hogy a csomag tartalmaz-e világos és sötét háttérre való verziót, hover állapotot, vagy csak az alapjeleket. Ha a bolt több helyen használ ikonokat, például menüben, termékoldalon és információs blokkokban, akkor nem biztos, hogy ugyanaz a méret működik mindenhol. Ezen a felületen sok megrendelő későn jön rá arra, hogy a szép ikon még nem feltétlenül használható minden helyzetben.

A fájlátadás része lehet egy rövid útmutató is. Nem bonyolult dokumentum, csak pár sor arról, milyen méretben ajánlott használni az elemeket, milyen margóval működnek jól, és melyik változat való sötét háttérre. Szerintem ez különösen hasznos, ha a megrendelő nem tervező, hanem saját maga kezeli az oldal tartalmát.

Egyedi ikonok és a tipikus hibák

Sokan ott hibáznak, hogy túl sok mindent akarnak beletenni egy apró jelbe. Egy ikon nem miniatűr plakát. Nem kell mindent egyszerre elmondania. Elég, ha gyorsan felismerhető. A másik gyakori gond az, hogy a megrendelő külön-külön gondolkodik az elemekről. Kér egy kosarat, egy szívet, egy csomagot, egy pénztárcát. De nem nézi meg együtt őket. Ilyenkor a készlet darabos marad.

Gond még az is, amikor valaki kizárólag divatos minták alapján dönt. Ami egy inspirációs oldalon jól mutat, az nem biztos, hogy használható valódi felületen. A túl vékony vonalak eltűnnek. A túl játékos megoldások félreérthetők. Tapasztalatom szerint a jó minőség sokszor unalmasnak tűnik elsőre, mert visszafogott. De hosszabb távon ez működik jobban.

És van egy harmadik hiba is. A megrendelő nem írja le pontosan, milyen eredményt vár. Így a szakember kénytelen találgatni. Ebből jönnek a felesleges körök. Ha van pár képernyőkép, rövid feladatlista és pontos darabszám, a közös munka gyorsabb és nyugodtabb lesz.

Ikonok minősége és reális elvárások

Az ikonok minőségét nemcsak a rajz szépsége adja, hanem az, hogy jól működnek valós helyzetben. Látszanak kicsiben. Érthetők szöveg nélkül is. Illenek a felülethez. És nem kell őket magyarázni. Én azt látom, hogy a magánügyfelek gyakran túl sok egyediséget várnak egy nagyon kis elemben. Ez érthető, de van határ. Egy keresés ikon nem lesz teljesen új találmány. Inkább abban lehet jó, hogy szépen illeszkedik a többi elemhez.

Reális elvárás az, hogy a készlet egységes, tiszta és több helyen használható legyen. Kevésbé reális az, hogy néhány ezer forintért teljes rendszer, több stílusváltozat és korlátlan javítás is beleférjen. A jó online együttműködés alapja a pontos brief, a gyors visszajelzés és az, hogy mindkét oldal értse a feladat határait. Ha ez megvan, akkor egy magánszakemberrel végzett távoli munka kifejezetten hatékony tud lenni.