Navigációs ikonok készítése

Ikonok készítése

Az Ikonok készítése akkor hasznos igazán, amikor egy felületen gyorsan kell eligazodni, és a felhasználó nem akar hosszú szövegeket olvasni. Ez különösen igaz navigációs helyzetben. Egy jól megrajzolt jel megmutatja, hol van a menü, merre lehet továbblépni, hogyan érhető el a főoldal, a keresés, a profil vagy a beállítás. Magánmegrendelőként sokan csak annyit éreznek, hogy a saját oldaluk vagy alkalmazásuk valahogy nehézkes. De a gond gyakran nem a tartalommal van, hanem azzal, hogy a jelek nem segítik a tájékozódást. Budapest környékén is sok olyan kisebb projekt fut, ahol egy letisztult navigációs ikon készlet többet javít a használhatóságon, mint egy új szín vagy új betűtípus.

Szerintem sokan ott hibáznak, hogy az ikont kis rajznak tekintik. Pedig a navigációs ikon nem dísz. Inkább útjelzés. Ha a forma túl részletes, túl különleges vagy túl ötletes akar lenni, a felhasználó elveszíti a türelmét. Én személy szerint azokat a megoldásokat kedvelem, amelyek első pillantásra érthetők. Nem kell hozzájuk magyarázat. Nem kérnek külön figyelmet. Egyszerűen működnek. És ez sokkal nehezebb feladat, mint amilyennek elsőre látszik.

Volt egy eset, amikor egy ügyfél saját fotós portfólióoldalához rendelt ikonokat. Minden menüponthoz különleges, karakteres jelet akart. Papíron jól hangzott. A kész felületen viszont a látogató nem tudta elsőre, melyik ikon visz galériába, melyik a kapcsolat, és melyik nyitja meg a szolgáltatásokat. Végül visszaléptünk az alapokhoz. Egyszerűbb formák kerültek a helyükre, és a felület rögtön nyugodtabb lett. Sokszor a kevesebb itt tényleg több.

Navigációs ikonok valódi használatra

A navigációs ikonok tervezése mindig a használat helyével kezdődik. Más működik egy felső menüsorban, más egy oldalsó sávban, és megint más mobilos alsó navigációban. Egy főoldal ikon, egy visszalépés jel, egy nagyító, egy profil vagy egy kedvencekhez kapcsolódó forma olyan elemek, amelyek akkor jók, ha a felhasználó gondolkodás nélkül felismeri őket. Sok magánmegrendelő itt szeretne egyedi irányt. Ez érthető. De szerintem a navigációban az egyediség csak addig hasznos, amíg nem megy a világosság rovására.

Sokan túl sok apró részletet kérnek. Árnyékot, belső mintát, különleges körvonalat vagy több rétegű jelet. Csakhogy ezek kis méretben szinte mindig elvesznek. A felhasználó nem csodálni akarja az ikont, hanem használni. A jó jel gyorsabbá teszi a mozgást az oldalon. A rossz jel bizonytalanságot hoz. És ebből lesz az a kellemetlen érzés, hogy a felület valamiért kényelmetlen.

Én úgy látom, hogy a navigációs jeleknél három dolog számít a legtöbbet. Legyenek következetesek. Legyenek arányosak. És maradjanak jól láthatók sötét és világos háttéren is. A legtöbb hiba abból jön, hogy valaki egyetlen szépen kinéző ikont néz, nem pedig egy teljes rendszert. Márpedig az Ikonok készítése navigációhoz valójában rendszerépítés. Nem egy darab szép forma, hanem több jel együttműködése.

Ikonok készítése mobilra és webre

Ma már ritka, hogy egy felület csak egyetlen képernyőméreten jelenjen meg. Ami jól működik asztali nézetben, az mobilon könnyen túl apró vagy túl sűrű lesz. Ezért a navigációs ikonokat nem érdemes csak egyetlen méretben megtervezni. A vonalvastagság, a belső üres tér és az összkontúr ilyenkor mind számít. Sokan hibáznak, amikor ugyanazt a részletességet akarják megtartani minden nézetben. Pedig a jó mobilos ikon gyakran egyszerűbb, mint az asztali változat.

