Datenvisualisierung und Dashboard-Interfaces im Design

Dardo gestaltet und entwickelt individuelle Datenvisualisierungen für das Web: Dashboards, interaktive Karten, Data Stories und datenintensive Interfaces. Das Angebot richtet sich an Organisationen mit Daten, die es wert sind, gezeigt zu werden, etwa öffentliche Evidenz, Forschungsergebnisse oder operative Kennzahlen, und die möchten, dass Menschen eine echte Frage beantworten können und sehen, woher jede Zahl stammt.

Schreiben Sie uns auf WhatsApp
Dardo / Redaktionelle Illustration
Auf dieser Seite

Das umfasst unser Service für Datenvisualisierung

Jedes Projekt beginnt mit der Frage, die eine Ansicht beantworten muss, und mit den Daten, die Sie tatsächlich haben. Je nach Briefing umfasst der Leistungsumfang:

  • Fragen- und Datensatz-Mapping: Wer muss was entscheiden, und welche Felder, Einheiten und Datumsangaben stützen das?
  • Gestaltung von Diagrammen, Tabellen, Karten und Filtern, ausgewählt nach Verständlichkeit statt nach Neuheit
  • Responsive Explorations-Abläufe, die auch auf dem Smartphone ihren Sinn behalten
  • Quelle, Datum und Aktualität direkt neben den Zahlen im Interface
  • Gestaltete Zustände für leere, fehlende, unvollständige und fehlerhafte Daten
  • Barrierefreie Alternativen wie Datentabellen und Textzusammenfassungen
  • Front-End-Umsetzung als Web-Interface, als Dashboard in Power BI oder Tableau oder als dokumentierte Design-Übergabe

Individuelle Datenvisualisierung oder BI-Tool wie Power BI oder Tableau?

Dardo macht beides: Wir gestalten und entwickeln individuelle Web-Dashboards und Visualisierungen und bauen Dashboards in Power BI oder Tableau. Für internes Reporting mit Standarddiagrammen ist ein Team, das bereits Lizenzen für Power BI oder Tableau hat, meist mit einem Dashboard in diesem Tool besser bedient: Es ist schnell eingerichtet, und das Tool ist den Leuten vertraut. Ein individuelles Web-Interface lohnt sich, wenn das Publikum öffentlich oder extern ist, wenn die Visualisierung in eine Website oder ein Produkt eingebettet ist, wenn sie Ihre Marke tragen muss, wenn die Geschichte eine geführte Abfolge braucht oder wenn Karten, Interaktion, Layout, Barrierefreiheit und Performance genau gesteuert werden müssen.

Viele Projekte kombinieren beides: Ihr Team arbeitet in einem Dashboard in Power BI oder Tableau, und ein individuelles Web-Interface zeigt eine kuratierte, erklärte Ansicht für Menschen, die nie ein solches Dashboard öffnen werden. Wenn Sie unsicher sind, was passt, empfiehlt das Angebot eine Lösung, basierend darauf, wer sie nutzen wird, welche Daten Sie haben und welche Lizenzen bereits vorhanden sind. Braucht das gesamte Produkt UX-Arbeit über die Datenansichten hinaus, ist Produktdesign der bessere Einstieg; geht es um ein immersives 3D-Erlebnis, finden Sie mehr unter interaktive 3D-Websites.

Erst die Frage, dann die Daten

Eine nützliche Visualisierung beginnt mit der Entscheidung, die ein Mensch treffen muss. Wir dokumentieren Quelle, Datum, Einheiten, Geografie, Transformationen und fehlende Werte und trennen gelieferte Fakten von berechneten Werten und Beschriftungen im Interface, damit ein künftiges Daten-Update nicht unbemerkt verändern kann, was ein Diagramm aussagt.

Anschließend vergleichen Skizzen Optionen für Diagramm, Karte, Tabelle und Narrativ anhand realistischer Daten, einschließlich Extremwerten und Lücken. Manchmal beantwortet eine sortierbare Tabelle die Frage besser als jede Grafik, und das sagen wir Ihnen auch.

Dashboards, Karten und Data Stories gestalten, die sich lesen lassen

