Návrh rozloženia zostavy

13 min

Rozloženie strany v zostavách, ktoré vytvoríte v aplikácii Power BI Desktop, bude pravdepodobne závisieť od požiadaviek súvisiacich s vaším podnikaním, kontextu použitých údajov aj požiadaviek na výstup. Ak napríklad navrhujete tabuľu, budete musieť prezentovať základné informácie na jedinej strane. V prípade, ak navrhujete zostavu, navrhujete zobrazenie svojej množiny údajov z viacerých uhlov možných pohľadov, pomocou vizuálov, ktoré predstavujú rôzne zistenia a závery vyplývajúce z použitej množiny údajov.

Najlepšie postupy pri navrhovaní zostavy

Prvým krokom pri navrhovaní výnimočného rozloženia zostavy je výber správneho formátu. Je pravdepodobné, že váš manažér (alebo ktokoľvek, kto vás požiadal o zostavu) vám predostrie aj požiadavky týkajúce sa formátu. Ak nie, budete musieť vziať do úvahy publikum a popremýšľať o druhu formátu, ktorý by mohlo chcieť.

Ak majú napríklad používatelia zostavy technické pozadie a hľadajú konkrétne fakty, môžete použiť niekoľko komplexných vizuálov popisujúcich potrebné podrobnosti spolu s interaktívnymi rýchlymi filtrami. Naopak, ak vaši používatelia hľadajú rýchle stručné prehľady základných údajov, stačí použiť malý rozsah základných vizuálov.

Aj vtedy, ak ste dostali určité požiadavky na rozloženie, stále treba dôkladne zvážiť publikum zostavy. Vaším cieľom je poskytnúť publiku potrebné informácie v optimálnej podobe. Aj keď by vás mohol tlačiť váš pevný názor na to, ktoré údaje sú dôležité a aký spôsob ich zobrazenia je najvhodnejší, zostava nie je určená vám, ale konkrétnym ľuďom, ktorí podľa nej budú vykonávať obchodné rozhodnutia.

Kľúčové je vziať úvahy rôzne potreby publika zostavy. Publikum môže byť sluchovo, motoricky, kognitívne aj zrakovo znevýhodnené. Ak sa chcete týmto potrebám prispôsobiť, mali by ste vytvoriť zostavu, ktorá bude prístupná a zrozumiteľná, čo znamená, že sa v nej bude dať jednoducho navigovať a bude pochopiteľná pre používateľov pracujúcich s klávesnicou, ale aj s čítačkou obrazovky. Ďalšie informácie o navrhovaní a konfigurácii zostavy zodpovedajúcej potrebám zjednodušenia ovládania nájdete ďalej v ďalších sekciách.

Starostlivo zvážite každý vizuál a prvok, ktorý plánujete použiť v zostave. Všetko, čo použijete, má mať svoj účel, a treba zvážiť, ako budú jednotlivé prvky vnímať používatelia zostavy. Aj keď možno budete musieť zvážiť veľa rôznych typov vizuálov, aby ste zostavu spestrili alebo demonštrovali svoje zručnosti, niekedy svoju úlohu najlepšie splní úplne jednoduchý vizuál. Je pravdepodobné, že vaša organizácia nastavila na vytváranie zostáv isté pravidlá, v tom prípade budete musieť použiť presnú farebnú schému aj typ písma. Majte na pamäti, že čím viac vizuálov vo svojej zostave použijete, tým viac to ovplyvní výkon vašej zostavy.

Ďalšie kľúčové zásady vytvárania správne navrhnutého rozloženia zostavy:

