Webdesigner tanfolyam - UX / UI képzés

Egy weboldal elkészítésekor rengeteg mindenre kell figyelni, és bizony a tartalom mellett a megjelenés ugyanolyan elengedhetetlen szerepet játszik. Hiába remek a tartalom, ha a számára releváns információt a felhasználó csak hosszas keresgélés után találja meg.

Ugyancsak rettentően zavaró, ha egy honlap böngészése közben folyamatosan azt érezzük, hogy nehezen olvashatók a betűk, nem átlátható a menürendszer, vagy bántja a szemüket a választott szín és design.

A UX/UI webdesigner feladata pont az, hogy ezeket az esetleges hiányosságokat és problémákat felismerje, és orvosolja, hogy végül egy olyan weboldal jöjjön létre, amely tartalmában és megjelenésében egyaránt a felhasználó érdekeit szolgálja. Pontosan ezt tanítjuk meg ezen a webdesigner tanfolyamon.

UX - USER EXPERIENCE

A User Experinece a felhasználói élmény tervezését jelenti.

A UX magában foglal mindent, ami egy felhasználót érint, miközben egy weboldalt vagy mobil applikációt használ. A cél az, hogy a felhasználó minél inkább azt érezze a felület használata közben, hogy azt egyszerű kezelni, könnyen megtalál bármit, és megkapja a számára releváns információkat.

UI - USER INTERFACE

A User Interface, a felhasználói felület kialakítását jelenti.

A webdesigner kialakítja az adott weboldal, mobil applikáció megjelenését, beleértve a színeket, formákat, tipográfiát, képeket, stb. Teszi mindezt olyan módon, hogy az a felhasználók számára leginkább tetsző legyen, mert ezáltal tud a weboldal a leghatékonyabban működni.

I. UX Research - UX Webdesigner tanfolyam (8 alkalom)

1. Bevezetés: mi az a UX és UI? UX tervezés folyamata, feltáró kutatások I., Desk research

2. Feltáró kutatások II., interjú módszerek, -forgatókönyv, -flow, szintézis

WEBDESIGN TANFOLYAM

3. Szintetizálás, empathy map, affinity map, viselkedési változók, user journey, journey map, steakholder map, perszóna

4. Az ötletelés technikái: “how might we...?”, crazy eights, story boarding, mind mapping, user flow, master flow, sketching, brainstormin

5. Információs architektúra, felülettervezés, drótváz, navigációs módszerek, mobil web és natív appok, etikus design, mood board

6. UX Webdesigner: Bevezetés a Figma szoftverbe

7. Drótváz készítése figmában

8. Ellenőrző kutatások, használhatósági teszt, eredmények elemzése, fateszt, hőtérkép, teszt script, teszt scenario, toborzás, moderáció, usability report

Ezzel a témával zárul a webdesigner tanfolyam UX Designer része, és veszi kezdetét a Figma megismerése és gyakorlati használata.

II. UI tervezés és Figma webdesigner tanfolyam (16 alkalom)

1. Webdesign alapok. Bevezetés a Webdesignba és Alapelvek

1. Webdesign alapfogalmak és történelem
2. Felhasználói élmény (UX) és Webdesign
3. Design Alapelvek és Webdesignban való alkalmazásuk gyakorlati példákkal, esettanulmányokkal

2. Színek, Tipográfia és Képek a Webdesignben

1. Színek a Webdesignban (pszichológiai hatás, praktikus tippek a harmonizáláshoz
2. Tipográfia a Webdesignben, stílusok és azok alkalmazása
3. Képek és Grafika a Webdesignben, kreatív megközelítések és inspirációk

3. Responszív Design és Usability

1. Responszív Design Alapjai (mobil első megközelítés és adaptív design gyakorlati alkalmazása)
2. Usability és Testreszabás
3. Webdesign Projekt Koncepciók és Prezentáció

4. Webdesign Eszközök és Források

1. Webdesign Eszközök és Szoftverek
2. UI kit-ek, ikonkészletek és stock fotók böngészése
3. Karrierlehetőségek a Webdesignben (szakmai ösvények, portfólió, önéletrajz optimalizálása)

5. Figma a gyakorlatban

1. Figma alapok, felületek, eszközök, funkciók, fájlkezelés megismerése
2. Gyakorlati feladat: Ismerkedés az eszköztárral, egyszerű formák és alakzatok létrehozása, wireframe készítése

6. Elrendezési elvek és technikák

1. Drótvázak és alaptervek készítése
2. Frame-ek használata gyakorlati feladatokon keresztül

7. Tipográfia a Figmában

1. Szövegstílusok
2. portfólió oldal tipográfiájának elkészítése több variációban

8. Színek és stílusok használata, színpaletta létrehozása, testreszabása gyakorlati feladatban, prezentáció készítése

9. Ikonok és illusztrációk integrálása, létrehozása, SVG fájlok kezelése, gyakorlati feladatban saját ikonszett elkészítése

10. Interaktív prototípusok készítése Figmában, gyakorlati feladatban, interakciók és átmenetek beállítása

11. Komponensek és újrahasználható elemek kezelése, létrehozása gyakorlati feladatban, variánsok és újrahasználhatóság

12. Haladó layout technikák, rácsok és oszlopok, autolayout és reszponzív design, beágyazott elrendezések, gyakorlati feladat

13. Képek és média integrációja, importálás és kezelés, média gyűjtemény készítése a gyakorlatban és webre optimalizálása

14. Animációk és mikrointerakciók szerepe, beállítása, gyakorlati feladatként egy rövid videó vagy gif készítése

15. Tervezési rendszerek és stílus útmutatók készítése és alkalmazása

16. A végleges projekt bemutatása és értékelése, vizsgafeladatok bemutatása és záró értékelés

A webdesigner tanfolyam során gyakorlatorientált oktatásban részesülsz, így valódi projekteken keresztül tanulhatod meg a szakma alapjait.

A kezdőtől a haladó szintig építjük fel a webdesigner tudásodat, lépésről lépésre.