Stellen Sie sich vor, Sie sind der Besitzer des modernsten Autos von heute, und dieses Auto verfügt über alle Funktionen und Sensoren, die die Technologie bieten kann ...

Wie würde das Armaturenbrett dieses Autos aussehen?

Natürlich können wir Hinweise auf die Geschwindigkeit erhalten, mit der wir fahren, und natürlich erhalten wir auch Hinweise auf die Motordrehzahl, den Kraftstoffstand und die zurückgelegte Strecke. Aber bedenken wir, dass wir die Besitzer des fortschrittlichsten Autos sind, das es heute gibt, daher wird es kein Problem sein, Parameter über die Temperatur innerhalb und außerhalb des Autos, die Höhe über dem Meeresspiegel, die Windgeschwindigkeit, den Kraftstoffverbrauch pro Meile usw. bereitzustellen Das Gewicht des Autos, die Passagiere und das Gepäck, der Winkel und die Position des Autos, der Luftdruck in einer der Ränge, die G-Kräfte, die wir beim Abbiegen spüren, und Empfehlungen für Musik, die zur Fahratmosphäre passt …

Alle diese Funktionen sind schön zu haben, aber welche verbessern unser Fahren und welche stören und lenken uns von unserem Ziel ab (sicher von Ort zu Ort fahren)?

In diesem Artikel werde ich mein Geheimrezept und einige goldene Regeln verraten, die beim Erstellen von Dashboards für SaaS-Produkte beachtet werden müssen.

1. Sortieren Sie den Inhalt – nicht alles ist superwichtig

Beim Kennenlernen Ihrer Benutzer ist es besser, alle Arten von Daten zu dokumentieren und zu sammeln. In jedem Interview und jeder Arbeitssitzung können einige Parameter oder Kennzahlen aus der Diskussion hervorgebracht werden. Sammeln Sie all diese Informationsfragmente und verteilen Sie sie an einer Wand (oder Ihrer Lieblingsleinwand).

Sobald Sie genügend Daten über Ihre Benutzer und deren Bedürfnisse gesammelt haben, ist es wichtig, sich daran zu erinnern, dass das Dashboard das Tor zum Produkt, aber nicht das Produkt selbst ist. Dashboards müssen ihren Benutzern helfen, zu verstehen, was falsch läuft, ihre Arbeit zu priorisieren und eine einfache Arbeit zu ermöglichen Möglichkeit, zu den Bereichen zu navigieren, die Aufmerksamkeit erfordern.

Das Dashboard muss nicht das gesamte Datenrepository darstellen, sondern Informationen auf hoher Ebene, die sich auf alles beziehen, was das Dashboard überwacht. Nicht alle Informationen im Produkt müssen im Dashboard dargestellt oder erklärt werden.

Stellen Sie sich diese Situation vor:

Sie müssen eine elegante Jacke kaufen, aber wenn Sie das nächste Geschäft betreten, sehen Sie, dass alle Waren des Geschäfts auf Tischen direkt vor der Tür gestapelt sind.

Was würden Sie tun? … wahrscheinlich einen der Ladenmitarbeiter um Hilfe bitten. Glücklicherweise ist es in kommerziellen Geschäften sehr einfach, sich zurechtzufinden. Sie gehen einfach in den Laden, nehmen die erste Straße rechts zur Herren-/Damenabteilung und sehen auf einen Blick (maximal 15 Sekunden) die entsprechende Abteilung.

Ihr Produkt sollte sich genauso verhalten, daher ist es in Ordnung, einige Informationen zu „verbergen“ oder sich auf eine minimale Interaktion des Benutzers zu verlassen, um sie zu erhalten – das ist besser, als Ihren Benutzer mit allem zu bombardieren, was Sie haben.

Versuchen Sie, die Daten, mit denen Sie arbeiten, in drei Gruppen einzuteilen:

1. Super wichtig
2. Hochwertig
3. Schön zu haben

2. Was ist Ihr Typ – unterschiedliche Zwecke erfordern unterschiedliche Werkzeuge