Nakreslite si náčrt rozloženia zostavy. Tento prístup vám pomôže získať predstavu o tom, ako bude zostava vyzerať, ešte predtým, ako strávite značný čas jej fyzickým navrhovaním. Prípadne môžete nakresliť viacero náčrtov, v ktorých si otestujete rôzne nápady, a potom ich prediskutovať so svojim tímom, ktorý vám pomôže vybrať čo najlepší návrh.
Zamerajte sa na najdôležitejšie informácie. Zvýraznite kľúčové súčasti svojej zostavy pomocou jasných farieb alebo ikony súhrnu, vďaka čomu vystúpia do popredia a používatelia sa môžu zamerať na najdôležitejšie metriky.
Vyberte pozadie vyhovujúce kontextu zostavy. S bielym pozadím môže zostava vyzerať úhľadne a profesionálne, zatiaľ čo čierne pozadie môže upriamiť pozornosť na farebné zvýraznenia v zostave. Vizuálny záujem pridáte použitím obrázkov ako pozadia.

Na nasledujúcom obrázku je zobrazené nesprávne navrhnuté rozloženie zostavy, akému by ste sa mali vyhnúť. Neskôr je uvedený príklad rovnakej zostavy, ale s lepším dizajnom.

V nasledujúcich častiach nájdete podrobnejšie pokyny na nastavenie stránky zostavy a používanie vizuálov.

Stránka zostavy

Je dôležité vziať do úvahy, že vy aj používatelia budete zostavu zobrazovať na obrazovkách s rôznou veľkosťou aj pomerom strán.

Predvolené zobrazenie používa nastavenie Prispôsobiť strane, čo znamená, že obsah sa prispôsobí tak, aby sa zmestil na jednu stranu. Ak potrebujete toto zobrazenie zmeniť, prejdite na kartu Zobrazenie, vyberte položku Zobrazenie strany a potom vyberte preferovanú možnosť zobrazenia strany, ako je znázornené na nasledujúcom obrázku.

Ak chcete získať prístup k nastaveniam strany, vyberte prázdny priestor na plátne zostavy, čím otvoríte tablu Formát. Potom môžete nakonfigurovať nasledujúce nastavenia tak, aby vyhovovali vašim potrebám: Informácie o stránke, Zarovnanie strany, Veľkosť strany, Tapeta, Pozadie strany a Tabla Filter.

Vizuály

Možno budete chcieť vo svojej zostave použiť kombináciu vizuálov, ako sú karty, grafy, tabuľky, rýchle filtre a podobne. Je dôležité, aby ste na strane použili správny počet vizuálov a následne strategicky upravili ich veľkosť aj umiestnenie.

Počet vizuálov

Zvážte, aký počet vizuálov (vrátane rýchlych filtrov) chcete použiť na každej strane zostavy. Používanie viacerých vizuálov môže mať opačný efekt, než sa snažíte dosiahnuť. Väčší počet vizuálov môže viesť k tomu, že vaša zostava bude pôsobiť príliš komplikovane a používatelia budú jej obsahom presýtení, pretože nebudú vedieť, na čo zamerať pozornosť. Vizuály tiež predstavujú kľúčový faktor, ktorý má vplyv na výkon zostavy, a môžu spôsobovať problémy s výkonom. Čím menej vizuálov použijete, tým vyšší bude výkon.

Preto je vhodné obmedziť počet vizuálov použitých na strane. Každý vizuál preskúmajte a položte si otázku, či je naozaj potrebný. Ak vizuál nepredstavuje pre vašu cieľovú skupinu žiadnu pridanú hodnotu, nemali by ste ho v zostave použiť.

Namiesto použitia viacerých vizuálov môžete informácie sprostredkovať aj inými spôsobmi, napríklad pomocou stránok podrobnej analýzy alebo popisov strany zostavy. Ďalšie informácie o týchto prvkoch získate v tomto module.

Umiestnenie vizuálov

Po pridaní vizualizácií do zostavy môžete tieto vizuály premiestniť na konkrétne miesto na strane a zväčšiť ich alebo ich zmenšiť, aby lepšie vynikli.