Ein Dashboard braucht Hierarchie: wenige Kennzahlen mit Kontext, sinnvolle Vergleiche und Filter, deren Zustand immer sichtbar ist. Eine Karte sollte zuerst den Ort etablieren, bevor sie zur Analyse auffordert, und Zeitraum und Quelle beim Zoomen und Filtern im Blick behalten. Eine Data Story führt die Leserinnen und Leser durch eine Abfolge und öffnet sich dann für die eigene Erkundung.

Auf kleinen Bildschirmen entscheiden wir, welche Beschriftungen, Bedienelemente und Vergleiche erhalten bleiben, statt einfach alles zu verkleinern. Farbe ist nie der einzige Bedeutungsträger, der Tastaturfokus folgt einer sinnvollen Reihenfolge, Animationen respektieren die Einstellung für reduzierte Bewegung, und eine Tabelle oder Textalternative hält die Informationen verfügbar, wenn sich ein Diagramm nicht bedienen lässt.

Referenzen: Shiimain und Janus Observatory

Shiimain ist ein Interface für territoriale Intelligenz, das beim Ort beginnt, darunter eine Kartenansicht von La Guajira, und dann in einem explorativen Dashboard die dahinterliegende Evidenz öffnet. Es ist ein öffentlicher Prototyp auf Basis von Vite und React, der Evidenz aus öffentlichen Quellen präsentiert und fehlende Evidenz sichtbar macht. Es handelt sich um ein archiviertes Lernprojekt ohne Produktiv-Backend, Authentifizierung oder Schreiboperationen, und es zertifiziert nicht die zugrunde liegenden Datensätze.

Janus Observatory verwandelt eine spekulative Forschungsstruktur in eine 3D-Reise im Browser, mit einem Atlas von zehn möglichen Zukünften und einem Observatorium, um sie zu vergleichen. Dahinter stehen eine Datenpipeline in Python, Prüfungen des Quellenmanifests sowie die Validierung von Zitaten und Links. Die Szenarien sind explorativ und keine Prognosen, und keines der beiden Projekte behauptet gemessene Interaktion, Lernerfolge oder Akzeptanz.

Datengenauigkeit, Verantwortung und Pflege

Vor dem Launch klären wir die Verantwortlichkeit für die Daten, die Aktualisierungsmethode, Validierungsprüfungen, Zustände für leere und fehlerhafte Daten, das Zitierformat und den Umgang mit alten Daten. Die Abnahme nutzt bekannte Testdatensätze und vergleicht angezeigte Werte mit den Summen der Quelle, damit ein ausgefeiltes Interface keine fehlerhafte Transformation verbergen kann. Wir validieren unsere Transformationen und die auf dem Bildschirm angezeigten Werte; die Richtigkeit der Quelldaten und das Recht zur Veröffentlichung bleiben bei den jeweiligen Eigentümern, sofern nicht ein separater Rechercheumfang vereinbart wird.

Was beeinflusst die Kosten eines Datenvisualisierungsprojekts?

Die Kosten hängen vor allem von den Daten ab: Anzahl und Zustand der Quellen, Aufwand für Bereinigung und Normalisierung, Anzahl der Ansichten und Interaktionen, statische oder aktualisierte Daten, Karten oder 3D, Nutzerrollen und Authentifizierung bei einem Produktivtool, barrierefreie Alternativen und Sprachen. Die Budgetstufen im Anfrageformular reichen von unter 5.000 USD bis über 60.000 USD. Eine repräsentative Datenprobe ist der schnellste Weg zu einer verlässlichen Schätzung.

Dardo ist ein gründergeführtes Studio mit drei Personen in Bogotá, das auf Englisch und Spanisch arbeitet, mit einem Arbeitstag, der sich mit der US-Ostküsten- und der Central-Zeit überschneidet.

Fragen vor Ihrer Entscheidung

Was macht ein Studio für Datenvisualisierung?

Es macht aus Daten Ansichten, die Menschen lesen und auf deren Grundlage sie handeln können: Diagramme, Dashboards, Karten, interaktive Datengeschichten und die Oberfläche drumherum. Die Arbeit umfasst die zu beantwortende Frage, das Format, die Beschriftung, die Interaktion, die Barrierefreiheit und, im Fall von Dardo, die Umsetzung, als individuelle Weboberfläche oder als Dashboard in Power BI oder Tableau. Es ist weder Datenanalyse noch BI-Administration: Das Studio gestaltet, wie Informationen dargestellt werden, während Ihre Dateneigner für die Daten verantwortlich bleiben.

