Was sind wesentliche Regeln für das Entwerfen und Produzieren von Grundstücken?

19

Hintergrund:

Zuvor hatten wir bei Cross Validated Fragen zu folgenden Themen:

Es wurde von @david in den Kommentaren zu dieser Frage vorgeschlagen, dass wir eine Community-Wiki- Frage mit einer Visualisierungsregel pro Antwort haben sollten , über die die Community abstimmen konnte.

Frage

Was sind die wesentlichen Regeln für das Entwerfen und Erstellen grafischer Darstellungen von Daten?

Regeln

Eine Regel pro Antwort
Geben Sie im Idealfall eine kurze Erklärung an, warum Sie der Meinung sind, dass dies eine gute Idee ist
Antworten mit Beispielen (Code und Bild) für gute und schlechte Praktiken werden bevorzugt.

data-visualization

— Jeromy Anglim
quelle

13

Substanz über Form : Wählen Sie das entsprechende Diagramm, den Stil, die Farbe oder andere grafische Parameter aus, um zu zeigen, was das Diagramm anzeigen soll, und nicht, was Ihr Grafikpaket unbedingt zulässt.

— Fomite
quelle

8

(+1) Ich bevorzuge es oft, zuerst ein Diagramm auf Papier zu skizzieren, um die Wahrscheinlichkeit zu verringern, dass meine Entwurfsentscheidungen vom Weg des geringsten Widerstands geleitet werden, der von der Grafiksoftware erzeugt wird.

— Jeromy Anglim

13

Es kann hilfreich sein, mit den drei Dimensionen der Farbe vertraut zu sein. Wenn Sie mehrere Farben verwenden, sollten sie sich idealerweise in mehreren dieser Dimensionen unterscheiden, nicht nur in einer.

Wert. Das Diagramm sollte auch in Schwarzweiß lesbar bleiben. Diese einfache Regel sollte Farbenblindheit, minderwertige Drucker und schlechte Lichtverhältnisse berücksichtigen. Stellen Sie sicher, dass die Werte ausreichend unterschiedlich sind, auch wenn Sie unterschiedliche Farbtöne verwenden. Insbesondere sollten die Diagramme auf hellem Hintergrund (oder umgekehrt) dunkel sein, auf einem Grauwert jedoch nicht grau. Das schlechteste Beispiel wäre ein blauer Plot eines roten Hintergrunds - beide sind Mittelwerte, dh sie würden nach der Konvertierung in Schwarz und Weiß sehr ähnliche Graustufen ergeben.

Sättigung. Die Sättigung sollte mit Mäßigung verwendet werden: Eine reine rote Linie mag fein sein, aber eine dickere, weniger gesättigte rote Linie ist besser lesbar (die erhöhte Dicke hilft bei der Unterscheidung von Farben und ermöglicht es Ihnen, die Sättigung zu verringern). Auf der anderen Seite ist ein reiner roter Bereich schmerzhaft anzusehen: Verwenden Sie keine gesättigten Farben, um Bereiche zu füllen. Die Brewer-Farbpaletten (für Karten, nicht für Liniendiagramme) enthalten Beispiele für die Auswahl von Farben mit niedriger Sättigung. Das schlechteste Beispiel wäre wiederum ein gesättigter Hintergrund (blau auf rot oder rot auf blau).

Farbton. Vermeiden Sie, wie von @gung erwähnt, die Kombination Rot / Grün (Ampel): Es gibt viel mehr farbenblinde Menschen als Sie denken. Gerade bei Farbtönen ist weniger mehr. Um beispielsweise "divergierende" Werte darzustellen (dh Größen, die positiv oder negativ sein können), verwenden Sie nur zwei Farbtöne (für positive und negative Werte), damit der Leser sofort unterscheiden kann, was hoch und was niedrig ist. Die Verwendung eines diskreten Verlaufs kann zu einer viel besser lesbaren Darstellung führen: Die Grenzen zwischen den Farben werden sichtbar und bilden ein Konturdiagramm.

Vielleicht möchten Sie die praktischen Regeln von S. Few für die Verwendung von Farben in Diagrammen lesen oder sich auf Material über "Farbtheorie" für Kunst- oder Designstudenten beziehen.

— Vincent Zoonekynd
quelle

+1, nette Informationen hier. Ihre Aussage über den Wert und wie die Farben nach der Konvertierung in Schwarzweiß wiedergegeben werden, ist besonders gut. Der Link zum Few Paper ist ebenfalls hilfreich. Eine Anmerkung: Es ist am besten, andere Antworten nicht als "oben" zu bezeichnen, sondern stattdessen @ so-and-so zu verwenden. Die Antworten bewegen sich basierend auf der Anzahl der abgegebenen Stimmen.

— gung - Wiedereinsetzung von Monica

11