Najvhodnejším postupom je umiestniť najzaujímavejšie vizuály do ľavého horného rohu zostavy, pretože používatelia budú pravdepodobne čítať zľava doprava a zhora nadol. Do tejto oblasti alebo do jej blízkosti tiež môžete umiestniť logo svojej organizácie. Následne môžete ostatné vizuály usporiadať zodpovedajúcim spôsobom.

Ak chcete premiestniť vizualizáciu, vyberte ľubovoľnú oblasť vizualizácie a potom ju presuňte myšou na nové miesto.

Ak chcete vizuály, ktoré sa nachádzajú na plátne, umiestniť do rovnomerných vzdialeností od seba, môžete použiť aj funkciu Zarovnať. Stlačte kláves CTRL a kliknutím vyberte všetky vizuály, ktoré chcete zarovnať. Potom vyberte kartu Formát a vyberte položku Rozmiestniť vodorovne.

Vizuály potom budú rovnomerne rozmiestnený.

Veľkosť vizuálov

Keď do zostavy pridáte vizuál, Power BI predvolene určí veľkosť daného vizuálu. Veľkosť vizuálu môžete zmeniť, aby ste zaistili, že zobrazené informácie prezentuje čo najoptimálnejšie. Ak ide napríklad o vizuál malého automobilu, možno budete chcieť vizuál zmenšiť. Podobne ak pracujete s vizuálom bodového grafu s veľkým množstvom údajov, možno budete chcieť vizuál zväčšiť, aby používatelia údaje zreteľne videli.

Ak chcete zmeniť veľkosť vizuálu, vyberte vizuál, aby sa zobrazilo jeho orámovanie, a potom vyberte tmavé rukoväte orámovania a presuňte ich do požadovanej veľkosti.

Interakcia vizuálov

Vizuály, ktoré pridáte do zostavy, budú vzájomne interagovať. Ak napríklad vyberiete prvok v jednom vizuáli, napríklad kategóriu produktu, ostatné vizuály sa aktualizujú vo vzťahu k danému prvku – môžu zvýrazniť alebo filtrovať konkrétne údaje, ktoré zobrazujú. Pri navrhovaní zostavy je preto dôležité rozumieť týmto interakciám a vziať do úvahy, aký vplyv môžu mať na celkové používanie danej zostavy. Interakcie medzi vizuálmi môžete ovládať, a preto možno budete chcieť zmeniť akciu filtra na zvýraznenie (a naopak), prípadne dokonca interakcii zabrániť. Tento proces bude podrobnejšie vysvetlený ďalej v tomto module.

Hierarchie vo vizuáloch

Je pravdepodobné, že v údajoch budete mať viacero hierarchií, preto by ste sa mali zamyslieť nad tým, aký vplyv budú mať tieto hierarchie na zobrazenie údajov vo vizuáloch a na možnosti navigácie pre používateľov zostavy. Spôsob zobrazenia hierarchií vo vizuáloch môžete nastaviť. Môžete tiež určiť hierarchickú cestu vizuálov, aby ste získali úplnú kontrolu nad úrovňou podrobností, ku ktorým možno získať prístup. Ďalšie informácie o hierarchiách získate v tomto module.

Zjednodušenie ovládania zostavy

Je potrebné zohľadniť, že vaši používatelia môžu mať sluchové, motorické, kognitívne alebo zrakové znevýhodnenie. Z tohto dôvodu je potrebné navrhnúť zostavu, ktorá dodržiava normy zjednodušenia ovládania a používa už dostupné funkcie zjednodušenia ovládania aplikácie Power BI Desktop.

Návrh zostavy, ktorá ponúka zjednodušenie ovládania, bude prínosom pre všetkých používateľov zostavy, pretože vďaka tomu bude návrh zostavy efektívny a bude používať jednotné formátovania a farebnú schému či motív.

Vo všeobecnosti platí, že ak používate Power BI s čítačkou obrazovky, odporúča sa vypnúť režim skenovania alebo režim prehľadávania.