Was kostet ein individuelles Dashboard oder eine Datenvisualisierung?

Das hängt vor allem von den Daten ab, nicht von den Diagrammen. Einige saubere Quellen mit statischen Ansichten kosten weit weniger als Live-Daten, viele Interaktionen, Karten und rollenbasierter Zugriff. Den Umfang jeder Datenoberfläche legen wir fest, nachdem wir eine repräsentative Stichprobe gesehen haben. Das Angebot listet Ansichten, Quellen, Zustände und Abnahmekriterien auf, sodass Sie Angebote vergleichen können.

Was ist der Unterschied zwischen einem Dashboard und einer Datenvisualisierung?

Ein Dashboard ist eine Art der Datenvisualisierung: eine Reihe von Kennzahlen, zu denen man immer wieder zurückkehrt, um etwas zu überwachen, meist mit Filtern. Datenvisualisierung ist der weitere Begriff und umfasst einzelne Diagramme, interaktive Karten, erkundbare Datengeschichten und Berichte. Auch die Gestaltungsprioritäten unterscheiden sich. Ein Dashboard braucht schnelles Erfassen und ein stabiles Layout, eine Datengeschichte dagegen einen geführten Ablauf und Kontext.

Welche Daten brauchen Sie für den Start?

Eine Stichprobe mit den echten Feldern und den schwierigen Fällen ist hilfreicher, als auf einen perfekten finalen Export zu warten. Außerdem brauchen wir den Eigner der Quelle, die Felddefinitionen, Einheiten, die Aktualisierungshäufigkeit, die Zielgruppe und die Frage, die die Ansicht beantworten soll. Fehlende Datensätze, ungewöhnliche Formate und Grenzfälle sind genau das, womit das Design umgehen muss. Nehmen Sie sie daher mit auf, statt sie vorher zu bereinigen.

Können interaktive Diagramme und Karten barrierefrei sein?

Ja, wenn Barrierefreiheit von Anfang an in Struktur, Beschriftungen, Bedienelemente, Farbe und Tastaturverhalten eingeplant wird und eine Tabelle oder Textalternative dieselben Informationen liefert. Farbe darf nicht das einzige Mittel sein, Datenreihen zu unterscheiden, der Fokus muss sich in sinnvoller Reihenfolge bewegen, und Animationen sollten die Einstellung für reduzierte Bewegung respektieren. Der passende Test hängt von der Interaktion und der Zielgruppe ab, und wir vereinbaren ihn vor dem Launch.

Prüft Dardo, ob unsere Daten korrekt sind?

Wir validieren unsere eigenen Transformationen und prüfen die angezeigten Werte anhand bekannter Testdatensätze gegen die gelieferten Quellen. Die fachliche Richtigkeit der Daten und die Freigabe zur Veröffentlichung liegen beim benannten Dateneigner, sofern kein separater Recherche-Umfang vereinbart wird. Die Oberfläche zeigt Quelle und Datum neben den Zahlen an, sodass auch die Leser sie prüfen können.

Kann das Dashboard oder die Datengeschichte auf Englisch und Spanisch sein?

Ja. Wir arbeiten in beiden Sprachen, daher werden Beschriftungen, Zahlen- und Datumsformate, Einheiten, Hinweise und Textalternativen richtig lokalisiert, statt am Ende übersetzt zu werden. Zweisprachige Datenoberflächen brauchen Platz für längere spanische Beschriftungen und eine einheitliche Terminologie über alle Ansichten hinweg, was wir von den ersten Skizzen an einplanen, statt es nachzurüsten.

Verwandte Arbeiten & Studien

Website von Shiimain, ein Projekt von DardoIn der Praxis / Ausgewählte ArbeitenShiimainZum Projekt

Lassen Sie Ihre Daten eine Entscheidung beantworten

Beginnen Sie mit der Frage, dem Datensatz und der Person, die für Updates zuständig ist. Vergleichen Sie ein Dashboard mit einer Data Story und testen Sie dann eine repräsentative Ansicht samt ihren Zuständen für leere und fehlerhafte Daten.