Huis Persoonlijke financiën Gestalttheorie toepassen op datavisualisatie - dummies

Gestalttheorie toepassen op datavisualisatie - dummies

Video: Interaction design and Gestalt Principles | lynda.com tutorial 2024

Video: Interaction design and Gestalt Principles | lynda.com tutorial 2024
Anonim

Je denkt misschien dat webontwerpers gebruikerservaringen creëren die uitsluitend gebaseerd zijn op intuïtie en verbeelding. Maar geloof het of niet, de ontwerpers van vandaag houden zich aan de Gestalt-theorie, principes die aan het begin van de 20e eeuw door Duitse psychologen zijn ontdekt.

Gestalt betekent verenigd geheel in het Engels en wordt over het algemeen geassocieerd met het idee dat het geheel groter is dan de som van de delen. Gestalt-theorie bestaat uit verschillende principes - waaronder de concepten nabijheid, gelijkenis, sluiting, voortzetting en figuur / grond - die beschrijven hoe het menselijk brein visuele informatie ziet. Ontwerpers die deze theorie begrijpen, kunnen beelden ontwikkelen die informatie op de meest effectieve manieren communiceren. We bespreken achtereenvolgens elk van deze principes.

Gestalt-theorie begeleidt goede ontwerpers bij het maken van datavisualisaties (data-analyse). Je zou de theorie ook moeten gebruiken bij het ontwerpen van je eigen gegevens, namelijk. Je zult waarschijnlijk verrast zijn om te ontdekken dat je intuïtief de principes van de Gestalt-theorie kent, waardoor ze nog krachtiger worden.

Zo beïnvloedt elk principe wat mensen zien:

  • Nabijheid: Wanneer items dicht bij elkaar worden geplaatst, nemen mensen aan dat ze zich in dezelfde groep bevinden omdat ze dicht bij elkaar zijn en los van andere groepen. De volgende afbeelding toont een visualisatie met gegroepeerde items.

  • Overeenkomsten: Wanneer items er hetzelfde uitzien, merken mensen dat ze van hetzelfde type zijn. We gaan er natuurlijk van uit dat vormen die er hetzelfde uitzien verwant zijn. Wanneer u een gegevensoverzicht maakt en items bij elkaar houdt die er hetzelfde uitzien, maakt u het gemakkelijk voor iemand om te begrijpen dat die items een groep vertegenwoordigen.

  • Sluiting: Onze ogen hebben de neiging om ontbrekende stukjes van een bekende vorm toe te voegen. Als twee secties uit een cirkel worden genomen, zoals weergegeven in de volgende afbeelding, nemen mensen nog steeds de hele cirkel waar.

    Zelfs als stukken ontbreken, kunt u nog steeds zeggen dat deze afbeelding een cirkel is.
  • Vervolg: Als mensen objecten zien als bewegingen in een bepaalde richting, zien ze dat ze op die manier blijven bewegen. De onderstaande figuur toont een voorbeeld.

    Items blijven in hetzelfde bewegingspad.
  • Afbeelding / achtergrond: afhankelijk van hoe mensen naar een afbeelding kijken, zien ze het -beeld (voorgrond) of -terrein (achtergrond) als opvallend, zoals weergegeven in de volgende afbeelding.

    Zowel de figuur als de grond vormen vormen.
Gestalttheorie toepassen op datavisualisatie - dummies

Bewerkers keuze

Setup Menu 3 op de Rebel T6i / 750D - dummies

Setup Menu 3 op de Rebel T6i / 750D - dummies

Er wachten nogal wat aanpassingsmogelijkheden op de Setup-menu van de Rebel T6i / 750D 3. Setup-menu 3, weergegeven in de volgende afbeelding, bevat de volgende aanpassingsmogelijkheden: Schermkleur: standaard bevat het scherm Opname-instellingen opnamegegevens in het wit op een eenvoudige zwarte achtergrond. Er worden grijstinten in grijstinten gebruikt en accenten worden meestal oranje gemarkeerd. ...

Bewerkers keuze

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst invoeren en in een PowerPoint-dia passen - dummies

Tekst aan een inhoud toevoegen tijdelijke aanduiding in Microsoft PowerPoint, klik op het gebied Klik om tekst toe te voegen en typ wat u wilt. Als u een ander type inhoud wilt toevoegen, klikt u op het pictogram in de tijdelijke aanduiding voor het gewenste type. Als u meer tekst typt dan in dat tekstvak past (vooral gebruikelijk voor ...

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

Voor senioren: de Prullenbak van uw computer leegmaken - dummies

De Prullenbak op uw computer bevat onlangs verwijderde items. Uw oude bestanden bevinden zich in de Prullenbak en u kunt ze ophalen totdat u deze leegt of totdat deze de maximale maximale grootte heeft bereikt, en Windows automatisch enkele bestanden dumpt. Nadat u de Prullenbak hebt leeggemaakt, zijn alle bestanden daarin niet beschikbaar voor ...

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Hoe tekst in te voeren in een Microsoft Office-document - dummies

Nadat u een document hebt gemaakt, bent u klaar om te beginnen met typen. Tekst op de pagina plaatsen (of op het scherm) is een beetje anders in elk van de drie grote Microsoft Office-toepassingen: Word, Excel en PowerPoint. Woord: Het belangrijkste werkgebied van het programma is een lege lei waarop u rechtstreeks kunt typen. Klik gewoon in de ...

Bewerkers keuze

Animatie maken met de HTML5-canvastag - dummies

Animatie maken met de HTML5-canvastag - dummies

Hoewel de HTML5-canvastag misschien niet als vervanging voor Flash als mechanisme voor het implementeren van games en animaties in de browser, is het redelijk eenvoudig om animaties aan een canvasafbeelding toe te voegen. De sleutel is om de animatiefuncties te gebruiken die al in de browser zijn ingebouwd. Basisstructuur van de animatielus in HTML5-canvas Een animatie ...

Hoe externe stijlen maken in CSS3 - dummies

Hoe externe stijlen maken in CSS3 - dummies

De meeste ontwikkelaars gebruiken externe stijlen in CSS3 om te verkleinen de hoeveelheid werk die nodig is om een ​​site te onderhouden. Een. CSS-bestand bevat alle stijlen voor de site, wat betekent dat het veranderen van een stijl voor de hele site net zo eenvoudig is als het veranderen van dat ene bestand (in plaats van elke pagina). Omdat de wijziging plaatsvindt in slechts ...

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

Hoe u volledige interactieve CSS3-toepassingen maakt met YUI - dummies

De Yahoo! Gebruikersinterface (YUI) -bibliotheek (Yuilibrary) is een complete ontwikkeling - API verwant met jQuery en jQuery UI CSS3 gecombineerd in sommige opzichten en rijker dan deze bibliotheken in andere. Dit is een complexe API die is ontworpen om aan de behoeften van grotere applicaties te voldoen. Eigenlijk moet je echt de tutorials doorlopen, ...