Na zlepšenie procesu vytvárania zostáv pomocou čítačiek obrazovky je k dispozícii kontextová ponuka. Ponuka umožňuje presúvať polia v zozname Polia nahor alebo nadol. Ponuka tiež umožňuje premiestniť polia do iných zoznamov, napríklad Legenda, Hodnota, Malé násobky a Popisy.

Normy zjednodušenia ovládania

Power BI sa zaväzuje dodržiavať normy zjednodušenia ovládania uvedené v pravidlách Web Content Accessibility Guidelines (WCAG). Normy pomáhajú zabezpečiť, že prostredie služby Power BI bude prístupné čo najväčšiemu počtu ľudí. Keď vytvoríte zostavy alebo tabule so zjednodušeným ovládaním, tento obsah je dostupný pre každého, kto si ho prezerá prostredníctvom platformy Power BI Mobile.

Pravidlá WCAG pomáhajú sprístupniť webový obsah aj ľuďom so zdravotným postihnutím. Kľúčovými princípmi týchto pravidiel sú:

Vnímateľnosť – informácie a súčasti používateľského rozhrania musia byť ľuďom podávané tak, aby ich dokázali vnímať.
Ovládateľnosť – súčasti používateľského rozhrania a navigácia musia byť ovládateľné.
Zrozumiteľnosť – informácie a fungovanie používateľského rozhrania musia byť zrozumiteľné.

Funkcie zjednodušenia ovládania

Tieto funkcie zjednodušenia ovládania sú vstavané v aplikácii Power BI Desktop, takže v súvislosti s nimi netreba nič konfigurovať:

navigácia pomocou klávesnice,
Kompatibilita s čítačkou obrazovky
Zobrazenie vo farbách s vysokým kontrastom
Režim zamerania
zobrazenie tabuľky údajov.

Medzi funkcie zjednodušenia ovládania, ktoré je potrebné nakonfigurovať, patria tieto:

alternatívny text,
poradie prvkov,
názvy a označenia,
značky,
motívy.

Alternatívny text

Pre používateľov zostáv, ktorí využívajú čítačky obrazovky, môžete použiť alternatívny text, ktorý bude popisovať vzhľad a funkciu objektov (napríklad vizuálu, tvaru a ďalších) na strane zostavy. Alternatívny text pomáha zaistiť, že používatelia porozumejú významu týchto objektov dokonca aj vtedy, ak si ich nemôžu pozrieť.

Ak chcete k objektu pridať alternatívny text, vyberte daný objekt a na table Vizualizácie otvorte tablu Formát. Rozbaľte časť Všeobecné, posuňte sa do dolnej časti možností a zadajte popis do poľa Alternatívny text. Tento krok zopakujte pre každý objekt, ktorý je v zostave nositeľom dôležitých informácií.

Ak nechcete použiť statický text, pomocou mierok DAX (Data Analysis Expressions) a podmieneného formátovania môžete vytvoriť dynamický alternatívny text. Čítačky obrazovky potom budú čítať hodnoty pre konkrétne údaje, ktoré si používateľ zostavy prezerá.

Ak chcete použiť podmienené formátovanie, kliknite pravým tlačidlom myši na pole Alternatívny text, vyberte možnosť Podmienené formátovanie a nakonfigurujte nastavenia podľa potreby.

Poradie prvkov

Ak chcete používateľom klávesnice uľahčiť navigáciu v zostave pomocou poradia, ktoré by použili vidiaci používatelia, môžete nastaviť poradie prvkov.

Ak chcete nastaviť poradie prvkov, vyberte kartu Zobrazenie na páse s nástrojmi a potom vyberte položku Výber. Na table Výber, ktorá sa zobrazí, použite tlačidlá so šípkami a premiestnite objekty do správneho poradia alebo vyberte objekt myšou a presuňte ho na pozíciu, ktorú má podľa vás v zozname mať.

Ak chcete objekt z poradia prvkov skryť, vyberte číslo vedľa daného objektu. Vhodné je napríklad skryť zo zostavy ozdobné tvary a obrázky.

