Blok 12 — Referát a prezentácia 🎓¶
Máš za sebou celú cestu: navrhol si web (časť 1) a postavil si ho s AI (časť 2). Posledný blok je o tom, aby si svoju prácu spísal a odprezentoval — presne tak, ako by si výsledok obhajoval pred klientom alebo šéfom. To je zručnosť, ktorú využiješ v každej práci, nech budeš robiť čokoľvek.
Dobrá správa: nič nové netvoríš. Všetky podklady už máš — dokument „Návrh webu", design brief, prototypy a nasadený web. Referát je ich poskladanie do jedného príbehu.
📄 Referát¶
Referát dokumentuje celý projekt od cieľa po hotový web. Štruktúra kopíruje bloky predmetu:
| Časť | Čo obsahuje | Body |
|---|---|---|
| Úvod | téma projektu, akú stránku som riešil | 1 |
| Cieľ | účel webu, 4 otázky (kto / aký problém / v čom lepší / prečo), KPI | 4 |
| Persóny | 3 persóny so scenármi 1. a 100. použitia | 4 |
| Informačná architektúra | mind mapa + ako vyplynula z persón, zistenia z card sortingu | 4 |
| Papierový prototyp | fotky obrazoviek + čo odhalil guerilla test a čo som zmenil | 3 |
| Interaktívny prototyp | screenshoty/odkaz, použitý nástroj, zistenia z druhého testu | 4 |
| Realizácia s AI | odkaz na nasadený web, ako prebiehala stavba, porovnanie výsledku s návrhom (čo sedí, kde a prečo som sa odchýlil), ukážka promptu a opravenej chyby | 6 |
| Záver | zhrnutie výsledku + čo by som nabudúce spravil inak | 1 |
| Spracovanie | logická nadväznosť, čitateľné obrázky, úprava | 3 |
| Spolu | 30 |
Červená niť = najviac bodov za najmenej práce
Najlepšie referáty ukazujú nadväznosť: persóna Lenka potrebuje rezervovať stôl → v architektúre je rezervačný formulár → v prototype má svoju obrazovku → na nasadenom webe naozaj funguje. Ak vieš takto previazať aspoň jednu potrebu od začiatku do konca, máš jadro referátu hotové.
Na čo sa najčastejšie zabúda
- Odkaz na živý web — over, že funguje v anonymnom okne prehliadača (Ctrl+Shift+N), nie len tebe.
- Porovnanie návrh vs. výsledok — odchýliť sa od prototypu je v poriadku, ale napíš prečo (to je manažérske rozhodnutie, nie chyba).
- Rozmazané fotky papierového prototypu — odfoť ich pri dobrom svetle.
🎤 Prezentácia¶
Krátka prezentácia tvojej práce (cca 5 minút, 5 bodov). Odporúčaná osnova:
- Téma a cieľ (1 snímka) — čo web robí, pre koho, prečo je lepší ako konkurencia.
- Najzaujímavejšia persóna (1 snímka) — jedna stačí, ale poriadne: problém → potreba → čo z nej na webe vzniklo.
- Od návrhu k webu (1–2 snímky) — mind mapa, fotka papierového prototypu, screenshot interaktívneho prototypu.
- Živý web (demo!) — otvor nasadenú stránku a preklikaj hlavnú cestu používateľa. Živé demo je pôsobivejšie než akákoľvek snímka; maj poruke screenshoty ako zálohu, keby zlyhal internet.
- Čo som sa naučil (1 snímka) — čo test odhalil, kde ma AI prekvapila, čo by som spravil inak.
Prezentuj rozhodnutia, nie chronológiu
Neopisuj „potom som spravil… a potom som spravil…". Povedz, čo si sa rozhodol a prečo: „Zistil som pri teste, že kolega nenašiel cenník, tak som ho presunul do menu." To je to, čo chce publikum (aj hodnotiaci) počuť.
✅ Checklist odovzdania¶
- Referát obsahuje všetky časti z tabuľky vrátane odkazu na nasadený web.
- Odkaz na web funguje v anonymnom okne a web je skontrolovaný (mobil, konzola bez chýb).
- Prezentácia má do 5 minút a obsahuje živé demo (+ záložné screenshoty).
- Referát aj prezentácia sú nahraté podľa pokynov vyučujúceho (termíny a miesto odovzdania nájdeš v Moodle).
📌 Zhrnutie predmetu¶
Prešiel si celý proces tvorby webu tak, ako beží v praxi:
cieľ → persóny → informačná architektúra → papierový prototyp → interaktívny prototyp → stavba s AI → kontrola a opravy → nasadenie → prezentácia
Odnášaš si dve zručnosti, ktoré sa nemenia ani s novými technológiami: vedieť navrhnúť riešenie pre skutočných ľudí a vedieť zadať prácu, skontrolovať ju a rozhodnúť — či už ju robí AI, dodávateľ alebo kolega. Veľa šťastia! 🎉