Budapest környékén sok privát megrendelő kis weboldallal vagy egyszerű alkalmazással indul. Ilyenkor gyakran az a cél, hogy a menü tiszta legyen telefonon is. A hamburgermenü ikon, a visszalépés jel, a keresés, a profil és az értesítések jele különösen fontos. Ha ezek nem egyértelműek, a felhasználó hamar elakad. És nem azért, mert nem ért hozzá. Hanem mert a felület nem segíti eléggé.

Volt már olyan munka, ahol minden ikon külön jól nézett ki, együtt viszont mégis furcsák voltak. Az egyik túl vastag volt, a másik túl könnyű, a harmadik belül zsúfolt, a negyedik túl sok üres teret hagyott. Apróságnak tűnik. De a használat közben ez nagyon is látszik. Szerintem a jó navigációs ikon készlet attól erős, hogy csendben tart rendet. Nem követeli ki magának a figyelmet.

Ikonok készítése árak

Az ár attól függ, hogy egyetlen ikon készül vagy teljes navigációs csomag, kell-e több méret, van-e meglévő stílus, szükséges-e javítás régi készleten, és hány egyeztetési körrel kell számolni. Az én tapasztalatom az, hogy a túl olcsó ajánlatok gyakran sablonos megoldást hoznak. Olcsóbban 10.000 alatt ritkán lesz igazán jól használható egy egyedi navigációs ikon. Főleg akkor nem, ha az több nézetben is működjön. Döntésnél szerintem ezt érdemes józanul nézni. A nagyon olcsó munka sokszor csak elsőre tűnik takarékosnak.

Én úgy látom, hogy a túl alacsony ár többnyire ott üt vissza, amikor az ikonokat valóban használni kell. Később derül ki, hogy nem elég tiszták, nem elég következetesek, vagy nem működnek mobilon. Ilyenkor újra kell tervezni az egészet. Ezért szerintem jobb egyszer rendesen megcsináltatni, mint kétszer félúton megállni.

Szakember választása ikonok készítéséhez

A megfelelő grafikus kiválasztása sokkal fontosabb, mint elsőre látszik. Nem minden jó rajzoló jó ikontervező. A navigációhoz készült jelek más gondolkodást kérnek. Itt nem a részletgazdag látvány a fő érték, hanem az, hogy a jel gyorsan értelmezhető legyen. Én azt javaslom, hogy a megrendelő ne csak a portfólió látványos képeit nézze, hanem azt is, hogy a tervező tud-e kis méretben működő rendszert építeni.

Sokan hibáznak, amikor csak az árat figyelik. Pedig legalább ennyire fontos, hogy a szakember milyen kérdéseket tesz fel. Rákérdez-e a háttérre. Kíváncsi-e arra, hol jelenik meg a készlet. Gondol-e mobilos és asztali használatra. Megkérdezi-e, hány menüpont lesz, kell-e sötét mód, és hogy a jelek mellett lesz-e felirat. Ezekből gyorsan kiderül, mennyire gondolkodik rendszerben.

Volt olyan ügyfél, aki a leggyorsabb ajánlatot választotta. A kész ikonok elsőre tetszetősek voltak, de a főoldal, a menü és a kategóriák jelei annyira hasonlítottak egymásra, hogy a látogatók bizonytalanok lettek. Végül új tervezőhöz került a munka. Ez gyakori történet. Szerintem nem az a jó szakember, aki mindent bonyolultan megrajzol, hanem az, aki tud egyszerűsíteni. A Qjob.hu felületén ezért érdemes olyan specialistát keresni, aki korábban már készített webes vagy mobilos felületekhez való jeleket.

Ikonok készítése Budapest és környéke

