Predchádzajúci

Nasledujúci

Návrh analytického rozloženia zostavy

Dokončené

Keď sa používatelia zostavy pozrú na zostavu, automaticky sa vyskytne proces v bezvedomí, keď pochopí, čo vidia. Preto by ste mali dodržiavať základné zásady návrhu zostavy, ktoré podporujú tento proces, ktorý pomáha efektívne komunikovať význam z údajov.

Poznámka

Návrh zostavy je zmesou vedy a umenia a k dispozícii je veľa možných návrhov zostáv, ktoré pomáhajú dosiahnuť požiadavky cieľovej skupiny a rozhrania. Najdôležitejšie je, aby návrh zostavy efektívne komunikoval údaje tak, aby spĺňali požiadavky.

Analytickú zostavu môže tvoriť jedna alebo viac strán a strany sa skladajú z objektov zostavy. Objektmi zostavy môžu byť údajové vizuály, ktoré predstavujú výsledky dotazu, alebo dekorácie, ako napríklad obrázky, tvary na pozadí alebo text. Môžete začať navrhovať rozloženie zostavy určením čísla, sekvencie a účelu strán. Vyhýbajte sa kombinovaniu subjektov alebo odporovaniu cieľov na tej istej strane. Potom navrhnite každé rozloženie strany s konkrétnymi objektmi zostavy, ktoré sú relevantné pre dané požiadavky.

Okrem toho by mali vhodné rozloženia návrhu zostavy zvážiť princípy umiestnenia, rovnováhy, kontrastu, vzdialenosti a opakovania.

Tip

Vždy majte na pamäti, že čím menej je viac adage platí; jednoduchosť a jasnosť vedú k dobrému návrhu.

Umiestnenie

Dobré umiestnenie objektov zostavy prispieva k návrhu zoradenej zostavy. Vo všeobecnosti by ste mali umiestniť najdôležitejšie informácie do ľavého horného rohu strany a usporiadať prvky zostavy zľava doprava a zhora nadol.

Poznámka

Toto umiestnenie sa vzťahuje na divákov, ktorí prevažne čítajú zľava doprava (LTR). Keď vaše publikum číta sprava doľava (RTL), ako je to v prípade niektorých napísaných jazykov, ako je arabčina a hebrejčina, umiestnite najdôležitejšie informácie do pravého horného rohu a usporiadajte prvky zostavy sprava doľava.

Objekty zostavy usporiadajte tak, aby boli zvislé a vodorovné okraje zarovnané, pretože vyzerajú zoradené a sú potešujúce pre oko. Objekty zostavy súvisiace s pozíciou v logických skupinách. Zoradené rozloženie zostavy vytvorí prepojenie medzi prvkami vizuálu a vyhne sa nepotrebným prvkom, ktoré môžu vyplynúť zo zdanlivo náhodného umiestnenia objektov zostavy.

Zarovnanie objektov zostavy vo vizuálne príjemnom rozložení navyše môže prinášať viac energie a záujmu než len centrovanie alebo náhodné umiestnenie objektov zostavy. Zvážte použitie pravidla tretín, čo je pravidlo výtvarného umenia, ktoré možno použiť na umiestnenie objektov zostavy v analytickej zostave. Pravidlo navrhuje, aby bolo rozloženie strany rozdelené na neviditeľnú mriežku s deviatimi rovnakými časťami. Mriežka je vytvorená dvoma rovnako rozmiestnenými vodorovnými čiarami a dvoma rovnako rozloženými zvislými čiarami. Objekty zostavy potom možno umiestniť do buniek mriežky.

V obchode Contoso Skateboard Store predstavuje navrhovaný návrh zostavy na analýzu predaja tri rovnako veľké zvislé oblasti. Prvá oblasť zobrazuje predaj rozdelený podľa produktu, druhá oblasť zobrazuje predaj rozdelený podľa obchodov zákazníkov a tretia oblasť zobrazuje položky, ktoré boli predané.

Zostatok

Ďalším dôležitým hľadiskom pri nastavovaní objektov zostavy je rovnováha. Rovnováha sa zaoberá stabilitou a štruktúrou v dizajne. V kontexte rozloženia zostavy zostatok odkazuje na váhu, ktorá je distribuovaná naprieč stránkou zostavy umiestnením objektov rovnakej alebo rôznych veľkostí.

Vyváženie môže byť symetrické alebo asymetrické. Symetrická rovnováha sa dosiahne distribúciou hmotnosti rovnomerne na oboch polovicu stránky. Asymetrická rovnováha sa dosahuje prostredníctvom kontrastu.

Zvážte použitie zlatého pomeru ako pomôcku na vytvorenie asymetrickej rovnováhy. Tento pomer je založený na Fibonacciovej sekvencii, kde dve množstvá sú v zlatom pomere, ak je ich pomer rovnaký ako pomer ich súčtu k väčšiemu z týchto dvoch množstiev. Po stáročia, zlatý pomer ovplyvnil umenie a architektúru na výrobu diel, ktoré sú harmonické a vyvážené. Ak sa použije na návrh zostavy, zlatý pomer zarovná stranu tak, aby pritiahnuť úvodnú pozornosť jedným veľkým vizuálom, ktorý je potom podporovaný menšími vizuálmi, ktoré poskytujú kontext.

Na nasledujúcom animovanom obrázku si všimnite, ako sa rozloženie zostavy spočiatku upriamuje na väčšie grafy. Po pochopení väčších grafov si všimnite, že vaše oko sa pravdepodobne priťahuje k pruhovému grafu a potom na hodnoty na kartách.

Blízkosť

V rozložení zostavy sa vzdialenosť zaoberá blízkosťou objektov zostavy. Keď sa strana zostavy skladá z viacerých skupín súvisiacich objektov, mali by ste použiť priestor na ich vizuálne oddelenie.

V nasledujúcom návrhu zostavy si všimnite, že ľavá horná časť s označením kľúčových metrík bola označená. Súvisiace vizuály sa umiestňujú vedľa seba. Sú tiež zámerne a konzistentne zarovnané a tvoria jasnú sekciu.

kontrast,

Kontrast možno použiť na skombinovanie dvoch protichodných objektov. Použitie kontrastných farieb, písiem, vlastností písma alebo čiar môže zdôrazniť dôležité objekty návrhu zostavy. Tento princíp sa používa na smerovanie používateľov zostáv tam, kde by mali vyhľadávať alebo s ktorými vizuálmi údajov by mali pracovať ako prví.

Opakovanie

Opakovanie v návrhu zostavy vytvára priradenie a konzistenciu. Vhodné použitie opakovania môže pomôcť posilniť rozloženie zostavy tým, že spojíte súvisiace objekty zostavy dokopy.

V nasledujúcom návrhu zostavy si všimnite, že ľavá horná sekcia má názov Kľúčové metriky. Mnohé kľúčové metriky sú prezentované na kartách s jednou hodnotou. Tento opakujúci sa návrh umožňuje spotrebiteľom zostáv rýchlo metriky pochopiť a interpretovať.

Pokračovať