Zuhause Persönliche Finanzen Anwendung der Gestalttheorie auf die Datenvisualisierung - Dummies

Anwendung der Gestalttheorie auf die Datenvisualisierung - Dummies

Video: Anwendung der Gestaltgesetze (Praxis) 2025

Video: Anwendung der Gestaltgesetze (Praxis) 2025
Anonim

Sie können denken, dass Webdesigner Benutzererfahrungen schaffen, die nur auf Intuition und Einbildungskraft basieren. Aber ob Sie es glauben oder nicht, die heutigen Designer halten sich an die Gestalttheorie, Prinzipien, die Anfang des 20. Jahrhunderts von deutschen Psychologen entdeckt wurden.

Gestalt bedeutet einheitliches Ganzes in englischer Sprache und ist im Allgemeinen mit der Vorstellung verbunden, dass das Ganze größer ist als die Summe seiner Teile. Die Gestalttheorie besteht aus mehreren Prinzipien - einschließlich der Begriffe Nähe, Ähnlichkeit, Schließung, Fortsetzung und Figur / Grund -, die beschreiben, wie das menschliche Gehirn visuelle Informationen sieht. Designer, die diese Theorie verstehen, können visuelle Elemente entwickeln, die Informationen auf die effektivste Weise kommunizieren. Wir besprechen jedes dieser Prinzipien nacheinander.

Die Gestalttheorie führt gute Konstrukteure an, wenn sie Datenvisualisierungen (Daten-Visualisierungen) erstellen. Sie sollten die Theorie auch verwenden, wenn Sie Ihre eigenen Daten entwerfen. Sie werden wahrscheinlich überrascht sein, dass Sie intuitiv die Prinzipien der Gestalttheorie kennen, was sie noch leistungsfähiger macht.

So beeinflusst jedes Prinzip das, was Menschen sehen:

  • Nähe: Wenn Objekte in unmittelbarer Nähe zueinander platziert werden, nehmen die Leute an, dass sie sich in derselben Gruppe befinden, weil sie nahe beieinander und voneinander entfernt sind. Gruppen. Die folgende Abbildung zeigt eine Visualisierung mit gruppierten Elementen.

  • Similarity: Wenn Gegenstände gleich aussehen, nehmen sie wahr, dass sie vom gleichen Typ sind. Wir gehen natürlich davon aus, dass Formen, die gleich aussehen, verwandt sind. Wenn Sie eine Datenansicht erstellen und Elemente zusammenhalten, die gleich aussehen, können Sie leicht erkennen, dass diese Elemente eine Gruppe darstellen.

  • Verschluss: Unsere Augen neigen dazu, fehlende Teile einer vertrauten Form hinzuzufügen. Wenn zwei Abschnitte aus einem Kreis herausgenommen werden, wie in der folgenden Abbildung gezeigt, nehmen die Personen immer noch den gesamten Kreis wahr.

    Selbst wenn Teile fehlen, können Sie immer noch sagen, dass dieses Bild ein Kreis ist.
  • Fortsetzung: Wenn Menschen Objekte als sich in eine bestimmte Richtung bewegend wahrnehmen, sehen sie, dass sie sich weiterhin so bewegen. Die folgende Abbildung zeigt ein Beispiel.

    Gegenstände bleiben auf dem gleichen Bewegungspfad.
  • Figur / Grund: Je nachdem, wie Menschen ein Bild betrachten, sehen sie entweder die Ziffer (Vordergrund) oder die Grundfläche (Hintergrund) als in der folgenden Abbildung gezeigt.

    Sowohl die Figur als auch der Boden bilden Formen.
Anwendung der Gestalttheorie auf die Datenvisualisierung - Dummies

Die Wahl des Herausgebers

Photoshop 7 Navigationswerkzeuge - dummies

Photoshop 7 Navigationswerkzeuge - dummies

Photoshop 7 bietet alle Möglichkeiten, durch die Funktionen zu navigieren, egal ob Sie eine Mac oder ein Windows-System. In der folgenden Tabelle finden Sie Informationen zum Scrollen, Zoomen und Durchlaufen von Photoshop 7: Action Windows Mac Scrollen Sie mit der Leertaste + ziehen Sie die Leertaste + Strg + Leertaste + klicken Sie auf Apple Command + Leertaste + klicken Sie auf Vergrößern und ändern ...