Platzieren Sie so viele der erforderlichen Informationen in der Abbildung. Bitten Sie den Leser nicht, auf die Beschriftung zu verweisen, z. B. um die Bedeutung verschiedener Symbole oder Farben zu identifizieren. Platzieren Sie alle Informationen (oder Zusatzinformationen), die nicht in die Abbildung selbst in der Beschriftung eingehen können. Die Idee ist, den Aufwand zu minimieren, den ein Graph-Betrachter benötigt, um die relevanten Informationen zu extrahieren. --Best: Graph ist selbsterklärend, next best: erforderliche Zusatzinformationen können schnell aus der Beschriftung entnommen werden Der gesamte Abschnitt mit den Ergebnissen sucht nach entscheidenden Details, um herauszufinden, was vor sich geht.

— David
quelle

1

+1, und wir können diese Idee weiter ausdehnen: Wir möchten, dass die Menschen eine Grafik sehen und (so weit wie möglich) wissen, was vor sich geht, ohne die Überschrift lesen zu müssen, und auch, wann sie zusätzliche Informationen benötigen Halten Sie dies in der Beschriftung bereit, sodass die Benutzer die Beschriftung lesen und wissen können, was sie benötigen, ohne das Papier durchlesen zu müssen, um nach diesem entscheidenden Detail zu suchen.

— gung - Wiedereinsetzung von Monica

1

@gung da dies CW ist, können Sie die Antwort jederzeit bearbeiten, um Ihre Kommentare wiederzugeben.

— David LeBauer

10

Machen Sie die Handlung so einfach wie möglich. In Tuftes Worten: "Minimieren Sie das Daten-Tinten-Verhältnis".

Vermeiden Sie zum Beispiel:

mehr Farben oder Formen als erforderlich
mehr Häkchen als nötig
3D-Effekte auf einem 2D-Plot.
Verwenden einer Legende, wenn Objekte direkt beschriftet werden können

— David LeBauer
quelle

Ich bin hier nicht mit Tufte einverstanden. Erstens ist ein großer Teil der Motivation für diese Regel in seinem ursprünglichen Buch, wie viel Zeit Sie aufwenden müssen, um zusätzliche, unnötige Linien zu zeichnen; aber das ist heute irrelevant. Zweitens wird die eigentliche Idee besser von Clevelands Regel erfasst, die den Informationsgehalt der Grafik maximiert, da der Plot manchmal mit mehr Tinte informativer wird, aber beide Regeln den Chart-Junk verbieten, der Tufte beleidigt.

— gung - Wiedereinsetzung von Monica

@gung wo war der Aufwand / Zeitaufwand dargestellt als Motivation von Tufte. Ich erinnere mich nicht an diesen Teil (aber ich habe auch nicht den Text zur Hand).

— David LeBauer

1

Ich habe es auch nicht, aber ich erinnere mich , dass er in seinem ersten Buch Visual Display darüber sprach, wie oft Sie das Lineal niederlegen mussten, um eine Grafik zu zeichnen. Vielleicht war "groß" eine Übertreibung, aber ich erinnere mich, dass ich dies gelesen und gedacht habe: "Wen interessiert das jetzt?" In Elements argumentiert Cleveland überzeugend, dass Tuftes Regel falsch ist. Er argumentiert, dass es darum geht, die Informationsübertragung zu maximieren, und zeigt, dass dieses Prinzip auch das beseitigt, was Tufte nicht mag, aber Fälle zulässt (was er zeigt), in denen zusätzliche Tinte, die keine Daten enthält, dazu beiträgt, das Diagramm informativer zu machen.

— gung - Wiedereinsetzung von Monica

Ich sollte klarstellen, dass ich einigen konkreten Vorschlägen nicht widerspreche (z. B. kein 3D, kein Chart-Junk). Ich stritt mich mit Tuftes Regel als Leitfaden für Grafiken.

— gung - Wiedereinsetzung von Monica

@gung Ich habe dieselbe Diskussion als heuristisches Werkzeug interpretiert - eine einfache Möglichkeit für den Leser, den Ansatz zu verstehen, anstatt die Arbeit des Designers zu reduzieren.

— David LeBauer

9

Lassen Sie Zeit zum Bearbeiten. Es braucht Zeit, um ein gutes Diagramm zu erstellen, und es dauert oft (zumindest für mich) mehrere Versuche.

— Peter Flom - Setzen Sie Monica wieder ein
quelle

6

Stelle dich nicht Rot und Grün entgegen. Farbe kann hilfreich sein, aber bedenken Sie bei der Verwendung von Farbe immer, dass eine erhebliche Minderheit der Menschen rot-grün-farbenblind ist. Ich habe einmal jemandem Daten gezeigt und er konnte nicht erkennen, was in meinen Grafiken vorging - es war eine Verschwendung und ich fühlte mich ziemlich dumm. Andere Formen der Farbenblindheit sind sehr selten, aber Rot-Grün ist ziemlich häufig. Diese Seite enthält viele gute Informationen. Hier sind einige Tipps:

Wenn Sie nur zwei Farben benötigen, verwenden Sie Blau und Gelb - verwenden Sie nicht Rot und Grün.
Wenn Sie einen Farbverlauf benötigen, wechseln Sie von Blau zu Gelb, während Sie gleichzeitig die Sättigung und Helligkeit ändern. Verwenden Sie nicht den Regenbogen.
Wenn Sie mehr als zwei Elemente codieren müssen (z. B. Punkte auf einem Streudiagramm aus mehr als zwei Gruppen oder mehrere Linien), sichern Sie Ihre Farben auch mit verschiedenen Zeichnungssymbolen / Linienstilen. Zum Beispiel verschiedene Zeichnungssymbole: o + <sw oder Linien: durchgehend, gepunktet, gestrichelt, strichpunktiert usw. (Sie können Ihren Linien auch Zeichnungssymbole hinzufügen oder die Strichstärken ändern).

