Ízlésből rendszerbe: hogyan skálázod a döntést
Day 2 of 30 · The Playbook 2026 – Mesterkurzus Designereknek
Megtanulod, hogyan fordítasz szubjektív döntéseket explicitté: szabály, minta, dokumentáció.
Tanulási cél
- Fel tudsz írni 3 design döntést szabályként.
- Ismered a „Rule → Pattern → Doc” láncot.
- Létrehozol egy Playbook vázat (szekciók) a saját termékedre.
Miért fontos
- A nem dokumentált döntés újrajátszást okoz.
- A rendszeresség gyorsítja a fejlesztést és csökkenti a hibát.
- Playbook nélkül a design quality szór.
Magyarázat
Rule → Pattern → Doc
- Rule: egy mondatos döntés (pl. „CTA csak sárga alapon fekete, 12x16 padding”).
- Pattern: vizuális példa (jó/rossz, állapotok).
- Doc: hol található (Figma könyvtár, Confluence oldal, repo).
Playbook szerkezet v1
- Intent és hang
- Semantika (szín, tipó, forma, mozgás)
- Layout és tér
- Komponensek és tokenek
- Governance (változáskezelés, review)
Példák
Rossz: „Ha jól néz ki, oké.” – nincs lánc.
Jó: „Primary CTA: szabály + minta + Doc link. Más CTA nem használhat sárgát.”
Gyakorlat (vezetett, 10-15 perc)
- Írj 3 Rule-t a saját termékedre (CTA, kártya, űrlap).
- Mindháromhoz készíts Pattern leírást (jó/rossz, állapotok).
- Írd mellé, hova dokumentálod (Doc link vagy mappa).
- Állítsd össze a Playbook vázát a fenti 5 szekcióval.
Gyakorlat (önálló, 5-10 perc)
Dokumentáld 1 Rule-t a tényleges rendszeredben (Figma/Notion), oszd meg 1 fejlesztővel és kérj visszajelzést.
Önellenőrzés
- 3 döntés átírva Rule → Pattern → Doc láncba.
- Playbook váz elkészült.
- 1 szabályt publikáltál a csapatnak.
Opcionális mélyítés
- Polaris (Shopify) rendszer: https://polaris.shopify.com
- Atlassian Design System: https://atlassian.design