Programozási tanfolyamok ikonjainak tervezése

Tanfolyam ikonok tervezése

A tanfolyam ikonok tervezése akkor működik jól, ha a leendő hallgató már az első pillanatban érti, mit kap, milyen szintre szól az anyag, és mennyire rendezett a felület. Egy jó ikon nem csak dísz. Irányt ad, segít a tájékozódásban, és sokszor gyorsabban közöl egy funkciót, mint egy hosszú felirat. Programozási képzéseknél ez különösen fontos, mert a felhasználó egyszerre lát modulokat, leckéket, feladatokat, vizsgákat és letölthető anyagokat. Ha ezekhez összevissza jelek társulnak, az egész kurzus amatőrnek hat.

Szerintem itt nem a látvány az első kérdés, hanem a használhatóság. Sok megrendelő túl korán kezd a színek és az árnyékok felől gondolkodni, miközben előbb azt kell rendbe tenni, hogy melyik jel mit jelent. A kurzusikonok akkor jók, ha kis méretben is érthetők, fekete fehér nézetben sem esnek szét, és mobilon is gyorsan felismerhetők. Aki tananyaghoz kér ikonkészletet, általában nem egyetlen képet akar, hanem egy rendszert.

Kurzusikonok szerepe a felületen

A programozási oktatás felületén az ikonok több helyen jelennek meg. Ott vannak a fő kategóriáknál, a leckelistában, a videók mellett, a feladatoknál, a tudásszint jelölésénél és a bizonyítvány oldalon. Ha minden elem más stílusban készül, a felület szétesik. Ha viszont az oktatási ikonok egy közös szabály szerint épülnek fel, az oldal nyugodtabb és hitelesebb lesz.

Én személy szerint a visszafogott, tiszta formákat kedvelem. Programozási tanfolyamnál ritkán válik be a túl játékos megoldás. Egy kezdő gyerekeknek szóló tananyag persze lehet puhább és barátságosabb, de egy felnőtteknek szánt képzésnél a túl rajzfilmszerű jel hamar komolytalanná teszi az oldalt. Sokszor már attól javul a felület, hogy az összes tananyagikon azonos vonalvastagsággal, azonos sarokkerekítéssel és azonos belső aránnyal készül.

Sok hibát látni a gyakorlatban. Gyakori, hogy a megrendelő különböző helyekről összeválogatott jelekkel próbál dolgozni. Az egyik ikon vastag körvonalas, a másik telített, a harmadik árnyékos, a negyedik teljesen lapos. Ettől nem lesz egységes rendszer. Volt olyan eset, amikor egy ügyfél ugyanahhoz a programozási tananyaghoz három eltérő készletből rakta össze a moduljeleket. A felhasználók nem tudták, mi tartozik össze, és a visszajelzésekben többször előkerült, hogy a felület zavaros. Amikor egy ikontervező újrarendezte az egészet, ugyanaz a tartalom hirtelen sokkal átláthatóbb lett.

Ikonok tartalma programozási tanfolyamokhoz

A programozási képzéseknél a témák viszonylag kiszámíthatók, de az ikonoknak mégsem szabad sablonosnak lenniük. A legtöbb felületen megjelenik a kezdés, a haladás, a kód, a hibajavítás, a projektmunka, a teszt, a letöltés és a közösségi segítség. Ezeket lehet egyszerű jelekkel megfogni, de csak úgy, ha közben nem vesznek össze egymással. A zárójel, a kurzor, a fogaskerék vagy a pipa önmagában kevés. A fontos az, hogy a teljes készlet logikusan kapcsolódjon.

Sokak szerint minél részletesebb egy jel, annál jobb. Én ezt nem így látom. Kicsi méretben a részlet nem előny, hanem zaj. Egy jó grafikus inkább leegyszerűsít. Kiválasztja azt az egy formát, amit a felhasználó elsőre felismer. A programozási témáknál külön figyelni kell arra is, hogy a jel ne legyen túl általános. A kódot mutató ikon ne legyen összetéveszthető a beállításokkal. A gyakorló feladat ne hasonlítson egy sima dokumentumra. És a vizsga se nézzen ki ugyanúgy, mint a házi feladat.

Hasznos, ha a megrendelő már az elején listát ad arról, milyen tananyagrészekhez kell jel. Ilyenkor gyorsabban kiderül, kell e külön ikon az élő órákhoz, a mentoráláshoz, a hibakereséshez vagy a projektleadáshoz. Az is fontos, hogy az oktatási ikonok ne csak szép állapotban készüljenek el, hanem több háttéren is működjenek. Világos és sötét nézetben is meg kell állniuk a helyüket.

Árak és csomagok

Az ár nagyban függ attól, hogy egyetlen jelről van szó, vagy teljes készletről. Számít a stílus keresése, a vázlatok száma, a javítások köre és az is, hogy kell e több méret vagy külön változat mobilra és asztali nézetre. Olcsón is lehet találni vállalást, de szerintem a túl alacsony díj itt gyakran visszaüt. A 8.000 alatti egyedi ár ritkán ad valóban átgondolt munkát, főleg akkor, ha a megrendelő tanfolyami rendszert épít, nem csak egy díszítő elemet kér.

Ezek nem merev tarifák, inkább reális sávok. És persze az is számít, hogy kezdő vagy tapasztalt grafikus dolgozik rajta. Ha valaki csak gyorsan összerakna pár piktogramot, találhat olcsóbb megoldást. De az ilyen munka sokszor utólag kerül többe. Újra kell rajzolni, javítani kell az arányokat, hiányoznak a fájlformátumok, vagy a jelek nem olvashatók kis méretben.

Ikontervező választása

Ikontervező választásánál nem elég azt nézni, hogy valaki szépen rajzol e. A fontos kérdés az, hogy tud e rendszerben gondolkodni. Egy jó szakember megkérdezi, hol jelennek meg a jelek, milyen méretben használják őket, milyen közönségnek készül a tanfolyam, és hány elemre lesz szükség később. Ebből látszik, hogy valóban érti a feladatot, vagy csak egy gyors látványtervet akar eladni.

Én a portfólióban mindig azt keresném, van e benne egységes készlet, nem csak egyenként jól kinéző darabok. Sok megrendelő ott hibázik, hogy beleszeret egy látványos drótvázba, de nem nézi meg, hogyan működik a teljes sorozat. Pedig a valós használatban nem egy ikon látszik, hanem tíz vagy húsz együtt. Ilyenkor derül ki, mennyire tartott azonos ritmust a grafikus, mennyire következetes a vastagság, és mennyire olvasható minden elem.

Qjob.hu felületén is érdemes olyan szakembert keresni, aki mutatott már oktatási, felhasználói felülethez készült vagy kisebb méretre optimalizált munkát. Nem baj, ha nem kifejezetten programozási tanfolyammal dolgozott korábban. Az viszont sokat számít, hogy értse a logikát. A programozási képzésnél a vizuális rend legalább olyan fontos, mint maga a tartalom. Egy jó grafikus vagy illusztrátor ezt általában gyorsan felismeri.

Kerületek és külső helyszínek

Bár az ilyen munka távolról is végezhető, a helyi egyeztetésnek néha mégis van értelme. Főleg akkor, ha a tanfolyam mögött iskola, képzőhely vagy fejlesztőcsapat áll, és több ember szeretné egyszerre átbeszélni az irányt. Ilyenkor felmerülhet személyes találkozó belvárosi irodában, Újbudán, Zuglóban vagy a külsőbb részeken is. És ha a megbízó az agglomerációban dolgozik, azt is jó előre tisztázni, mert a személyes körök időt és plusz költséget hozhatnak.

Szerintem a helyszínnél fontosabb az, hogy a brief rendezett legyen. Sokszor a személyes megbeszélés sem segít, ha nincs meg a modulok listája és a felhasználási környezet. De volt már olyan helyzet is, amikor egy közös áttekintés sok félreértést megelőzött. Egy ügyfél eredetileg minden leckéhez külön ikont akart. A megbeszélés után kiderült, hogy elég lett volna nyolc alapelem, mert a túl sok jel inkább zavarta volna a tanulókat. Ezzel pénzt és időt is spóroltak.

Ha valaki helyi szakemberrel dolgozna, érdemes rákérdezni arra is, vállal e későbbi bővítést. A tanfolyami felületek ritkán maradnak változatlanok. Jönnek új modulok, új vizsgák, külön mentorblokk vagy letölthető mintafeladat. Ilyenkor nagyon kényelmes, ha ugyanaz a tervező később is elérhető, és nem kell másnak megfejteni a korábbi rendszert.

Gyakori hibák a rendelésnél

A legtöbb probléma nem a rajzolásnál kezdődik, hanem a rossz kérésnél. Sokan csak annyit írnak, hogy kellene pár ikon egy programozási tanfolyamhoz. Ez túl kevés. Nem derül ki belőle, hány darab kell, milyen felületre, milyen hangulatban, és hogy a megrendelő pontosan mire használja őket. A másik gyakori hiba az, amikor valaki egyszerre kér nagyon olcsó, nagyon gyors és nagyon egyedi megoldást. Ez a három együtt ritkán teljesül.

Mások ott hibáznak, hogy minden ötletet bele akarnak zsúfolni egy apró jelbe. Egy ikon nem plakát. Nem kell benne laptop, zárójel, nyíl, könyv, csillag és pipajel egyszerre. Minél többet akar valaki megmutatni, annál kevésbé lesz érthető a végeredmény. Szerintem itt a visszafogás nem hiányosság, hanem szakmai erő.

És van még egy visszatérő gond. Sok ügyfél csak a főoldalra gondol, de nem kéri el a forrásfájlokat és a szükséges exportokat. Később, amikor appban, tanulói felületen vagy nyomtatható segédanyagban is használni szeretné a jeleket, kiderül, hogy nincs megfelelő változat. Ezt jobb előre tisztázni. Egy tapasztalt ikontervező erre magától is rákérdez.

Mikor éri meg teljes készletben gondolkodni

Teljes készletet akkor érdemes rendelni, ha a tanfolyam nem egyetlen oldalból áll, hanem hosszabb távra készül. Ha lesz több modul, szintfelmérő, gyakorlati rész, hibajavító blokk és közösségi felület, akkor a különálló jelek helyett célszerű egységes rendszerben gondolkodni. Ez elsőre nagyobb kiadásnak tűnhet, de hosszabb távon kevesebb javítást és kevesebb vizuális káoszt hoz.

Az is ezt támasztja alá, hogy a felhasználók gyorsan megszokják a vizuális mintákat. Ha a haladó szintet egyszer egy rakéta, másszor egy csillag, harmadszor egy dupla nyíl jelöli, az csak összezavarja őket. A stabil rendszer jobb élményt ad. És őszintén szólva szerintem megbízhatóbbnak is látszik tőle az egész képzés.

Ha valaki most keres szakembert ilyen munkára, én azt javasolnám, hogy ne csak egy szép nyitóikont kérjen. Inkább gondolja végig a teljes utat. Mire kattint a tanuló az első perctől a zárófeladatig. A jól felépített tanfolyam ikonok tervezése erről szól. Nem csak rajzolásról, hanem világos szerkezetről, következetes jelrendszerről és olyan döntésekről, amelyek később is használhatók maradnak.