— Gung
quelle

Dies ist in der Tat etwas, was ich mich ziemlich oft gefragt habe: Was ist der beste Farbverlauf?

— steffen

4

Verwenden Sie keine gestapelten Balkendiagramme. Wenn Sie einen Likert-Artikel besitzen, müssen Sie nicht bei jeder Antwort auf einen Artikel den Anteil angeben. Diese Grafiken lassen meine Augen bluten.

Verwenden Sie keine Kreisdiagramme.

Dupliziere keine Daten, die in einem Diagramm enthalten sind, indem du sie in eine Tabelle wirfst.

Verwenden Sie eine serifenlose Schriftart wie Arial für Diagrammtitel usw., da diese Schriftarten für diesen Zweck entwickelt wurden.

Kein Beitrag zum Thema Design ist vollständig ohne einen Verweis auf ein Buch. Ich mag Statistical Rules of Thumb . Kapitel 9 ist das Bit, das für die Diskussion hier relevant ist, und die Bits, auf die ich verweise, wenn ich gefragt werde, warum ich gestapelte Balkendiagramme und Kreisdiagramme hasse. :)

Geständnis: In einer meiner ersten studentischen Beratungsaufgaben für einen kleinen NGO-Kunden gab ich ihnen einen Bericht mit vielen gestapelten Balkendiagrammen, die in Farbe gedruckt waren (dies war Mitte der 1990er Jahre). Ich glaube, ich habe es geschafft, diese Welpen gelb, lila und rot zu machen.

— Michelle
quelle

3

Leg dich nicht mit den Achsen an. Schneiden Sie die ersten hundert Einheiten nicht ab, nur weil dann die Steigung des Diagramms eindrucksvoller aussieht. Das Bild bleibt erhalten und die Menschen erinnern sich an einen viel größeren Effekt, als tatsächlich gemessen wurde.

— xmjx
quelle

2

Das Abschneiden von Daten zur Änderung der scheinbaren Neigung ist betrügerisch. OTOH, es ist eine echte Frage, ob Achsen immer 0 und (etwas weniger verwandt) das verwendete Seitenverhältnis enthalten sollten. Cleveland ist davon überzeugt, dass Diagramme informativer sind, wenn Sie die Daten im Datenfenster maximieren und die Neigung der Bank auf 45 Grad erhöhen. Kennen Sie Ihr Publikum hier: Cleveland ist der Meinung, dass professionelles Publikum als kompetent und kompetent angesehen werden sollte. Bei naivem Publikum sollten Sie diese Funktionen jedoch entweder explizit hervorheben und erklären oder (möglicherweise) nicht verwenden.

— gung - Wiedereinsetzung von Monica

Selbst ein professionelles Publikum wird sich (ich nehme an) Monate später nur noch an die steile Linie in der Grafik erinnern und den Schnitt und alles andere vergessen haben. Sie können all diese Daten in der (flachen) Grafik anzeigen, indem Sie die Extremwerte richtig kennzeichnen und trotzdem die Information enthalten, dass sich nichts wirklich oder zeitlich geändert hat.

— xmjx

2

Ich stimme dir nicht zu. Ich halte es nicht für eine vernünftige Regel, darauf zu bestehen, dass alle Achsen bei Null beginnen, wenn dies vorgeschlagen wird. Grafiken sollten Abweichungen und Struktur in den Daten zeigen - wenn es auf Schwankungen von 100.000 um den Wert von zwei Millionen ankommt (und möglicherweise auf Unterschiede zwischen zwei Gruppen), sollte die Grafik zeigen, dass nicht "zwei Millionen" eine große Zahl sind ".

— Peter Ellis

Wie bei jeder Konstruktionsregel denke ich, dass Sie diese brechen können, wenn Sie die praktische Bedeutung der geplotteten Variation wirklich verstehen und wissen, wie Ihr Publikum sie interpretiert. Aber diese Regel wird so oft und so ungeheuerlich verletzt, dass ich der Meinung bin, dass es relativ sicher ist, laut zu proklamieren: "Alle Grundstücke müssen Null enthalten!" wild in den letzten zwei Jahrzehnten, wenn in der Tat die maximale Verbreitung etwa 5% beträgt.

— Matt Parker

Nicht dass 5% irrelevant wären - und die meisten dieser Diagramme sind mit Argumenten über die Konsequenzen der Politik verbunden, die diese Fluktuation hervorgerufen hat. Ich denke jedoch, dass diese Argumente noch schlimmer wären, wenn sie betonen würden, wie massiv politische Maßnahmen mit enormen wirtschaftlichen Konsequenzen tatsächlich relativ geringe Auswirkungen auf den Wohneigentum hatten.

— Matt Parker