Techniky návrhu rozloženia palubnej dosky

Dnes začíname sériu praktických krokov, ktoré môžeme urobiť, aby sme zlepšili návrh zostavy, transparentnosť zostavy a skúsenosti koncového používateľa. V prvej časti tejto série o vývoji transparentnosti prehľadov sa zameriam na základné, ale účinné techniky na dashboardektoré možno ľahko implementovať do vašich prehľadov LuckyTemplates.

Okrem toho sa podelím o niektoré svoje myšlienky o procese tvorby prehľadov . Prejdeme si technickejšiu zložku vývoja BI zostáv, no zároveň sa budeme venovať aj všeobecnému prístupu a zámerom za každým aspektom návrhu zostáv.

Najprv mi dovoľte poskytnúť vám prehľad na vysokej úrovni o tom, o čom sa bude diskutovať počas tejto série o transparentnosti správ.

Keď premýšľam o všeobecnom návrhu zostavy a transparentnosti zostavy, snažím sa ju rozdeliť do štyroch relevantných pilierov: návrh rozloženia , navigácia , vzorce DAX a ďalšie funkcie .

Návrh rozloženia zahŕňa aspekty, ako je výber vhodnej veľkosti alebo rozlíšenia zostavy, použitie ďalších pozadí alebo šablón a formovanie štruktúry zostavy oddelením rôznych oblastí, ako je sekcia KPI, hlavné vizuály a tably navigačného filtra.

Vytvorenie užívateľsky príjemnej navigácie si vyžaduje také kroky, ako je výber vhodného miesta pre tlačidlá, prehodnotenie použitia uvedených tlačidiel a použitie rôznych vizuálnych efektov, aby navigácia vyzerala interaktívnejšie a živšie.

Potom mámektoré pomáhajú vývojárom BI vytvárať transparentné a prehľadné zostavy. Existuje mnoho techník DAX, ktoré nám môžu pomôcť ušetriť veľké množstvo miesta, zvýrazniť špecifické prvky daného vizuálu a zaviesť dynamické informácie.

V neposlednom rade máme aj ďalšie funkcionality , ktoré môžu posunúť návrh zostavy na ďalšiu úroveň, ako sú napríklad vlastné popisky.

Keď sa sčítajú všetky tieto faktory, môže to výrazne ovplyvniť čitateľnosť správy. Teraz si prejdeme každý z nasledujúcich pilierov zdôraznením niektorých konkrétnych príkladov. Prvým, o ktorom budeme diskutovať, je návrh rozloženia , zatiaľ čo o ostatných témach sa bude diskutovať v budúcich blogových príspevkoch.

Obsah

• Dizajn rozloženia palubnej dosky
• Prispôsobte rozlíšenie stránky zostavy
• Dva prístupy pre navrhovanie vopred naplánovaných rozložení
• Vytvorte štruktúru zostavy pridaním tvarov
• Ako štruktúrovať stránky zostavy v návrhu rozloženia ovládacieho panela
• Záver

Dizajn rozloženia palubnej dosky

Prvým dôležitým prvkom, ktorý treba zvážiť, je veľkosť stránky alebo rozlíšenie . Štandardné predvolené rozlíšenie strany je nastavené na 1280 x 720, čo je 16:9 z hľadiska šírky a výšky zostavy.

Toto rozlíšenie funguje úplne dobre v mnohých scenároch, ale osobne považujem za užitočné zvýšiť rozlíšenie na ľubovoľný bod, od predvolenej veľkosti rozlíšenia po niekde okolo 1900 x 1100 pri zachovaní pomeru na rovnakej úrovni 16:9.

Z môjho pohľadu je táto konečná hodnota optimálna pri vytváraní správ, ktoré sa majú čítať a analyzovať na prenosných počítačoch alebo obrazovkách monitorov PC. Hlavnou výhodou vyššieho rozlíšenia je zvýšenie množstva priestoru pre vizuály a ďalšie prvky.

Zvýšenie rozlíšenia na príliš vysoké úrovne však môže viesť k zníženiu čitateľnosti správy. Preto odporúčam toto rozlíšenie, pričom treba mať na pamäti, že hlásenia zobrazované o veľkostiach telefónu by mali byť upravené na minimálne 11 až 12 pixelov.

Ďalším dôležitým aspektom je zachovať konzistentné rozlíšenie stránky na každej stránke, ak kontext zostavy nevyžaduje rozmanitosť.

Prispôsobte rozlíšenie stránky zostavy

Teraz sa poďme ponoriť do súboru PBX. Ukážem vám, ako si môžete jednoducho prispôsobiť rozlíšenie stránky zostavy. Najprv vytvorte novú stránku, prejdite na tablu vizualizácie, vyberte Formát stránky a potom Nastavenia plátna . Z rozbaľovacieho zoznamu si môžete vybrať preferovaný formát od pomeru 16:9 po vlastný.

