Dashboard Design
Material Design
Door gebruik van onderstaande basische principes voor het presenteren van een dashboard ben ik gekomen tot het eindresultaat van mijn dashboard. Hoe ik onderstaande princepes toegepast heb zal ik hieronder beschrijven en zal ook verder toegelicht worden in "Dashboard Ontwikkeling".
Ruimte
Heb tegels gebruikt met een shadow en margins om de informatie beter van elkaar te kunnen scheiden. Hierdoor is het makkelijker om de gegevens te interpreteren.
Leesbaarheid:
Heb leesbare titels gemaakt en gespeelt met bolt om alles duidelijk en goed leesbaar te maken en ook gegevens van elkaar te (onder)scheiden.
Cluster:
Zo veel mogelijk alleen de essentiële informatie gepresenteerd om het dashboard overzichtelijk te houden. Gegevens die weinig meerwaarde hadden zoveel mogelijk ook verwijderd.
Hierarchie:
De titels hebben verschillende groottes waardoor duidelijk onderscheid is. Hierdoor wordt het sneller duidelijk waar de grafiek voor dient en welke informatie het verstrekt.
Type Grafiek:
In mijn dashboard wilde ik weergeven hoeveel Medido’s en Compaan’s een bepaald team heeft ten opzichte van de cliënten die geen hebben. Daarvoor ben ik van een cirkeldiagram naar een liggend 100% staafdiagram gegaan.
Onnodige Elementen:
Zoals al bij C beschreven; zoveel mogelijk essentiële informatie gepresenteerd. Overbodige informatie uit het dashboard verwijderd.
Z – Patroon:
Aan G heb ik mij niet geheel gehouden. Heb verschillende lay-outs geprobeerd om een Z-patroon te krijgen. Echter werd de informatie er niet overzichtelijker van. Heb daarvoor veel meer gewerkt met kleuren om informatie te groeperen.
Context:
Het lastige van context geven is het evenwicht tussen te veel informatie waardoor rommelig en onoverzichtelijk en alleen de essentiële informatie maar nog wel de context. Daarvoor veel gespeelt met verschillende lay-outs en geëvalueerd met collega’s en teammanagers.
Groeperen:
Informatie zoveel mogelijk gegroepeerd door het naast elkaar te zetten maar ook door gebruik van kleur. Zo heb ik gekozen om Medido de kleur paars te geven en Compaan blauw.
Leesbaarheid:
Om de aantallen van Compaan en Medido weer te geven heb ik voor de liggende staafdiagrammen gekozen. Hierdoor zijn de teams duidelijker leesbaar aangezien de teams dan in zijn geheel uitgeschreven kunnen worden.
Bronnen:
- X. (2023, Oktober 9). [Liked by J]. Bezocht op 2024, maart 12, van https://x.com/likedbyJ/status/1711739783204987204
- Material Design. (2021, september 9). Understanding layout and spacing. Bezocht 2024, februari 20, vanhttps://m3.material.io/foundations/layout/understanding-layout/spacing
- Material Design. (2020, januari 10). Responsive layout grid: Columns, gutters, and margins. Bezocht 2024, februari 20, van https://m2.material.io/design/layout/responsive-layout-grid.html#columns-gutters-and-margins