A digitális termékek ott vannak mindenhol. Amikor streamelve nézünk filmeket, ha beülünk az autónkba de akkor is ha online vesszük meg a buszjegyet. A felhasználói felületek tervezésének nagyon kötött szabályai vannak, amiket tudnunk kell felülírni. Ebben a kurzusban segítek megérteni a felhasználót és könnyen használható felületeket tervezni.
Mit tanulhatsz a kurzuson?
A kurzus nagy hangsúlyt fektet az UI tervezés elméleti alapjaira. Ezekből ismerhető meg a teljes folyamat, ami egy profi designert jellemez. Megismerheted azokat a szabályokat és trükköket, amik segítségével szintet léphetsz UI vagy webdesignerként.
1. Mi az a UI?
Ismerd meg a felhasználói felületek széles skáláját és azt, hogy mi a különbség a UI és UX között. Hol húzódik a határ a látvány és az élmény között?
2. Heurisztikus elemzés
A digitális termékek mint a weboldalak vagy mobilappok szigorú szabályok mentén jönnek létre hiszen funkciójuk van, amiket be kell tölteni. Ismerd meg ezeket a szabályokat, amiket heurisztikáknak hívunk!
3. A weboldal keretei
A header és a footer. Más-más funkcióval ellátott területek. Tanuld meg, hogyan kell olyan navigációt tervezni, amire ösztönösen ráérez a felhasználó!
4. Interakciók
Gombok, checkboxok, beviteli mezők… rengeteg dolog van amire kattinthatunk de nem mindegy mikor melyiket használjuk. Ismerd meg ezek funkcióját és a használatuk szabályait!
5. Első lépések
Az első lépésekben megismerheted a wireframezést vagy éppen az atomic design módszertant, de a perszóna alkotás is része az anyag. Fedezd fel azokat a feladatokat, amik megelőzik a tervezést és jobb designerré tesznek.
6. Responsive tervezés
A reszponzív tervezés sok designert megijeszt, pedig ha tisztában vagy az alapjaival, akkor játszótérré válik a gridsystem. Ismerd meg a játékszabályokat és tervezz bármilyen képernyőre!
7. Átadás
Egy UI designer munkája az is, hogy a fejlesztők számára értelmezhető anyagot adjon át. Tanuld meg, hogyan kell a fejlesztők keze alá dolgozni!
Tervezzünk weboldal és mobilappot!
A kurzus gyakorlati részeiben végig kísérheted, egy weboldal és egy mobil app tervezésének a lépéseit. A weboldal tervezés nem a Figma megnyitásával kezdődik éppen ezért bemutatom az előzetes munkákat is, amiknek a segítségével profi grafikussá válhatsz.
1. Perszóna alkotás
A kurzuson megtanulhatod, hogyan kell célcsoportnak megfelelően tervezni. Ismerd meg a módszert, hogy megismerhesd a felhasználót.
2. Sitemap tervezés
Egy oldal struktúráját összerakni nem könnyű feladat, Tudd meg, hogyan kell felhasználóbarát módon felosztani a funkciókat és az információkat.
3. Wireframezés
A wireframe szerinted is csak a weboldal fekete-fehérben? Akkor ideje jobban csinálni és megtanulni, mikor van szükség rá és, hogyan kell csinálni.
4. Landing oldalak
A landing oldalak az online marketing fontos eszközei. Tanuld meg, hogyan kell végig vinni a felhasználót úgy az információkon, hogy vásárlóvá váljon.
5. Mobil adaptáció
Az a weboldal, ami nem használható mobilon az nem létezik. Ismerd meg a szabályokat és a trükköket, hogyan kell mobilon is teljes élményt nyújtani.
6. Interaktív elemek
A felhasználónak ösztönösen tudnia kell mire kattintson. Ismerd meg a felhasználói gondolkodást, hogy miért kattintanak oda ahova és tanuld meg irányítani.
Kiknek szól?
A kurzust olyanoknak készítettem, akik vagy az iskolai rendszerben vagy autodidakta módon már megtanulták a grafikai alapjait és szeretnék a tudásukat elmélyíteni és szintet lépni a UI és webdesign világában.
Neked szól ha tisztában vagy a grafikai tervezés alapjaival és ismersz valamilyen UI tervezésre alkalmas szoftvert (Figma, Sketch, XD …)
Nem való...
azoknak, akik még sosem kerültek kapcsolatba a grafikai tervezéssel
azoknak a vállalkozóknak, akik saját maguk szeretnék elkészíteni a weboldalukat
azoknak, akiknek még a szoftvert is meg kell tanulni használni