Es gibt fünf Haupttypen von Dashboards. Die Unterschiede ergeben sich aus den Fähigkeiten der Person, der Art (und der Menge) der präsentierten Informationen und den Aktionen, die der Benutzer ausführen kann. Versuchen Sie anhand Ihrer Gespräche mit Ihren Benutzern zu verstehen, welche Art von Tools der Benutzer benötigt, welche Erkenntnisse sie liefern können und welche Interaktionen der Benutzer (falls vorhanden) damit hat.

Dashboard auf einen Blick

Ziel: Präsentieren Sie in Echtzeit eine Vogelperspektive des Systems (in seinen verschiedenen Teilen).

Hauptperson: Verschiedene

Eigenschaften: Wir können diese Art von Dashboard als Kontrollzentrum betrachten, daher enthält es nur wenige Parameter und Daten, da es sich an ungeübte Benutzer richtet und daher eine kurze Lernkurve erfordert.

Betriebs-Dashboard

Ziel: Die Leistung von Prozessen überwachen und ihren Benutzern ermöglichen, visuell und interaktiv auf ein Problem hinzuweisen, das schnell behoben werden muss

Hauptperson: Da diese Dashboards zur Verfolgung von Betriebsabläufen verwendet werden, werden sie am häufigsten von qualifiziertem Personal der mittleren Ebene bedient

Eigenschaften: Der Benutzer sollte in der Lage sein, mit dem Dashboard verschiedene Aktivitäten zu filtern und auszuführen, wie z. B. das Aufteilen der Daten in verschiedene Kontexte und das Messen über einen ausgewählten Zeitraum.

Häufige Fehler: Operative Dashboards ermöglichen es dem Benutzer, verschiedene Prozesse zu überwachen und zu analysieren, sodass er viele Informationen erstellen oder verarbeiten kann. Stellen Sie sicher, dass Sie die Informationen entsprechend den Benutzerabläufen platzieren und gruppieren – sie müssen äußerst intuitiv und einfach sein, damit der Benutzer auf die benötigten Daten zugreifen kann.

Strategisches Dashboard

Ziel: Ein strategisches Dashboard ist ein Messinstrument, das den Managementteams vergleichende Ansichten über ihre Geschäftsleistung (und Ziele) aus verschiedenen Zeiträumen bietet und in der Regel Prognosen für die zukünftige Entwicklung liefert.

Hauptperson: Normalerweise Management oder Analysten

Merkmale: Die meisten strategischen Dashboards basieren auf dem Vergleich verschiedener Varianten aus verschiedenen Gruppen oder Zeitrahmen. Sie müssen interaktiv sein und das Ziel oder die Zielvorgabe darstellen, die erreicht werden soll.

Häufige Fehler: Das strategische Dashboard kann es den Managementteams ermöglichen, die richtigen Entscheidungen zu treffen, um die Effizienz und Produktivität des Unternehmens zu verbessern. Stellen Sie sicher, dass Sie die Ziele Ihres Benutzers genau definieren und seine Fortschritte auf dem Weg dorthin hervorheben (Manager lieben es, ihre Fortschritte in ihren Vorstandspräsentationen zu zeigen).

Analytisches Dashboard

Ziel: Analytisches Dashboard, das sich auf eine große Datenmenge konzentriert und dem Benutzer die Möglichkeit bietet, in bestimmte und definierte Segmente einzutauchen und diese in verschiedenen Aggregationen und Ansichten zu erkunden

Hauptperson: Analysten

Merkmale: Im Gegensatz zu operativen Dashboards, die sich auf Echtzeit konzentrieren, stützen sich analytische Dashboards auf historische Daten, um Trends zu erkennen, diese mit mehreren Variablen zu vergleichen und Vorhersagen zu erstellen.

Häufige Fehler: Der Schwerpunkt des Analyse-Dashboards liegt auf einem bestimmten Informationssegment (zu einem bestimmten Zeitpunkt). Die meiste Arbeit des Benutzers besteht darin, dieses Segment zu zerlegen und in Scheiben zu schneiden und es mit anderen Segmenten zu vergleichen. Stellen Sie sicher, dass der Filtermechanismus einfach zu bedienen ist mit, und es verzögert den Benutzer nicht von seinem Flow .

Taktik-Dashboard

Ziel: Beschleunigen Sie die Entscheidungsfindung und markieren Sie die Bereiche, die Aufmerksamkeit erfordern

Hauptperson: Wird normalerweise von der mittleren Führungsebene verwendet

