Riportdesign röviden
A jó riport nem azért jó, mert szép, hanem mert gyorsan megválaszolja a kérdést, ami miatt megnyitották. Ehhez három dolog kell: a megfelelő diagramtípus, kiszámítható elrendezés és visszafogott, jelentéssel bíró színhasználat.
Az alábbi elvek nem esztétikai ízlésről szólnak, hanem arról, hogyan dolgozza fel az emberi szem az információt – ezért működnek szinte minden riportnál.
Melyik diagram mikor?
A diagramválasztás a kérdés típusából következik, nem ízlésből.
| A kérdés | Ajánlott vizuál | Megjegyzés |
|---|---|---|
| Mennyi most az érték? | Kártya (Card), KPI | Mellé mindig tegyen viszonyítást: előző időszak vagy célérték. |
| Hogyan alakult időben? | Vonaldiagram | Az idő mindig a vízszintes tengelyen, balról jobbra. |
| Melyik kategória a nagyobb? | Oszlop- vagy sávdiagram | Hosszú kategórianeveknél vízszintes sávdiagram, csökkenő sorrendben. |
| Miből áll össze az összeg? | Halmozott oszlop, vízesés (waterfall) | Az eltérés magyarázatára a vízesés a legbeszédesebb. |
| Van-e összefüggés két mutató között? | Pontdiagram (scatter) | Kevés adatpontnál működik jól; a buborékméret egy harmadik dimenzió lehet. |
| Mik a részletek soronként? | Táblázat, mátrix | Ne ez legyen az oldal főszereplője – a részletek a fúrás (drill) végén jöjjenek. |
| Hol, milyen területen? | Térkép | Csak ha a földrajzi elhelyezkedés valóban számít; egyébként a sávdiagram pontosabb. |
A kördiagram (pie/donut) használatát érdemes 2–3 szeletre korlátozni: a szögek összehasonlítása pontatlan. Ugyanaz az információ sávdiagramon szinte mindig jobban olvasható.
Oldal-elrendezés: felülről lefelé, általánostól a részletig
Az olvasó a bal felső sarokból indul. Ezért a legfontosabb összefoglaló mutató kerüljön oda, és haladjunk lefelé a részletek felé.
- Felső sáv: 3–5 KPI-kártya a legfontosabb mutatókkal, viszonyítással.
- Középső blokk: az idősoros trend és a fő bontás (régió, termék, csatorna).
- Alsó blokk: részletes táblázat vagy magyarázó vizuál.
- Szűrők: egy helyen, következetesen – lehetőleg minden oldalon ugyanott (a bal oldali vagy felső sávban).
- Egy oldal, egy kérdés: ha egy oldal két különböző kérdésre válaszol, csináljon belőle két oldalt.
A vizuálok igazítása és egyenletes térköze nem kozmetika: a rendezetlen elrendezés lassítja az olvasást. A Power BI beépített igazítási segédeszközei (Align, Distribute) ehhez elegendők.
Színhasználat – a szín információt hordozzon
A leggyakoribb hiba, hogy minden vizuál más-más színpalettát használ, így a szín elveszti a jelentését. Az alapelv: ha egy elem színes, annak oka van.
- Egy kategória = egy szín, minden oldalon. Ha az „Északi régió" kék az egyik oldalon, legyen kék a másikon is.
- Semleges alap: a háttér és a nem kiemelt elemek szürkék legyenek – a színt tartsa fenn a kiemelésre.
- Irány jelzése: a jó/rossz jelzésnél ne csak szín különböztessen (ld. akadálymentesség), hanem ikon vagy nyíl is.
- Céges arculat: egyedi témát JSON-fájlban lehet definiálni, és minden riportra alkalmazni – ez teszi egységessé a riportokat.
- Kerülje a színátmeneteket és a 3D hatást – nehezítik a pontos leolvasást.
Szűrők, fúrás és keresztszűrés
A Power BI ereje az interaktivitásban van – de csak akkor, ha a felhasználó érti, mi történik kattintásra.
- Szeletelő (slicer): a leggyakrabban használt szűrőknek. Kevés legyen belőle, és állítsa be az alapértelmezett kijelölést.
- Szűrőpanel (Filters pane): a ritkábban használt vagy technikai szűrőknek.
- Keresztszűrés: alapból egy vizuálra kattintva a többi is szűrődik. Ellenőrizze, hogy ez a viselkedés minden oldalon értelmes-e (Edit interactions).
- Fúrás (drill-through): a részletekhez ne az oldalt zsúfolja tele – készítsen külön részletező oldalt, ahová jobb kattintással lehet eljutni.
- Könyvjelzők (bookmarks): nézetváltásra jók (pl. „diagram / táblázat" váltás), de mértékkel – a túl sok rejtett állapot nehezen karbantartható.
- Alaphelyzet gomb: egy „Szűrők törlése" gomb sok bosszúságtól kíméli meg a felhasználókat.
Akadálymentesség – nem opcionális
A férfiak nagyjából 8%-a színtévesztő, és sokan mobilon vagy vetítőn nézik a riportot. Néhány egyszerű lépés sokat javít:
- Ne csak szín jelezzen jelentést – tegyen mellé ikont, előjelet vagy feliratot.
- Kerülje a piros-zöld párost önmagában; a kék-narancs pár biztonságosabb.
- Gondoskodjon elegendő kontrasztról szöveg és háttér között.
- Adjon minden vizuálnak beszédes címet, és töltse ki az alternatív szöveget (Alt text).
- Állítsa be a tabulátorsorrendet (Tab order), hogy billentyűzettel is bejárható legyen az oldal.
- Ne használjon 9 pontnál kisebb betűméretet.
Amit érdemes kerülni
Ami segít
- Beszédes cím: „Árbevétel alakulása 2026-ban" a „Diagram" helyett.
- Egységes számformátum (ezres elválasztó, tizedesjegyek).
- Üres állapot kezelése: mit lát a felhasználó, ha nincs adat?
- Az adatfrissítés időpontjának kiírása az oldalra.
- Rövid magyarázó szöveg a fogalmakhoz (tooltipben).
Ami zavar
- 15 vizuál egyetlen oldalon.
- Csonkolt (nem nullától induló) tengely oszlopdiagramon.
- Kördiagram nyolc szelettel.
- Egymást keresztező, dekoratív elemek.
- Rövidítések és belső kódnevek magyarázat nélkül.
Egyedi arculatra van szüksége?
A kalkulátorban külön tételként jelölheti az egyedi riport-témát és a mobil nézetet – így látja, mennyivel jár ez a fejlesztési ráfordításban.
Kalkulátor indítása