Vylepšená vizualizace dat a rámce sestav

Dnes budu mluvit o vylepšených vizualizačních rámcích pro . Toto je Analyst Hub, externí nástroj, který jsme vytvořili interně, abychom zvýšili vaši produktivitu v LuckyTemplates a zlepšili vizualizaci dat a vytváření sestav.

Rozhodl jsem se napsat své poznámky pro tento tutoriál do naší funkce poznámkového bloku. To je místo, kam dávám spoustu svých nápadů a myšlenek kolem LuckyTemplates, takže je vše centrálně na jednom místě.

Analyst Hub je součástí členství LuckyTemplates, kde získáte přístup ke všem těmto nástrojům s vaším členstvím nebo licencí COE. Mám několik dalších aplikací, které vám zde chci za pochodu ukázat, ale toto jsou pro vás klíčové věci :

Toto je vyvinutý rámec, o kterém jsme přesvědčeni, že je nejlepším způsobem, jak vytvářet vizualizace a sestavovat sestavy uvnitř LuckyTemplates .

Chci projít všechny tyto položky v tomto příspěvku na blogu a ukázat vám některé příklady sestav, které předvádějí tyto položky rámce z . Hodně jsme se naučili sledováním toho, co ostatní lidé v těchto výzvách vyvíjejí, a pozorovali jsme dobré i nepříliš dobré věci, které se v těchto zprávách dějí.

A tak jsme se postupem času dokázali vyvinout do tohoto rámce kolem toho, o čem jsme přesvědčeni, že je nejlepší způsob, jak budovat nejvyšší kvalitu sestav v rámci prostředí LuckyTemplates.

Ukážu vám, jak byly některé z nich implementovány opravdu dobrým způsobem v rámci LuckyTemplates, a poté vám ukážu zprávy, o kterých si myslím, že by mohly být vylepšeny pomocí tohoto rámce.

Obsah

• Klíčové poznatky v našem rámci pro vizualizaci dat a reportování
• Použití formátu mřížky ve vizualizaci dat a vytváření sestav
• Závěr

Klíčové poznatky v našem rámci pro vizualizaci dat a vytváření sestav

Toto je sedm klíčových částí našeho pokročilého vizualizačního rámce.

Prvním bodem v našem rámci je, že všechny zprávy by měly mít formát mřížky .

Barvy jsou také zásadní, a proto naším druhým bodem je, že zprávy by měly mít konzistentní barevné téma a neměly by nadměrně používat barvy.

Třetí položkou je vytvoření solidní navigace ve vašich přehledech. Myslím, že jsme se vyvinuli od klikání na stránky přehledu ze spodní části přehledu LuckyTemplates k vytvoření navigačního prostředí uvnitř našich přehledů.

Číslo čtyři je jednoduché a efektivní značení . Když se někdo podívá na vaši zprávu, chcete, aby během několika sekund pochopil, na co se dívá, a aby velmi rychle porozuměl příběhu, který se snažíte vyprávět.

Další na seznamu je výběr správných vizuálů . Udržujte své vizualizace velmi jednoduché a snadno pochopitelné.

Zhuštěte své informace . Nemusíte mít 10 různých stránek přehledů, na které se někdo potřebuje proklikat. V dnešní době můžete mít mnohem méně stránek tím, že budete kreativní s některými fantastickými funkcemi sady LuckyTemplates, jako jsou popisky , záložky a výběry . Jejich kombinací můžete zhustit své přehledy.

Poslední položkou v tomto seznamu je použití šablon . Nemusíme vše vytvářet od začátku. V komunitě existuje mnoho zdrojů, které můžete využít k použití a opětovnému použití ve svých vlastních přehledech. Nejen, že vylepší vaši vizualizaci, ale také ji urychlí, protože využíváte to, co v minulosti udělali jiní vysoce kvalitní vývojáři.

Použití formátu mřížky ve vizualizaci dat a vytváření sestav

Jen jsem chtěl vzkázat jednomu z našich sponzorů, Numerrovi. Společnost Numerro vytvořila tento designový systém a celou řadu šablon, které můžete použít a přizpůsobit mnoha různými způsoby.

Pro toto konkrétní zadání výzvy jsem použil jejich šablonu formátu mřížky . Mám navigaci na levé straně a několik klíčových metrik jako řezy v jiné mřížce.

Jak mřížku využijete, je zcela na vás. Můžete mít libovolnou variaci vzorů mřížky; jde jen o to dostat věci do sítě. Budete překvapeni, o kolik lépe vaše vizualizace vypadá, než když věci náhodně umístíte na stránku bez jakékoli struktury.

Myšlení v mřížkách vám umožňuje umístit věci tak, aby se oko mohlo zaměřit na určitou oblast ve zprávě. Zlepšuje celkové nastavení vašich vizualizací a vyprávění příběhů , které provádíte v rámci sestavy.

Rychle přejdu k dalším příkladům. To dělá Federico, náš vedoucí výzev. A znovu vidíte vzor mřížky. Vše je na pohled příjemné a daleko symetričtější. Název a vizualizace jsou všechny zarovnané a stále jsou součástí skupiny.

Ukážu vám ještě jeden příklad na toto konkrétní téma. Tuto konkrétní zprávu zde zaslal vítěz naší soutěže19. Má jednoduchý mřížkový vzor, ​​který je velmi symetrický.

Zobrazuji také sestavy, které vyžadují vylepšení, aby neodradily všechny od účasti, ale abych je použil jako příklady toho, jak můžete rychle zlepšit to, co děláte s konkrétními sestavami a vizualizacemi.

Je zřejmé, že tento konkrétní účastník naší výzvy se teprve učí, jak LuckyTemplates funguje, a to je naprosto v pořádku. Ale můžete zde vidět, jak byly věci ve zprávě náhodně uspořádány, což na zkušenost spotřebitele příliš nepřispívá.

Možná to bylo složeno velmi, velmi rychle, protože nic není v souladu. Neexistuje žádný rým nebo důvod, proč byly vizualizace umístěny tam, kde jsou.

Toto je další příspěvek, který poskytuje opravdu dobré informace. Také vidím, že došlo k pokusu o formát mřížky.

Náhodně umístěné vizuály přispívají ke špatné navigaci, která snižuje celkový dojem ze sestavy.

Máme předpoklady pro formát mřížky, ale jsou věci, které lze ještě vylepšit. Můžeme také přidat věci, jako jsou názvy , štítky a karty , díky kterým vyniknou klíčové informace.

Závěr

Doufejme, že tento tutoriál ukázal, jak moc se můžete zlepšita vykazování pomocí formátu mřížky. Je důležité se ujistit, že všechny vizuály jsou správně zarovnány pomocí mřížek. To zvyšuje atraktivitu vizualizací a usnadňuje je čtení a pochopení.

To je prozatím o formátech mřížky vše. O zbývajících šesti vylepšených vizualizačních rámcích pro LuckyTemplates budeme nadále diskutovat v budoucích příspěvcích na blogu. Doufám, že si na ně v příštích dnech dáte pozor.