Názvy a označenia

Ak chcete pomôcť všetkým používateľom, mali by ste poskytnúť jasné, stručné a popisné názvy vizuálov a zostáv. Nepoužívajte akronymy ani hovorové slová, ktorým noví používatelia alebo používatelia mimo vašej organizácie nebudú rozumieť.

Porovnajte nasledujúce obrázky – obrázok vpravo znázorňuje vizuál s akronymom v názve, obrázok napravo znázorňuje vizuál s jasnejším názvom.

Zaistite, aby boli všetky označenia vo vizuáli ľahko čitateľné a zrozumiteľné. Označenia pre jednotlivé rady vo vizuáli môžete zapnúť alebo vypnúť, prípadne ich môžete umiestniť nad alebo pod rad, aby ich bolo lepšie vidieť. Nezapínajte označenia pre každý vizuál, mohlo by to mať opačný účinok, používateľov by to rozptyľovalo a zostava by bola horšie prístupná.

Porovnajte nasledujúce obrázky, kde prvý obrázok obsahuje menej čísel alebo popisov údajov, pričom druhý ich obsahuje viacero.

Značky

Najvhodnejším postupom je nepoužívať farbu (vrátane funkcií podmieneného formátovania) ako jediný spôsob sprostredkovania informácií. Namiesto toho môžete na vyjadrenie rôznych radov použiť značky. Značky môžete zapnúť pre vizuály s čiarovým, plošným a kombinovaným grafom, ako aj pre vizuály s bodovým a bublinovým grafom. Pre každú čiaru potom môžete použiť iný tvar.

Nezabudnite, že ak zapnete značky pre každý vizuál, môžu pôsobiť rušivo a zostava môže byť pre používateľov horšie prístupná.

Ak chcete zapnúť značky, na table Formát rozbaľte časť Tvary, posuňte sa nadol a premiestnite jazdec položky Zobraziť značky do polohy Zapnúť.

Motívy

Ak chcete ovládanie svojich zostáv ešte viac zjednodušiť, medzi textom a farbami pozadia nastavte dostatočný kontrast – kontrastný pomer by mal byť aspoň 4,5:1. Farby zostavy môžete skontrolovať pomocou viacerých dostupných nástrojov, napríklad Color Contrast Analyzer, WebAIM a Accessible Colors.

Niektorí čitatelia vašej zostavy môžu mať poruchy farebného videnia. Použitie menšieho počtu farieb alebo čiernobielej palety v zostave môže pomôcť zmierniť vytváranie zostáv bez zjednodušenia ovládania. Pre používateľov s poruchami videnia farieb je zložité rozlišovať nasledujúce farebné kombinácie, preto by ste sa mali vyhnúť ich používaniu v grafoch alebo na tej istej strane zostavy.

Zelená a červená
Zelená a hnedá
Modrá a fialová
Zelená a modrá
Svetlozelená a žltá
Modrá a sivá
Zelená a sivá
Zelená a čierna

Aplikácia Power BI Desktop obsahuje vstavané motívy, ktoré môžete použiť na všeobecné vylepšenie vzhľadu zostavy aj zjednodušenie jej ovládania. K týmto motívom môžete získať prístup z karty Zobrazenie. Ak chcete zobraziť všetky dostupné motívy a súvisiace možnosti, vyberte tlačidlo Rozbaliť. Vyberte ľubovoľný motív a ten sa automaticky použije v celej zostave. Všetky vizuály budú ako predvolené používať farby a formátovanie z vybratého motívu.

Po rozbalení tejto možnosti Motívy tiež môžete vytvoriť alebo importovať vlastné motívy.

Na nasledujúcom obrázku je znázornená rovnaká zostava, ktorá bola zobrazená na začiatku tejto lekcie. Na tomto obrázku má však zostava lepší dizajn. Má plánované rozloženie a jednotnú farebnú schému a formátovanie.

Pokračovať