Interaktives Dashboard für biometrio.earth zur Datenanalyse und -visualisierung

Kund:in

biometrio.earth

Das Start-Up trifft verlässliche Aussagen über die Artenvielfalt von Gebieten. Wir haben für sie und ihre Kund:innen das Nature Analytics Dashboard entwickelt. Es vereint die gewonnen Daten und die geballte wissenschaftliche Expertise in einer Übersicht. Biometrio.earth nutzt einen ganzheitlichen Ansatz mit einer Kombination aus Fernerkundung, vor-Ort-Sensoren und selbstlernender künstlicher Intelligenz. Dieses holistische Vorgehen galt es übersichtlich in einem Dashboard abzubilden.



Challenge

Die Herausforderung bei der Gestaltung und Konzeption des Dashboards lag besonders darin, die vielen vorhandenen Daten zu strukturieren und zu ordnen welche Daten, an welcher Stelle, für welchen Stakeholder spannend und relevant sind. Mit Hilfe von Wireframes und User Flows konnten die Daten und Funktionen sortiert und in eine logische Form gebracht werden. Icons helfen, um Bereiche voneinander abzugrenzen, aufzulockern und den Überblick zu behalten.

Zusätzlich galt es das von uns gestaltete Design System und damit auch die Farbwelt von biometrio.earth erweitern, um beispielsweise auch wissenschaftliche Kategorien, Diagramme und Auswertungen einheitlich darstellen zu können. Und sehr besonders für ein Dashboard: Usability nicht nur auf dem Desktop, sondern auch auf mobilen Endgeräten zu gewährleisten.

Die Kartenvorschau innerhalb des Dashboards zeigt Gebiete als Kacheln mit Fotos auf drei verschiedenen Bildschirmgrößen, einem Laptop, Tablet und Smartphone Screen.
Mit der Kartenansicht, Kachelansicht und Tabellenansicht erhalten Nutzer:innen drei Möglichkeiten um sich die Projektvorschau anzeigen zu lassen.
Innerhalb der Projekte ist es möglich sich verschiedene Audioaufnahmen aus dem jeweiligen Gebiet anzuhören

Projektablauf

1. Anforderungsanalyse:
- Research zu branchenrelevanten Dashboards
- Anforderungsspezifikationen: Sammeln funktionaler und nicht funktionaler Anforderungen
- Ziel- und Zielgruppenanalyse: Identifikation und Festlegen von Ziel und Zweck, sowie Zielgruppen und deren Bedürfnissen


2. Datenquellen und Modellierung:
- Datenstruktur und Bereinigung
- Bereiningung und Aggregation der Daten auf benötigte Granularität
- Ausarbeitung von Userflows


3. UX & UI Design:
- Dashboarddesign sowie Gestaltung aller Elemente wie Icons und Gestaltung der Diagramme
- Definition von Schnittstellen
- Umsetzung, Testing und Anpassung

Um die gesammelten Daten der Projekte visuell aufzubereiten, werden unterschiedliche Diagrammtypen verwendet. Balkendiagramme, Liniendiagramme, Dount-Diagramme und Counter, um einzelne Werte hervorzuheben.

Unsere Lösung

Herausgekommen ist ein Dashboard, dass nicht nur Spaß macht sondern einen echten Mehrwert bietet. Daten zur Biodiversität von Standorten aus aller Welt werden in dem Analyse Tool gebündelt und übersichtlich visualisiert. Hier geht’s zum Case für das Branding und die Website für biometrio.earth.

Unzählige Linien zeigen die Interaktionen zwischen den einzelnen Screens im Programm Figma
Die Einzelseite eines Projekts zeigt eine Karte zur Verortung und Projektspezifische Details, wie die Kategoriesierung des Projekttyps, ein Beschreibungstext und dem Projekt zugehörige Bild- und Audiodaten.
Die Projektvorschau zeigt eine zusätzliche Ausgeklappte Informationsebene, mit ersten Detailinformationen und Daten zum Projekt-Gebiet
Die Gestaltung des Dashboards, besteht aus beigen Hintergründen und dunkelgrünem Text, in Serifen und sans Serifen Schrift, kombiniert mit minimalistischen abgerundeten Linien-Icons, abgerundeten Interface Elemente, wie Buttons und einer erweiterten Farbpalette aus hellgrünen Farbtönen.

ZN Liebesbrief