Merkmale: Taktik-Dashboards müssen das gesamte Unternehmen in seinen spezifischen Teilen/Abteilungen/Gruppen darstellen und den Benutzer auf die problematischen Bereiche fokussieren. Heatmaps, Topologiekarten, Blasendiagramme und andere BI-Komponenten, die die Elemente innerhalb einer Gruppe zeigen, werden normalerweise in dieser Art von Dashboard angewendet.

Sobald Sie verstanden haben, was Ihre Benutzer benötigen, können Sie schließlich das richtige Framework und den richtigen Dashboard-Typ für die Darstellung ihrer Daten auswählen

1. Auf einen Blick: Zusammenfassung wichtiger Kennzahlen zu einem bestimmten Zeitpunkt
2. Operativ: Zeigen Sie die Leistung anhand verschiedener Prozessmetriken an
3. Strategisch: konzentriert sich auf langfristige Strategien und Kennzahlen, die zum Erreichen/Verbessern erforderlich sind
4. Analytisch: Enthalten große Datenmengen, die aus verschiedenen Ansichten herausgeschnitten und dargestellt werden können
5. Taktisch: Präsentieren Sie eine detaillierte Analyse des Unternehmens, um die Entscheidungsfindung zu beschleunigen und die Bereiche hervorzuheben, die Aufmerksamkeit erfordern

Kennen Sie die „Fünf-Sekunden-Regel“? (Nicht die Frage, wie man Essen vom Boden isst)

Es geht um die Fähigkeit, das Gesuchte innerhalb von 5 Sekunden auf dem Bildschirm zu finden – und es geht um Hierarchie.

Die Regel ist einfach: Je wichtiger die Informationen, desto prominenter sollten sie sein.

Wenn Sie Entscheidungen darüber treffen, welche Informationen wohin gelangen sollen, müssen Sie Ihre Entscheidungen auf der Art und Weise basieren, wie Menschen Informationen lesen und wie wichtig diese Informationen sind. Sie können die Benutzerreise auf dem Bildschirm erstellen, indem Sie die Informationen in verschiedenen Hierarchien und an verschiedenen Stellen auf den Bildschirmen platzieren und so sicherstellen, dass sie die Aufmerksamkeit des Benutzers an den richtigen Stellen und in der richtigen Reihenfolge erregen. Die KPIs sind normalerweise ein guter Ausgangspunkt, da dies der interessanteste Bereich ist, um mit dem Eintauchen in das Dashboard zu beginnen – dies ist die Zusammenfassung, in der Sie den Kontext erhalten, bevor Sie sich in die harten Dinge stürzen.

Es gibt viele Arten von Hierarchien und viele weitere unterschiedliche Möglichkeiten, sie anzuwenden. Ich versuche, die häufigsten Arten anhand von Beispielen zusammenzufassen:

Größenhierarchie

Nicht alle Datenmetriken sind gleich und einige werden möglicherweise früher im Fluss benötigt – je größer das Element, desto auffälliger ist es. Der Benutzer geht von Natur aus von den größeren Komponenten zu den kleinen über

Positionshierarchie

Die obere linke Ecke des Bildschirms erhält natürlich mehr Aufmerksamkeit. Versuchen Sie daher, die wichtigen Informationen von oben nach unten und von links nach rechts anzuordnen. Durch die Anordnung der Komponenten in dieser Reihenfolge wird sichergestellt, dass der Benutzer den Ablauf dort beginnt, wo er es beabsichtigt hat.

Leerraumhierarchie

Wenn Sie möchten, dass ein Parameter Aufmerksamkeit erregt, isolieren Sie ihn und umgeben Sie ihn mit Leerraum und nicht in der Nähe (oder zwischen) anderen Elementen.

Farbhierarchie

Durch auffällige Farben können Elemente isoliert und fett hervorgehoben oder in verschiedenen Kontextgruppen angeordnet werden

Es ist schwieriger, die Aufmerksamkeit der Benutzer auf den relevanten Bereich zu lenken, wenn sich alle Komponenten in derselben Hierarchie befinden

Wenn der Bildschirm zu überladen ist, wird die Aufmerksamkeit natürlich auf die weniger überfüllten Orte gerichtet (die mit mehr Weiß und weniger Komponenten).