Budapest esetében sok magánmegrendelő nem nagy rendszerben gondolkodik, hanem kisebb saját felületben. Lehet ez fotós oldal, időpontfoglaló felület, személyes portfólió, tartalomgyűjtő oldal vagy egyszerű mobilos nézet. Ilyenkor a navigációs ikonok ugyanúgy számítanak, mint egy nagyobb projektben. A belvárosi közönségnek készülő felület gyakran gyorsabb, feszesebb ritmusú jeleket kíván. Budán vagy az agglomerációban futó személyes projektnél néha nyugodtabb képi hang is jól működik. Nem kell ezt túlgondolni. De a helyi használat néha mégis befolyásolja a vizuális döntéseket.

Budapest mellett sokszor felmerül Budaörs, Érd, Dunakeszi vagy Szentendre is. Ma már a munka legtöbbször online zajlik, mégis sok megrendelő jobban érzi magát, ha olyan specialistával dolgozik, aki érti a helyi közönséget és azt, milyen tempóban használják a felületet. Szerintem ez nem kötelező szempont, de bizonyos projekteknél segíthet. Főleg akkor, ha az oldal vagy alkalmazás kifejezetten helyi látogatóknak készül.

És igen, sokan azt gondolják, hogy a város teljesen mindegy. Valóban nem ez az első szempont. De amikor egy felület napi használatban van, gyakran mégis számít, milyen közeghez szól. A navigációs ikonok hangulata legyen közel ahhoz a világhoz, ahol a felület él. Ettől természetesebb lesz az egész.

Átadás és fájlok a későbbi használathoz

Sok megrendelő csak a kész látványra figyel, és kevésbé gondol arra, milyen fájlokat kap majd. Pedig ez hosszabb távon nagyon fontos. A jó átadás nem egyetlen képfájl. Inkább olyan csomag, amelyből a fejlesztő, a szerkesztő vagy maga a megrendelő is könnyen tud dolgozni. Jó, ha több méret van, átlátszó hátterű változat is készül, és nem kell minden apró módosításnál visszamenni a tervezőhöz.

Volt már olyan helyzet, amikor az ikonok jól sikerültek, de csak egyetlen méretben érkeztek meg. Később mobilos nézethez kisebb változat kellett volna, és újabb kör indult. Ez felesleges időveszteség volt. Én személy szerint jobban szeretem azokat a munkákat, ahol az átadás is átgondolt. Nem csak a szépség számít, hanem az is, hogy a készlet holnap és jövő hónapban is könnyen használható maradjon.

A navigációs ikon készítésnél szerintem a praktikum fél siker. Ha a megrendelő előre tudja, hol jelennek meg a jelek, a grafikus pedig ehhez igazítja az átadást, akkor sok későbbi bosszúság megelőzhető. Ez apróságnak tűnik, mégis itt dől el, mennyire lesz élhető a kész rendszer.

Gyakori hibák ikonok készítésénél

Az egyik leggyakoribb hiba a túl sok részlet. Rögtön utána jön a következetlenség. Az egyik ikon vastag, a másik vékony, a harmadik túl szögletes, a negyedik túl lágy. Ettől a teljes készlet szétesik. Másik gyakori probléma, hogy a megrendelő túl sok eltérő referenciát küld. Egyik minta lapos, másik térhatású, harmadik játékos, negyedik komoly. Ebből nehéz tiszta rendszert építeni.

Sokan hibáznak akkor is, amikor a különlegességet előrébb teszik az érthetőségnél. Egy túl ötletes menüikon elsőre érdekes lehet, de ha a felhasználó nem érti, mire való, akkor rossz döntés. Volt olyan ügyfél, aki ragaszkodott egy nagyon egyedi kereső ikonhoz. Neki tetszett, mert más volt, mint a megszokott nagyító. A látogatók viszont nem találták meg elsőre a keresést. Végül visszatettünk egy egyszerűbb jelet, és a gond megszűnt.

Az én tapasztalatom az, hogy a jó Ikonok készítése mindig visszafogottabb, mint amit a megrendelő első lelkesedésében elképzel. De ez nem baj. Inkább előny. A navigációs ikon akkor erős, ha nem kiabál, mégis egyértelmű. Nem akarja túlmagyarázni magát. Csak csendben segít haladni. És végül pont ettől válik igazán hasznossá.