Photoshop 7 Mal- und bearbeitungswerkzeuge - dummies

Photoshop 7 Mal- und bearbeitungswerkzeuge - dummies

In Photoshop 7 sind die Tastenkombinationen für Mal- und Bearbeitungswerkzeuge meist das Gleiche, ob Sie ein Windows-basiertes System oder einen Mac verwenden. Der einzige Unterschied besteht im letzten Eintrag in der folgenden Tabelle, in der die Verknüpfungen angezeigt werden: Erhöhen der Pinselgröße] Verringern der Pinselgröße [Ändern der Deckkraft oder des Werkzeugflusses 1, ...

Photoshop 7 Paletten-Werkzeuge - Dummies

Photoshop 7 Paletten-Werkzeuge - Dummies

Die Paletten von Photoshop 7 geben Ihnen Zugriff auf Gruppen verwandter Werkzeuge. Wenn Sie sich also auf Farbe konzentrieren, können Sie die Farbpalette aufziehen und Ihre Photoshop-Bilder mit einem Regenbogen von Schattierungen beleben. Die folgende Tabelle zeigt den Zugriff auf die verschiedenen Photoshop 7-Paletten in Windows- und Mac-Systemen: Palette / Aktion ...

Die Wahl des Herausgebers

Fantasy Fußball für Dummies Cheat Sheet - Dummies

Fantasy Fußball für Dummies Cheat Sheet - Dummies

Fantasy Fußball ist ein Spaß, wettbewerbsfähig und süchtig machendes Hobby. Bringen Sie Ihre Fantasy-Saison in Schwung, indem Sie Spieler entwerfen, um ein solides Team aufzubauen und Coaching-Tipps verwenden, um Ihr Team stark zu machen. Wenn Sie eine Position verbessern müssen, probieren Sie einige Strategien für den Handel mit Spielern und den Erwerb freier Agenten aus. Halten Sie einen Führer handlich von ...

Wie Fantasy-Fußball-Playoffs funktionieren - Dummies

Wie Fantasy-Fußball-Playoffs funktionieren - Dummies

Wenn du das Ende deiner Fantasy-Football-Saison erreichst, wenn sie vorbei ist Nun, Sie sind vielleicht im Streit, um die Playoffs zu machen. Wenn das der Fall ist, herzlichen Glückwunsch! Mit diesen Rechten geht es um dieses Spiel, und Sie sind dem ultimativen Preis einen Schritt näher. Wenn nicht, fühle dich nicht schlecht. ...

Bereiten Sie Ihre Fantasy Football Roster für die Draft - Dummies

Bereiten Sie Ihre Fantasy Football Roster für die Draft - Dummies

Vor, wenn Sie Ihre Fantasy Football League erforschen und herausfinden Wie viele Dienstplan-Spots Sie haben, können Sie Ihre Aufmerksamkeit darauf lenken, Ihren Entwurf basierend auf diesen Anforderungen vorzubereiten. Sie können Ihren eigenen Dienstplan-Spickzettel aus CheatSheet War Room ausdrucken. Neben dem Listenblatt finden Sie weitere kostenlose druckbare Fantasy-Fußball ...

Die Wahl des Herausgebers

Erstellen eines neuen Dokuments aus CSS-Starterseiten in Dreamweaver CS6 - Dummies

Erstellen eines neuen Dokuments aus CSS-Starterseiten in Dreamweaver CS6 - Dummies

Adobe Dreamweaver CS6 bietet Ihnen eine Bibliothek von Beispielseiten mit CSS-basierten Layouts als Alternative zum Neuanfang. Diese CSS-Beispielseiten enthalten nützliche und allgemeine Layoutideen, und da sie mit CSS-Positionierung erstellt werden, sind sie sehr flexibel. Sie können sie direkt im Bedienfeld "CSS-Stile" oder im Eigenschafteninspektor ändern. ...