Wenn Sie einen wichtigen Parameter haben, den Sie nicht verpassen dürfen, finden Sie hier einige Hierarchieregeln in Kürze:

• Die obere linke Ecke des Bildschirms erhält natürlich mehr Aufmerksamkeit. Versuchen Sie daher, die wichtigen Informationen von oben nach unten und von links nach rechts anzuordnen.
• Wenn Sie möchten, dass ein Parameter Aufmerksamkeit erregt, isolieren Sie ihn und umgeben Sie ihn mit Leerraum und nicht in der Nähe oder zwischen anderen Elementen.
• Je größer das Element, desto auffälliger ist es.
• Eine einzigartige Farbe kann ein Element isolieren und es hervorheben

Beim „Lesen“ von Datenvisualisierungen verfügt Ihr Publikum nur über eine begrenzte Menge an Intelligenz, um sich dem Problem zu widmen. Ein Teil dieser Intelligenz wird für die Dekodierung der Visualisierung aufgewendet; Die verbleibende Gehirnleistung kann dann genutzt werden, um die Botschaft zu verstehen.

Der Zweck eines Dashboards besteht darin, komplexe Informationen zugänglich und leicht verständlich zu machen. Daher sollte die Schnittstelle zur Darstellung der Daten sauber und unkompliziert sein, um die kognitive Belastung der Benutzer und den Zeitaufwand für das Verständnis der Inhalte zu minimieren.

Jedes Wort, jedes Bild und jedes Diagramm sollte eine bestimmte Funktion oder einen bestimmten Nutzen für die Benutzeroberfläche bieten. Entfernen Sie unnötigen Text oder Grafiken, um ein einfaches Layout zu erstellen. Gute Dashboards bieten ihren Benutzern sofortige Einblicke und leiten sie mit minimaler Reibung an ihre Aufgaben weiter.

Die beiden folgenden Beispiele teilen die gleichen Erkenntnisse, das obere Beispiel verbreitet alles überall, während das untere Beispiel die entscheidenden Erkenntnisse hervorhebt und die sekundären Informationen auf Anfrage präsentiert.

Wenn zu viele Informationen platziert werden, neigen Benutzer dazu, diese zu ignorieren (es scheint zu aufwändig zu sein, ihre Struktur zu verstehen) und werden wahrscheinlich lieber woanders hingehen.

Bieten Sie dem Benutzer eine einfache Möglichkeit, einfache Antworten auf einfache Fragen zu finden.

5. Finden Sie Beziehungen und bieten Sie Einblicke (lassen Sie den Benutzer nicht zu viel nachdenken)

Die Arbeit endet nicht nur damit, die Metriken und ihre Hierarchien zu erkennen und zu verstehen, wir müssen auch die Beziehungen zwischen ihnen verstehen. Die meisten Parameter stehen nicht einfach für sich allein, sondern sind Ableitungen voneinander. Es ist wichtig, die Beziehungen hinter ihnen zu verstehen und sie so darzustellen, dass Benutzer leichter die richtigen Entscheidungen treffen und Maßnahmen ergreifen können.

Das ist ein etwas kompliziertes Thema, deshalb versuche ich es anhand eines kurzen Beispiels zu erklären:

Ein Manager eines Einzelhandelsnetzwerks wird uns sagen, dass der wichtigste Parameter für ihn der „Gewinn “ seines Unternehmens ist. Wenn wir ihn fragen, was er tun muss, um seinen Gewinn zu steigern, werden wir feststellen, dass er verschiedene Parameter verwendet, die er zuvor nicht unbedingt erwähnt hat – Parameter wie „Umsätze“ und „ Kosten “ .

Ohne diese Parameter (Umsatz und Kosten) hat der Gewinnparameter keine Bedeutung

Umsatz – Kosten = Gewinn

Nachdem wir die Beziehungen zwischen den verschiedenen Parametern definiert haben, können wir für jeden einzelnen Parameter entsprechend seiner Bedeutung und seinem Platz in der Reihenfolge der Aktionen die richtige Visualisierung bereitstellen. Das Hinzufügen kleiner Einblicke nebenbei mit minimaler Beeinträchtigung hilft dem Benutzer, sich auf den Ablauf zu konzentrieren, und versorgt ihn mit zusätzlichen Details.

