Innholdsfortegnelse:
Video: Week 3, continued 2024
Når du begynner å lage visualiseringer, kan du være bekymret for plasseringen av diagrammer, grafer og andre viktige data. Fordi du er ny for datavisualisering, kan du føle at du ikke har samlet kunnskap om hva som fungerer og hva som ikke gjør det. Noen grunner til at du kan føle deg bekymret, er følgende:
-
Du er ikke sikker på plasseringen av hvert element i diagrammet.
-
Du er ikke klar over hvem dine brukere vil være for dataene, for eksempel.
-
Du vet ikke hvor du skal sette menyelementene dine slik at de blir sett.
Heldigvis har kognitive forskere funnet ut at folk leser tekst og bilder i bestemte spesifikke mønstre. Når du organiserer informasjonen i visualiseringen din, bruker disse standardmønstrene brukerne til å skanne informasjonen raskt og enkelt.
Z og F mønstre
Her er de to vanligste visuelle mønstrene:
-
Z mønster: Z mønsteret brukes ofte til tekst og visuelle layouter. Som forventet, når en persons øyne følger Z-mønsteret, sporer øynene fra venstre til høyre over toppen, ned til venstre, og deretter over siden nederst. Figuren under viser poengene til Z nummerert i rekkefølgen der leserens øyne sporer informasjon på en side.
Hvordan påvirker dette mønsteret utformingen av innholdet ditt i en visualisering? Din leser vil skanne innholdet langs banen til Z, så du bør plassere tittelen øverst i Z, sammen med noe viktig innhold. Plasser mer visuelt innhold i midten og langs bunnen.
-
F mønster: Kognitive forskere har opprettet varmekart for å avgjøre hvor menneskets øye går når det ser på en nettside. Som vist i figuren nedenfor, er varmekartene sammensatt av fargekonsentrasjoner som viser hvor leserne har skannet siden. De mest intense farger (rød og gul) viser hvor lesernes øyne lengste lengst; leserne brukte mindre tid på å se på de blå områdene. Som du ser kan de røde og gule områdene ligne en F.
F-mønsteret på et varmekart.
Hvis du holder deg til disse to layoutmønstrene i begynnelsen, kan du ikke gå for langt når du designer dataene dine, for eksempel.
Mønsterutforming
Her er noen retningslinjer for bruk av kunnskapen om visuelle mønstre for å skape en velfungerende visualisering:
-
Balanse: Når du legger inn elementer i visualiseringen, må du sørge for å opprettholde balansen. Når altfor mange elementer er gruppert sammen, er det vanskelig for folk å se hvordan disse elementene er relaterte.
-
Farge: Tilfeldig bruk av farger som rød kan være misvisende, og får seeren til å se et varsel når det ikke er noen årsak til alarm.
-
Hierarki: Du er kjent med bruken av hierarkiet som det gjelder en tekstoversikt. Toppnivået i omrisset kan ha romersk tall, neste nivå kan ha et stort bokstav, og det tredje nivået kan ha et tall. I en visualisering kan du fortelle basert på størrelse eller posisjon hvilke elementer som er høyere eller lavere på hierarkiet. Du trenger ikke å bruke nummerering som du gjør i en skriftlig oversikt.
-
Gjentagelse: Gjentagelse hjelper folk å bli kjent med elementene i et design. Hvis du bruker de samme elementene i det hele tatt, ser folk en samlet helhet og trenger ikke å gjette hva enkelte elementer betyr fordi de har sett disse elementene før.
-
Hvitrom: Bruken av hvitt rom har vært forkjempet i flere tiår. Hvit plass gjør at innholdet kan "puste" - det vil si at bildet ditt har god plass rundt objektene i visualiseringen. For mye rot gjør det vanskelig for folk å ta bildet i et øyeblikk.