WIREFRAME APLIKACE V TABLEAU

Filtry, filtry a zase filtry. Aneb nauč dashboard v Tableau chovat se jako aplikace.

Jak už jsme psaly, dashboard v Tableau nám slouží jako funkční návrh wireframe naší aplikace. Bylo zapotřebí si urovnat, co vlastně chceme, aby se zobrazovalo, kdy se to má zobrazovat a jak to má být seřazené. Prakticky jsme potřebovaly Tableau přesvědčit, že neděláme vizualizace typické datové analýzy, ale chceme ukázat funkční data :).

Na začátku práce s vizualizačním nástrojem je vždy důležité dobře nastavit Data Source a joinování. Rozhodly jsme se vždy pro inner joiny, abychom se vyhnuly případným nespojeným hodnotám.

Každá oblast ve wireframu je vlastně jeden určitý sheet, který má dané filtry pro správnou funkčnost. Například v hlavním poli, tj. seznamu vybraných institucí, funguje sort by (řazení) na základě vzdálenosti od zvoleného výchozího bodu, aby se zobrazila nejbližší pobočka. Políčka pro volbu jsou filtry, které náleží adekvátním sheetům. Filtr pro den musí fungovat jak pro oblast otevírací doby, tak vytíženost.

Ukázka vytváření hlavního seznamu

Jelikož je při vyřizování důležitá hlavně cesta, rozhodly jsme se i pro druhý dashboard, na kterém je okénko propojených Google Maps. Proto jsme do wireframu zakomponovaly tlačítko "Zobraz na mapě", které přesměrovává na druhý dashboard. Uživatel tak může kliknout na daný název pobočky/instituce a díky údajům o poloze se pobočka zobrazí na mapě přímo v dashboardu.

Druhý dashboard - mapa

Ukázka funkčního wireframe:

V hlavním seznamu funguje i volba pro rating. Slouží hlavně pro případy, kdy má uživatel více času a záleží mu na kvalitě dané pobočky, ačkoliv se nachází dál. Při volbě ratingu se hlavní seznam změní:

Hezkým grafem je vytíženost, který díky získaným datům z Google Maps zobrazuje vytíženost dané pobočky pro každou hodinu (kdy je otevřeno) ve zvoleném dni: