Návrh rozložení analytické sestavy
Když se uživatelé sestavy dívají na sestavu, dojde k automatickému a bezvědomí, když pochopí, co vidí. Proto byste měli dodržovat základní principy návrhu sestav, které tento proces podporují, aby vám pomohly efektivně sdělit význam dat.
Poznámka
Návrh sestavy je kombinací vědy a umění a k dispozici je mnoho možných návrhů sestav, které pomáhají dosáhnout požadavků cílové skupiny a rozhraní. Nejdůležitější je, aby návrh sestavy efektivně předával data tak, aby splňoval požadavky.
Analytická sestava se může skládat z jedné nebo více stránek a stránky tvoří objekty sestavy. Objekty sestavy můžou být datové vizuály, které představují výsledky dotazů, nebo dekorace, jako jsou obrázky, obrazce pozadí nebo text. Rozložení sestavy můžete začít navrhovat tak, že určíte počet, posloupnost a účel stránek. Ujistěte se, že se na stejné stránce vyhnete kombinování témat nebo protichůdných cílů. Pak navrhněte rozložení každé stránky s konkrétními objekty sestavy, které odpovídají požadavkům.
Kromě toho by dobrá rozložení návrhu sestavy měla zvážit principy návrhu umístění, vyváženosti, kontrastu, blízkosti a opakování.
Tip
Vždy mějte na paměti, že platí méně je více rčení; jednoduchost a srozumitelnost vedou k dobrému designu.
Umístění
Dobré umístění objektů sestavy přispívá k uspořádání návrhu sestavy. Obecně platí, že nejdůležitější informace byste měli umístit do levého horního rohu stránky a uspořádat prvky sestavy zleva doprava a shora dolů.
Poznámka
Toto umístění platí pro cílové skupiny, které převážně čtou zleva doprava (LTR). Když vaše cílová skupina čte zprava doleva (RTL), stejně jako v některých psaných jazycích, jako je arabština a hebrejština, umístěte nejdůležitější informace do pravého horního rohu a uspořádejte prvky sestavy zprava doleva.
Uspořádejte objekty sestavy tak, aby se svislé a vodorovné okraje zarovnaly, protože vypadají uspořádaně a jsou příjemné pro oko. Umístění objektů sestav v logických skupinách Uspořádané rozložení sestavy vytváří spojení mezi vizuálními prvky a zabraňuje nepotřebným prvkům, které mohou být výsledkem zdánlivě náhodného umístění objektů sestavy.
Zarovnání objektů sestavy do vizuálně příjemného rozložení navíc může vyjádřit více energie a zájmu než pouhé vycentrování nebo náhodné umístění objektů sestavy. Zvažte použití pravidla třetin, což je pravidlo vizuálních umění, které lze použít pro umístění objektů sestavy v analytické sestavě. Pravidlo navrhuje, aby rozložení stránky bylo rozděleno do neviditelné mřížky o devíti stejných částech. Mřížka je tvořena dvěma vodorovnými stejně rozmístěnými čarami a dvěma stejně rozmístěnými svislými čárami. Objekty sestavy pak lze umístit do buněk mřížky.
Návrh sestavy pro analýzu prodeje ve společnosti Contoso Skateboard Store představuje tři stejně velké svislé oblasti. V první oblasti se zobrazují prodeje rozdělené podle produktů, ve druhé oblasti jsou prodeje rozdělené podle zákaznického obchodu a ve třetí oblasti se zobrazují položky, které byly prodány.
Zůstatek
Dalším důležitým aspektem při rozložení objektů sestavy je vyváženost. Balance se zabývá stabilitou a strukturou v návrhu. V kontextu rozložení sestavy odkazuje vyvážení na váhu, která je rozložena na stránce sestavy umístěním objektů stejné nebo různé velikosti.
Zůstatek může být symetrický nebo asymetrický. Symetrické rovnováhy je dosaženo rovnoměrným rozdělením hmotnosti na obě poloviny stránky. Asymetrická vyváženost se dosahuje pomocí kontrastu.
Zvažte použití zlatého poměru jako vodítka k vytvoření asymetrického zůstatku. Poměr je založen na Fibonacciho sekvenci, kde dvě množství jsou ve zlatém poměru, pokud je jejich poměr stejný jako poměr jejich součtu k většímu z těchto dvou množství. Zlatý poměr po staletí ovlivnil umění a architekturu k vytváření děl, která jsou harmonická a vyvážená. Pokud se použije u návrhu sestavy, zlatý poměr zarovná stránku tak, aby měla jeden velký vizuál, který upoutá počáteční pozornost, což je pak podporováno menšími vizuály, které poskytují kontext.
Na následujícím animovaném obrázku si všimněte, jak rozložení sestavy zpočátku přitahuje váš pohled na větší grafy. Jakmile pochopíte větší grafy, všimněte si, že vaše oko je pravděpodobně přitaženo k pruhovým grafům a pak k hodnotám na kartách.
Blízkost
V rozložení sestavy se blízkost zabývá blízkostí objektů sestavy. Pokud se stránka sestavy skládá z více skupin souvisejících objektů, měli byste k jejich vizuálnímu oddělení použít mezeru.
V následujícím návrhu sestavy si všimněte levého horního oddílu označeného klíčové metriky. Související vizuály jsou umístěné blízko sebe. Jsou také účelně a konzistentně zarovnány a tvoří jasný oddíl.
Kontrast
Kontrast lze použít ke kombinování dvou protichůdných objektů. Použití kontrastních barev, písem, vlastností písma nebo čar může zdůraznit důležité objekty návrhu sestavy. Pomocí tohoto principu nasměrujte uživatele sestavy na místo, kde by se měli podívat nebo s kterým datovým vizuálem by měli pracovat jako první.
Opakování
Opakování v návrhu sestavy vytváří přidružení a konzistenci. Správné použití opakování může přispět k posílení rozložení sestavy tím, že propojí související objekty sestavy dohromady.
V následujícím návrhu sestavy si všimněte levého horního oddílu označeného Klíčové metriky. Mnoho klíčových metrik je prezentováno na kartách s jednou hodnotou. Tento opakovaný návrh umožňuje uživatelům sestavy rychle porozumět metrikám a interpretovat je.
