UI/UX a videójátékokban

Ismerd meg a UX (felhasználói élmény) és UI (felhasználói felület) tervezők szerepét a játékfejlesztésben, és tudd meg, hogyan dolgoznak együtt a magával ragadó játékélmény megteremtése érdekében.

• - Felhasználók helyett játékosoknak tervezni
• - A UI/UX-tervezők szerepe a játékfejlesztésben
• - Hogyan dolgoznak együtt a UI/UX-tervezők
• - Betekintés a UX és UI-szerepekbe

Megtanulsz olyan folyamatábrákat készíteni, amelyekkel az UI/UX-megoldásokat kollaboratív kontextusban fejlesztheted.

• - Alapvető játékosperszónák
• - Folyamatábrák létrehozása és a szükséges szoftverek áttekintése
• - Folyamatábrák használata UI/UX-problémák megoldására
• - Demó: Mock folyamatábrák létrehozása a Figmában

01. feladat:
A képzés résztvevői elkezdik kidolgozni a kurzusprojektjüket: először is választanak a három játékbrief közül. Ezután a megadott adatok és a sablon használatával elkezdik kidolgozni a folyamatábrát.

Ismerkedés a különböző típusú moodboardokkal, hogy megtaláld az adott UI-hoz ideális stílust.

• - A moodboard fontossága
• - Moodboard-típusok és stílusok
• - A moodboard koncepciójának megalkotása szóban
• - UI-képernyőmockupok létrehozása moodboardokkal

02. feladat:
Moodboard létrehozása Figmában. A koncepcionális ötletek kiválasztása a játékprojekt UI-stílusának megalkotásához.

A videójátékok felhasználói felületeit készítő művészek által használt megközelítések megismerése, a különböző felhasználói felületek elemeinek és típusainak felfedezése.

• - A UI-tervezés alapvető elemei
• - A videójátékokban található felületek típusai
• - Esettanulmány: Játékműfajok és azok felületei

A különböző típusú eszközökre vonatkozó UI/UX-megoldások fejlesztéséhez szükséges alapvető UI-szempontok megismerése.

• - Videójáték-eszközök: PC, konzol és mobil
• - UI-tervezés multiplatform videójátékokban
• - A videójátékok UI evolúciójának felfedezése a jobb felületek létrehozása érdekében

A drótvázak (wireframes) már a játékfejlesztés legkorábbi szakaszában is segíthetnek a UI/UX céljaid elérésében.

• - Magas kidolgozottságú (high-fidelity) vs. alacsony kidolgozottságú (low-fidelity) drótvázak
• - Drótváz készítése játékokhoz: alapvető elméletek
• - Demó: Drótváz létrehozása a Figmában

03. feladat:
A kiválasztott brief használatával drótváz készítése egy játékosprofil-képernyőhöz a játékprojektedben.

A következő lépés a videójáték-fejlesztés útján: interaktív prototípus létrehozása a felhasználói felület teszteléséhez, a használhatósági tesztek visszajelzéseinek elemzése.

• - Használhatósági tesztelési kritériumok és prioritások
• - Tesztelési terv kidolgozása
• - A használhatósági teszt visszajelzéseinek kezelése
• - Demó: Prototípus kidolgozása a Figmában

04. feladat:
Interaktív prototípus létrehozása a játékprojekthez a Figma használatával, egyszerű animációk hozzáadása a drótvázhoz.

A képzés résztvevői megtanulják, hogyan alakíthatják ki a felhasználói felület identitását anélkül, hogy elveszítenék az előző lépésekben elért eredményeket.

• - Mockup létrehozása és a szükséges szoftverek áttekintése
• - UI mockupok és következetes design
• - Style guide alapján való munka
• - Demó: Mockup kidolgozása UI kit használatával Figmában

05. feladat:
UI mockup létrehozása. A drótváz átdolgozása videójáték-képernyővé az Ariel által biztosított UI kit segítségével, vagy a saját UI-elemeid létrehozásával (Photoshoppal vagy egyéb eszközökkel).

A UI megvalósításának felvállalásával jobb UI artisttá válhatsz. Tudd meg, miért!

• - Legjobb gyakorlatok a UI-elemek létrehozása során a videójátékokban
• - Elemek megvalósítása és a szoftverek áttekintése (Unity, Unreal, keretrendszerek)
• - Alapszintű hibajavítás
• - Demó: Alapszintű UI-megvalósítás a Unity szoftverben

06. feladat (opcionális):
A megadott UI-elemek megvalósításának gyakorlása Unityben, a képernyősablon használatával.

Csatlakozz egy különleges beszélgetéshez Giuliano Arccuccival, az Epic Games játék UX igazgatójával, hogy mélyebben megértsd a játékosok viselkedését, illetve a haladó UX-módszertant és a kognitív alapelveket.

• - Különböző UX-szerepek: kutató, író, tervező és elemző
• - Érzelmek, motivációk és a figyelem megértése
• - Játékosperszónák: viselkedési és tapasztalati módszerek
• - UX heurisztikus értékelések és szakértői elemzés

Tanuld meg, hogyan készíthetsz gördülékeny onboarding élményt minden játékos számára.

• - Az első felhasználói élmény (first-time user experience, FTUE) keretrendszer
• - „Walkthrough” vs. „hands-on” megközelítések
• - A tanulási loop használat közben
• - Tutorialok létrehozása

A játékok akadálymentessé tétele lehetővé teszi, hogy többen élvezhessék őket.

• - Akadálymentesítési útmutató
• - Színvakság
• - Hanggal kapcsolatos fogyatékosság
• - Alternatív vezérlés

07. feladat:
Végezz színvaksági tesztet a mockupodon egy színvakság-szimulátor segítségével.

Fejleszd a UI/UX-tervezőként szükséges soft készségeket, és tanulj meg együttműködni más érdekelt felekkel a játékfejlesztés különböző szakaszaiban.

• - Átfedések a UI/UX szerepek között a játékgyártás során
• - Többfunkciós csapatokkal való együttműködés
• - Kiegészítő készségek a UI/UX területén való fejlődéshez
• - Videójátékfejlesztő cégek: találd meg a neked valót

Kezdd el elkészíteni a portfóliódat, készülj fel az interjúkra, és tervezd meg a karriered fejlődését UI/UX-tervezőként a játékfejlesztés területén.

• - Önéletrajz, portfólió és egyéb, a LinkedIn-profilodat erősítő elemek
• - Interjúzás és fontos iparági kérdések
• - Terv a karriered fejlesztéséhez
• - Problémák a játékfejlesztésben

08. feladat:
A játékprojekt összes darabjának összeillesztése a UI/UX-tervezési esettanulmányban. Ezt integrálhatod jelenlegi portfóliódba, vagy készíthetsz egy újat is a mellékelt Figma-sablon segítségével.