Eine isolierte Zahl bietet wenig Kontext und Wert und lässt die Person zu viel nachdenken – es ist besser, zu einer bestimmten Metrik ihre verglichenen historischen Daten oder den optimalen Wert hinzuzufügen.

6. Farbentscheidungen im Voraus – (wie man die richtige Botschaft vermittelt)

Die Farbauswahl ist beim Armaturenbrett unglaublich wichtig. Die Wahl der richtigen Farbe kann den Arbeitsablauf des Benutzers enorm erleichtern und eine ansprechendere Benutzeroberfläche schaffen, aber die Wahl der falschen Farben kann sich manchmal sogar noch schädlicher auf Ihre gesamte UX auswirken.

Hier sind einige Schlüsselelemente, die es zu berücksichtigen gilt, BEVOR Sie Farben auf die Benutzeroberfläche anwenden

Marke

Es ist leicht anzunehmen, dass Ihre Markenfarben die ideale Wahl für das Dashboard-Design und die Datenvisualisierung sind, aber das ist nicht immer der Fall. Denken Sie darüber nach, wie und wo sich Ihre Marke in Ihrem Produkt widerspiegelt, aber zwingen Sie es nicht in Ihren Styleguide. Es ist besser, einen bestimmten Ort für die Farbe Ihrer Marke zu wählen, die sich jederzeit widerspiegelt, und die restlichen Komponenten mit Farben zu gestalten, die ihre Botschaft vermitteln.

Status

Status werden in der Regel als Ampelfarbe (Rot, Orange, Gelb) oder nach Farbe bzw. deren Fehlen dargestellt. Der Benutzer muss den Status auf einen Blick erfassen – es wäre besser, wenn er nicht so hart arbeiten müsste, um ihn zu verstehen.

• Schweregrad
• aktivieren deaktivieren
• an aus
• verbinden/trennen

Normalerweise werden sie rot oder in einer anderen auffälligen Farbe eingefärbt, da ihr Ziel darin besteht, die Aufmerksamkeit des Benutzers zu erregen und seinen Arbeitsablauf zu stoppen.

• Warnungen
• Erhöhen verringern
• Mitteilungen
• Benachrichtigungen

Farben haben eine allgemein bekannte Bedeutung. Sie können den Benutzer darauf hinweisen oder ihn auf die Stellen leiten, die Aufmerksamkeit erfordern – verwirren oder lenken Sie Ihre Benutzer nicht mit unnötigen Farben ab. Es ist besser, die Benutzeroberfläche sauber und mit minimalen Störungen zu halten, um sofortige Einblicke in die Farben zu ermöglichen

Verpacken

Auch in der Marketingabteilung finden Dashboards oft Einzug. Sie sind viel fotogener und ansprechender als Operationsbildschirme oder Excel-Tabellen. Mit ein wenig Farbe an den richtigen Stellen ist es möglich, die Aufmerksamkeit der Nutzer auf die Stellen zu lenken (und Informationen bereitzustellen), an denen Handlungsbedarf besteht. Bekannte Konventionen (grün – alles ist in Ordnung, rot – alles ist schrecklich) werden immer funktionieren, um die Aufmerksamkeit der Benutzer zu lenken, aber Größe und Speicherort bestimmen auch die Hierarchie der Daten.

Wie bereits erwähnt, ist das Dashboard das Tor zum Produkt, aber nicht das Produkt selbst. Es sollte das Endergebnis und den Status der verschiedenen Aspekte des Produkts widerspiegeln, jedoch nur das erforderliche Minimum.

Das Verstehen der Benutzerbedürfnisse und der Aufbau des Dashboards sind aufgrund der Komplexität und der kreativen Freiheit die angenehmsten und anspruchsvollsten Schritte beim Aufbau eines Systems oder einer Plattform. Es ist ratsam, dieser Seite genügend Zeit und Wiederholungen zu widmen, da es sich um einen Bildschirm handelt, der von fast allen Benutzern in der Organisation bearbeitet wird und der den Bedürfnissen aller gerecht werden soll. Das Dashboard ist einer der Bildschirme, die die Plattform repräsentieren. Daher lohnt es sich, in es zu investieren und ein einzigartiges und originelles Tool zu schaffen, das über seine Grundfunktionen hinaus auch einen Marketingwert bietet.