Datavisualisering: Vanliga visuella mönster - dummies

När du börjar skapa visualiseringar kan du vara oroad över placeringen av dina diagram, grafer och andra viktiga data. Eftersom du är ny för datavisualisering kan du känna att du inte har ackumulerat kunskap om vad som fungerar och vad som inte gör det. Några anledningar som du kan känna dig berörda är följande:

• Du är osäker på placeringen av varje element i diagrammet.

• Du är inte klar över vem dina användare kommer att vara för uppgifterna.

• Du vet inte var du ska placera dina menyalternativ så att de kommer att ses.

Lyckligtvis har kognitiva forskare bestämt att människor läser text och bilder i vissa specifika mönster. När du organiserar informationen i din visualisering använder du dessa standardmönster för att dina användare ska skanna informationen snabbt och enkelt.

Z och F-mönster

Här är de två vanligaste visuella mönstren:

• Z mönster: Z-mönstret används ofta för text- och visuella layouter. Som förväntar sig, när en persons ögon följer Z-mönstret, spår hans ögon från vänster till höger över toppen, ner till vänster och sedan över sidan längst ner. Figuren nedan visar punkterna i Z numrerad i den ordning i vilken läsarens ögon spårar över information på en sida.

  

  Hur påverkar detta mönster layouten på ditt innehåll i en visualisering? Din läsare kommer att skanna innehållet längs Z-banans väg, så du borde placera titeln högst upp på Z tillsammans med något viktigt innehåll. Placera mer visuellt innehåll i mitten och längst ner.

• F mönster: Kognitiva forskare har skapat värmekartor för att avgöra var människans öga går när det ser ut på en webbsida. Som visas i följande figur består värmekartor av koncentrationer av färger som visar var läsarna skannade sidan. De mest intensiva färgerna (röda och gula) visar var läsarens ögon längtade längst läsare spenderade mindre tid att titta på de blå områdena. Som du kan se, liknar de röda och gula områdena en F.

  

  F-mönstret på en värmekarta.

Om du håller fast vid dessa två layoutmönster i början, kan du inte gå för långt när du utformar dina data, t.ex.

Mönsterdesign

Här följer några riktlinjer för hur du använder din kunskap om visuella mönster för att skapa en väl utformad visualisering:

• Balans: När du placerar objekt i din visualisering, var noga med att bibehålla balans. När alltför många föremål är sammanslagna, är det svårt för människor att se hur de här artiklarna är relaterade.

• Färg: Slumpmässig användning av färger som röd kan vara vilseledande, vilket får betraktaren att se en varning när det inte finns någon anledning till larm.

• Hierarki: Du är bekant med användningen av hierarkin när det gäller en textbeskrivning. Den översta nivån på konturen kan ha en romersk siffra, nästa nivå kan ha en bokstav, och den tredje nivån kan då ha ett nummer. I en visualisering kan du berätta baserat på storlek eller position vilka objekt är högre eller lägre på hierarkin. Du behöver inte använda numrering som du gör i en skriftlig översikt.

• Repetition: Repetition hjälper människor att bli bekanta med objekten i en design. Om du använder samma element överallt ser människor en enhetlig helhet och behöver inte gissa vad vissa element betyder för att de har sett dessa element tidigare.

• Vitt utrymme: Användningen av vitt utrymme har varit kämpat i årtionden. Vitt utrymme gör att innehållet kan "andas" - det vill säga din bild drar nytta av gott om utrymme runt objekten i visualiseringen. För mycket rodnad gör det svårt för människor att ta bilden i ett ögonkast.