Po definovaní rozlíšenia stránky môžeme vytvoriť a navrhnúť pozadia alebo šablóny pre náš prehľad LuckyTemplates.

Tu sú príklady samostatne vyrobených rozložení. Zdá sa, že horné dve rozloženia majú väčší objem pevného priestoru v hlavnej časti, zatiaľ čo spodné dve predstavujú pevnejšiu štruktúru s väčším množstvom tvarov a sekcií.

Spôsob, akým navrhujeme a vytvárame naše rozloženia, závisí od niekoľkých vecí, ale tou hlavnou je aplikácia pre zostavy. Napríklad, ak sa bude používať buď ako portfólio alebo demo, alebo ak ho budú používať koncoví používatelia a klienti.

Môžeme vytvárať efektnejšie a komplexnejšie správy pre osobné alebo komerčné použitie, ako sú portfóliá a ukážky. V prípade profesionálnych, prevádzkových alebo finančných správ so scenármi zo skutočného života môžeme zvoliť jednoduchší prístup.

Dva prístupy pre navrhovanie vopred naplánovaných rozložení

Pri navrhovaní vopred naplánovaných rozložení mám dva prístupy pomocou programu Microsoft PowerPoint. Prvým prístupom je vytvoriť rozloženie s pevnou štruktúrou a všetkými zahrnutými objektmi a tvarmi.

Druhým prístupom, ku ktorému smerujem, je budovanie konštrukčných vrstiev pri súčasnom zachovaní pevných stien priestoru.

V tomto scenári je konštrukcia zabudovaná priamopridávaním tvarov, ako sú obdĺžniky. Takto jednoducho upravíme a prispôsobíme našu štruktúru vizuálom, ktoré implementujeme do nášho reportu.

Veľkosť vizuálov sa veľmi líši a bude závisieť od mnohých vecí, napríklad od počtu kategórií, ktoré chceme na danom vizuále zobraziť.

Je lepšie mať flexibilný prístup namiesto vytvárania mnohých podobných rozložení, prechádzania tam a späť zo súboru PBX do grafického programu a prispôsobovania každej stránky rozloženia.

Tu je ďalší príklad toho, ako ľahko môžete navrhnúť len pridaním rôznych tvarov a rôznych farieb. V tomto konkrétnom prípade bolo do hornej časti vopred naplánovaného rozloženia pridaných niekoľko obdĺžnikov, aby sa vytvorila jednoduchá mriežková štruktúra pre rôzne vizuálne prvky.

Vytvorte štruktúru zostavy pridaním tvarov

Poďme sa ponoriť do súboru PBX a pridať ďalšie tvary do našej zostavy, ktorú neskôr vyplníme vizualizáciami. Môžeme prejsť na položku Vložiť tvary , urobiť pár obdĺžnikov s tmavšími farbami, než je skutočné rozloženie strany, a vypnúť okraje. Potom ich skopírujeme, prilepíme a umiestnime na rôzne miesta.

Teraz sme pripravení implementovať niektoré vizualizácie. V tomto príklade máme svetlejšie rozloženie na inej stránke. Pridáme obdĺžniky s bielou výplňou a sivými okrajmi. Týmto spôsobom môžeme ľahko upraviť štruktúru pridaním ďalších širokých tvarov, ako sú obdĺžniky.

Ako štruktúrovať stránky zostavy v návrhu rozloženia ovládacieho panela

Štruktúra stránky správy závisí od typu správy a koncových používateľov.

Moje všeobecné pravidlo je umiestniť sekcie KPI na hornú strednú časť alebo ľavú hornú časť. Vizuály, ktoré poskytujú najpôsobivejšie prehľady, sú umiestnené vľavo hore, zatiaľ čo pravá strana sa používa na logo spoločnosti, názvy, navigácie a rezy.

Po pridaní niekoľkých nápadných pozadí a vytvorení počiatočnej štruktúry zostavy môžete pristúpiť k návrhu navigačnej tably.

Záver

V tomto príspevku sme diskutovali o tom, ako optimalizovať dizajn rozloženia palubnej dosky. Pokiaľ ide o dizajnový aspekt, jasné, stručné rozloženie s vyváženým mixom vizuálov je cesta vpred.

Ak sa vám tento návod páčil, sledujte tento priestor pre pokračovanie tejto série o transparentnosti prehľadov. V budúcich blogových príspevkoch sa budeme venovať navigácii , vzorcom DAX a ďalším funkciám .

Všetko najlepšie,
Gustaw Dudek