Gegevens Visualisatie: algemene visuele patronen - dummies

Wanneer u visualisaties gaat maken, maakt u zich mogelijk zorgen over de plaatsing van uw grafieken, grafieken en andere belangrijke gegevens. Omdat u nieuw bent in datavisualisatie, hebt u misschien het gevoel dat u geen kennis heeft over wat werkt en wat niet werkt. Enkele redenen die u misschien wel zorgen baart, zijn:

• U bent niet zeker van de plaatsing van elk element in de grafiek.

• U bent niet duidelijk wie uw gebruikers voor de gegevens zullen zijn.

• Je weet niet waar je je menu-items moet plaatsen, zodat ze worden gezien.

Gelukkig hebben cognitieve wetenschappers vastgesteld dat mensen tekst en afbeeldingen in bepaalde specifieke patronen lezen. Terwijl u de informatie in uw visualisatie ordent, helpen deze gebruikers uw informatie snel en eenvoudig met behulp van deze standaardpatronen te scannen.

Z- en F-patronen

Dit zijn de twee meest voorkomende visuele patronen:

• Z-patroon: Het Z-patroon wordt vaak gebruikt voor tekst- en visuele lay-outs. Zoals te verwachten, wanneer iemands ogen het Z-patroon volgen, volgen zijn ogen van links naar rechts over de bovenkant, naar links en vervolgens over de pagina onderaan. De onderstaande figuur toont de punten van de Z genummerd in de volgorde waarin de ogen van de lezer de informatie op een pagina volgen.

  

  Welke invloed heeft dit patroon op de lay-out van uw inhoud in een visualisatie? Uw lezer scant de inhoud op het pad van de Z, dus u moet de titel boven aan de Z plaatsen, samen met alle belangrijke inhoud. Plaats meer visuele inhoud in het midden en langs de onderkant.

• F-patroon: Cognitieve wetenschappers hebben warmtekaarten gemaakt om te bepalen waar het menselijk oog terechtkomt wanneer het naar een webpagina kijkt. Zoals weergegeven in de volgende afbeelding, zijn warmtekaarten samengesteld uit kleurenconcentraties die laten zien waar lezers de pagina hebben gescand. De meest intense kleuren (rood en geel) laten zien waar de ogen van de lezers het langst bleven hangen; lezers besteedden minder tijd aan het kijken naar de blauwe gebieden. Zoals je kunt zien, lijken de rode en gele gebieden op een F.

  

  Het F-patroon op een heatmap.

Als u zich in het begin aan deze twee lay-outpatronen houdt, kunt u niet te ver gaan bij het ontwerpen van uw gegevens.

Patroonontwerp

Hier volgen enkele richtlijnen voor het gebruik van uw kennis van visuele patronen om een ​​goed ontworpen visualisatie te maken:

• Saldo: Zorg ervoor dat u de balans behoudt wanneer u items in uw visualisatie plaatst. Wanneer te veel items aan elkaar worden geclusterd, is het voor mensen moeilijk om te zien hoe deze items aan elkaar gerelateerd zijn.

• Kleur: Willekeurig gebruik van kleuren zoals rood kan misleidend zijn, waardoor de kijker een waarschuwing ziet als er geen reden voor alarm is.

• Hiërarchie: U kent het gebruik van hiërarchie omdat het betrekking heeft op een tekstoverzicht. Het bovenste niveau van de omtrek kan een Romeins cijfer hebben, het volgende niveau kan een hoofdletter hebben en dan kan het derde niveau een cijfer hebben. In een visualisatie kunt u zien op basis van de grootte of positie welke items hoger of lager zijn in de hiërarchie. U hoeft geen nummering te gebruiken zoals in een geschreven overzicht.

• Herhaling: Herhaling helpt mensen vertrouwd te raken met de items in een ontwerp. Als je overal dezelfde elementen gebruikt, zien mensen een verenigd geheel en hoeven ze niet te raden wat bepaalde elementen betekenen, omdat ze die elementen eerder hebben gezien.

• Witte ruimte: Het gebruik van witte ruimte wordt al tientallen jaren bepleit. Met witte ruimte kan content ademen. Dat betekent dat je afbeelding baat heeft bij voldoende ruimte rond de objecten in de visualisatie. Te veel rommel maakt het moeilijk voor mensen om het beeld in één oogopslag te bekijken.