Zu Hauptinhalt springen

Best Practices für das Gestalten von Visualisierungen

Ordnung schaffen in Ihren Apps

Zu viele Informationen machen es schwierig zu erkennen, was wichtig ist. Der Stil der heutigen modernen Benutzeroberfläche hat ein sauberes, einfacheres, flacheres Design. Ein vereinfachtes Design weist den Lesern auf subtile Art den Weg und ermöglicht ihnen, konzentriert zu bleiben.

Weniger ist mehr

Die Benutzer versuchen oft, zu viele Informationen in eine App einzuschließen. Liniendiagramme mit unterschiedlichen Kennzahlen können verwirrend und schwierig zu interpretieren sein. Versuchen Sie, mehrere kleinere Visualisierungen zu erstellen, um die Informationen über eine Seite zu verteilen. Dann können die Leser nebeneinander angeordnete Visualisierungen effizient vergleichen und gegenüberstellen. Sie können auch alternative Dimensionen und Kennzahlen verwenden, damit die Leser schnell zwischen Kennzahlen umschalten können, ohne eine Visualisierung zu verändern. Weitere Informationen finden Sie unter Ändern der Daten einer Visualisierung.

Es gibt mehrere verschiedene Möglichkeiten, das Erscheidungsbild und die Funktionalität Ihrer App zu verbessern. Abhängig von Ihrer Zielgruppe und den Daten, die Sie hervorheben möchten, kann Ihre Visualisierungsgestaltung starke Auswirkungen auf die Interpretation der Daten durch Ihre Leser haben.

Beschränkungen beachten

Die Nutzer Ihrer Visualisierungen arbeiten möglicherweise mit wenig Platz auf dem Bildschirm oder geringer Auflösung. Qlik Sense verwendet ein responsives Design für den Umgang mit diesen Beschränkungen. Wenn der Bildschirmplatz oder die Auflösung aber zu gering sind, müssen bestimmte Designanpassungen vorgenommen werden. Es gibt folgende Möglichkeiten:

  • Eine Teilmenge der Daten wird in Balken- und Liniendiagrammen angezeigt. Wenn die Anzahl der Dimensionswerte die Breite der Visualisierung übersteigt, wird ein Mini-Diagramm mit einer Scroll-Leiste angezeigt.
  • Reduzierte Menüs für die Auswahl von Datenfiltern. Wenn die Anzahl der Dimensionswerte den verfügbaren Platz für das Filterfenster übersteigt, wird das Menü reduziert. Die App-Nutzer müssen auf den Dimensionsnamen im Titel des Filterfensters klicken, um ein neues Fenster zu öffnen. In diesem neuen Fenster können sie dann ihre Auswahl treffen. Zudem können bei wenig verfügbarem Platz Dimensionsnamen als Elllipsen in Filterfenstertiteln angezeigt werden. Die App-Nutzer müssen die Ellipsen anklicken, um den Namen des Filterfensters anzuzeigen.
  • Abgeschnittene Namen in Diagrammlegenden. Namen, die für den für Dimensionen und Kennzahlen verfügbaren Platz zu lang sind, werden abgeschnitten. Am Ende des abgeschnittenen Namens wird eine Ellipse hinzugefügt. App-Nutzer können den Mauszeiger über den abgeschnittenen Namen halten, um den vollständigen Namen anzuzeigen.
  • Fehlende Legenden, Bezeichnungen und Titel.

Die App-Nutzer können Visualisierungen erweitern, um einige dieser Probleme zu beheben. Sie sollten aber Ihre Apps auf den Geräten, auf denen die Apps voraussichtlich genutzt werden, testen. Für das Testen stehen auch mehrere Tools zur Verfügung, wie der responsive Designmodus in Firefox (Strg+Umschalt+M). Bei Bedarf können Sie Visualisierungen in neue Arbeitsblätter verschieben, die in Visualisierungen angezeigte Datenmenge reduzieren usw.

Zugänglichkeit von Farben

Das Farbspektrum von Personen mit farbbasierten Sehproblemen ist stärker eingeschränkt. Sie können die Visualisierung anders als von Ihnen beabsichtigt interpretieren.

Einige Menschen sehen die Farben Rot und Grün beispielsweise eher als Gelb oder Braun. Die Rot-Grün-Farbblindheit ist am weitesten verbreitet. Darauf sollte hingewiesen werden, weil Rot in Datenvisualisierungen häufig eine negative Bedeutung hat, insbesondere im Finanzwesen.

Ein roter oder grüner KPI-Status kann verwirrend sein. Sie können Formen mit Farben als Leistungsindikatoren verwenden, um Ihre Designs zugänglicher zu machen. Nutzen Sie beispielsweise einen leeren roten Kreis, um auf Schlechtes hinzuweisen, einen vollen grünen Kreis für etwas Gutes und ein Dreieck als Warnsymbol, das nur erscheint, wenn der KPI-Status inakzeptabel ist.

Linien, Balken und Tortenstücke lassen sich möglicherweise schlecht unterscheiden, wenn die Farben verzerrt sind.

Weitere Informationen finden Sie unter Ändern der Darstellung einer Visualisierung.

Filter und Symbol-Platzierung

Filter und Symbole sind unerlässliche Bestandteile von Datenvisualisierungen. Allerdings ist nicht immer offensichtlich, wo sie platziert oder wie sie sortiert werden sollten. Häufig können Sie auf Grundlage einiger gut etablierter Designprinzipien antizipieren, wo Benutzer mit dem Lesen beginnen.

Platzierung auf der linken Seite

Mehrere beliebte Websites arbeiten mit Navigationskacheln und Filtern, die links angeordnet sind. Das liegt daran, dass viele Sprachen von links nach rechts gelesen werden. Daher müssen diese Leser am häufigsten auf die linke Seite des Bildschirms schauen. Benutzer, die nach Inhalten suchen, tendieren zur linken Seite des Bildschirms. Je weiter entfernt die Objekte sind, um so weniger werden die Benutzer sie anschauen. Wenn alle Ihre Filter und Symbole vertikal auf der linken Seite angeordnet sind, ist deren Gewichtung identisch.

Für Sprachen, in welchen der Text von rechts nach links geschrieben wird, trifft das Gegenteil zu. Das sollte bedacht werden, wenn Ihre Apps in diese Sprachen übersetzt werden.

Platzierung oben

Eine andere häufige Platzierungsoption für Symbole und Filter ist oben in einer App. Wenn Filter oder Symbole nicht links platziert werden, vergrößert sich die Fläche für Visualisierungen ohne störende Menüs. Wenn Filter und Symbole über Visualisierungen platziert werden, werden sie auch als vom darunter stehenden Inhalt getrennt wahrgenommen. Das kann die Leser darauf hinweisen, dass Sie Filter oder Symbole priorisieren. Wenn alle Ihre Filter und Symbole nebeneinander oben angeordnet sind, hat der Filter bzw. das Symbol ganz links mehr Gewicht und wird vom Leser priorisiert.

Weitere Informationen finden Sie unter Strukturieren von Apps mithilfe von Arbeitsblättern.

Informationshierarchie

Manchmal möchten Sie bewirken, dass Ihr Leser bestimmte Visualisierungen anderen vorzieht. Sie können eine Informationshierarchie mithilfe einiger der Schlüsselpraktiken für das Design anzeigen. Beispielsweise können Sie unterschiedliche Größen verwenden, um einige Visualisierungen hervorzuheben. Größere Informationen werden als wichtiger wahrgenommen, und durch eine Vergrößerung der Schriftart oder des Diagramms können Sie dem Leser zeigen, wohin er zuerst schauen soll.

Der Seitenplatzierung kommt bei der Informationshierarchie ebenfalls eine Rolle zu. Die Informationen oben auf der Seite werden zuerst gelesen und somit als wichtiger wahrgenommen, als die Informationen unten auf der Seite. Informationen auf der ersten Seite werden als wichtiger wahrgenommen, als jene auf der letzten Seite.

Hinzufügen von Kontext zu KPI

KPIs sind eine ausgezeichnete Möglichkeit, um die großartigen Ideen in Ihrer App zu vermitteln. Allerdings bieten KPI-Werte keinerlei Kontext hinsichtlich der Zahlen und Berechnungen hinter den Kulissen. Eine grüne Lampe neben einer KPI sagt dem Leser nicht, ob das Ziel einfach nur erreicht wurde oder ob Sie es grandios übertroffen haben.

Damit Ihre KPIs auch Kontext haben, fügen Sie neben dem Wert in einer kleineren Schriftart Text hinzu. Zum Beispiel können Sie den aktuellen KPI-Wert mit dem Wert aus dem Vorjahr vergleichen. Sie können auch ein kleines Balkendiagramm ohne Achsen oder Werte hinzufügen, um Informationen zum aktuellen Trend zu bieten.

Weitere Informationen finden Sie unter KPI-Eigenschaften.

Die Tücken der Datenvisualisierung vermeiden

Um von den Vorteilen von Datenvisualisierungen zu profitieren, müssen Sie deren Tücken vermeiden. Hier einige häufige Fehler:

Übertriebener Einsatz von Farben

Verwenden Sie Farben nicht exzessiv. Der Einsatz der falschen Farbe am falschen Ort sorgt eher für Verwirrung als für Klarheit. Zudem kann eine Farbe in verschiedenen Teilen der Welt unterschiedliche Bedeutungen haben.

Falsche Verwendung von Kreisdiagrammen

Verwenden Sie Kreisdiagramme nicht nebeneinander zum Vergleichen. Versuchen Sie nicht, sie mit zu vielen Informationen zu überfrachten.

Visuelles Durcheinander

Zu viele Informationen gehen auf Kosten der Klarheit. Verwenden Sie maximal neun KPIs und vermeiden Sie jedes visuelle Durcheinander.

Design vor Inhalt

Eine optisch ansprechende Visualisierung ist nicht unbedingt die effektivste. Folgen Sie immer den besten Gestaltungspraktiken.

Mangelhafte Daten

Erkennen und korrigieren Sie Probleme mit Ihren Daten, bevor Sie sie präsentieren. Die Schuld sollte nicht auf die Visualisierung geschoben werden, wenn das Problem bei fehlerhaften Daten liegt.

Löschen Sie diesen Text und ersetzen Sie ihn durch Ihren eigenen Inhalt.