Vizualizarea datelor a devenit rapid un standard pentru diseminarea informațiilor pe web. Este folosită într-o gamă largă de industrii, de la domeniul financiar la jurnalism. Aceasta are rolul de a ne ajuta să înțelegem și să comunicăm informațiile din date.
Creierul nostru este pregătit să proceseze informațiile care ne sunt prezentate vizual. Acest lucru ne face să înțelegem mai ușor datele vizualizate în diagrame și grafice comparativ cu datele enumerate în tabele și foi de calcul. O vizualizare excelentă a datelor ar trebui să valorifice aceste puncte forte ale sistemului vizual uman.
Următoarele bune practici vă vor ajuta să proiectați experiențe de date bogate și perspicace, cu ajutorul cărora să vizualizați eficient datele.
1. Proiectați vizualizarea datelor pentru un anumit public
Vizualizarea este folosită pentru a dezvălui modele, pentru a oferi context și pentru a descrie relațiile dintre date. Un designer nu are nicio influență asupra tiparelor și relațiilor dintr-un anumit set de date. În schimb, pot alege câte date să afișeze și ce context să furnizeze, în funcție de nevoile publicului. Vizualizările pentru începători ar trebui să fie structurate, lipsite de ambiguitate și captivante. Ar trebui să explice direct, în cuvinte, ce ar trebui să ia spectatorii din date.
Vizualizările pentru publicul expert pot afișa o parte mai complexă a datelor pentru a permite explorarea și descoperirea acestora. Detaliile și densitatea datelor ar trebui să învingă simplitatea și claritatea lor.
2. Utilizați elemente creative dar nu vă bazați pe interactivitate pentru a facilita explorarea datelor
Când vine vorba de designul de vizualizare interactivă nu ne putem baza pe interacțiune pentru a construi înțelegere. Datele cheie nu trebuie să fie ascunse în spatele elementelor interactive. Mai mult, ar trebui să fie disponibile fără interacțiune. Cu toate acestea, interacțiunea este excelentă pentru a permite integrarea de date suplimentare care să permită explorarea datelor complexe.
3.Folosiți vizibilitatea pentru a concentra atenția și pentru a ghida experiența
Semioza vizuală, face ca un element vizual să iasă în evidență față de mediul înconjurător. Acesta este un instrument puternic în vizualizarea datelor. Poate fi folosit pentru a ghida atenția utilizatorul către cele mai importante informații dintr-o vizualizare. Astfel previne supraîncărcarea cu informații inutile a vizualizărilor de date. Folosind proeminența vizuală pentru a evidenția unele detalii și a suprima altele, ilustrațiile sunt mai clare și mai ușor de înțeles.
Câteva elemente vizuale – culoarea și dimensiunea, pentru a crea și controla importanța vizuală.
Schemele de culori sunt esențiale pentru vizualizarea datelor. Culoarea, așa cum știm cu toții, este deosebit de bună la deosebirea camuflajelor. Putem folosi culori calde, foarte saturate pentru a evidenția punctele cheie ale datelor și culori reci și desaturate pentru a împinge informații mai puțin importante în fundal.
Mărimea este, de asemenea, destul de explicită. Elementele mari necesită mai multă atenție decât elementele mici, așa că măriți elementele pe care ați dori ca spectatorii să le citească mai întâi și reduceți textul și elementele care sunt mai puțin pertinente.
4. Utilizați poziția și lungimea pentru a codifica informațiile cantitative și utilizați culoarea pentru a codifica informațiile categoriale
Tipurile de codificare vizuală în funcție de cât de precis le percepem, pot fi clasificate în funcție de:
- Poziția pe o scară comună;
- Lungime;
- Unghi;
- Zonă;
- Culoare.
Pentru proiectarea vizualizării datelor, prima noastră alegere pentru afișarea informațiilor cantitative ar trebui să fie codificarea datelor după poziție. Spre deosebire de codificările bazate pe unghiuri (cum ar fi diagramele circulare) sau codificările bazate pe zone (cum ar fi diagramele cu bule), codificările bazate pe poziție îi ajută pe spectatori să compare datele cu precizie.
Cu toate acestea, nu toate vizualizările trebuie să fie diagrame cu bare sau diagrame de dispersie. Este doar o idee bună să țineți cont de aceste elemente fundamentale atunci când explorați modalități noi și interesante de vizualizare a datelor.
Ceea ce vreau cu adevărat să subliniez aici este că nuanța nu ar trebui folosită pentru a codifica informații cantitative, ci poate fi folosită pentru a codifica informații categorice. Adică, putem folosi culoarea pentru a arăta că diferiți biți de date aparțin unor categorii diferite.
5. Creați elemente structurale, cum ar fi marcajele și axele, clare, dar discrete
Indiferent dacă susțineți sau nu abordarea extremă a minimalismului în design, faceți-vă o favoare și îndepărtați dezordinea vizuală din orice proiect. Creați un contrast vizual între elementele de date și elementele non-date, așa cum a făcut Nadieh Bremer în vizualizarea ei premiată despre vremurile nașterii în America.
Eliminați toate elementele structurale (cum ar fi fundalurile, liniile și marginile) care nu funcționează pentru a clarifica datele. Atenuați elementele structurale esențiale (cum ar fi axe, grile și semne de bifare) care altfel ar concura cu datele dvs. pentru atenție.
6. Etichetați direct punctele de date
Fiecare element vizual care codifică unele date trebuie etichetat, astfel încât privitorul să înțeleagă ce reprezintă. Simplu, nu?
Greșit. Mult prea mulți designeri se bazează pe legende pentru a spune cititorilor ce simboluri sau culori reprezintă ce serie de date din diagramele lor. Legendele, deși ușoare pentru designer, sunt dure pentru cititor. Ei obligă cititorii să scaneze înainte și înapoi între legendă și date, punând o presiune inutilă asupra memoriei de lucru ale cititorilor.
O alternativă mai bună este să etichetați seria de date direct pe diagramă. De multe ori este mai mult o provocare, dar treaba designerilor este să ușureze procesul de analizare al datelor de către cititori. În exemplul de mai jos, Nathan Yau a făcut proiectat un astfel de tabel pentru a evita utilizarea unei legende, creând un afișaj interactiv cu multipli mici și etichetare directă.
7. Utilizați mesageria și ierarhia vizuală pentru a crea un flux narativ
Cele mai bune vizualizări spun povești convingătoare. Aceste povești apar din tendințele, corelațiile sau valorile aberante din date și sunt întărite de elementele care înconjoară datele. Aceste povești transformă datele brute în informații utile.
La valoarea nominală, ar putea părea că vizualizarea datelor ține de cifre, dar o poveste grozavă de date nu poate fi spusă fără cuvinte. Mesajele, cu o ierarhie vizuală clară, pot fi folosite pentru a conduce cititorul, pas cu pas, prin date.
Titlul ar trebui să dea startul narațiunii, indicând în mod explicit singura perspectivă cheie pe care cititorul ar trebui să o ia din vizualizare. Adnotările mici, împrăștiate printre date, pot oferi sprijin narațiunii respective atrăgând atenția asupra valorii aberante sau tendințelor.
Ceea ce încerc să spun aici este: dă o mână de ajutor spectatorului și spune-i exact ce să caute în date!
8. Suprapunerea informațiilor contextuale direct pe diagramă
După cum tocmai am menționat, putem folosi adnotări într-o vizualizare pentru a ajuta la crearea unui flux narativ. Uneori putem adăuga elemente grafice pentru a face aceste adnotări și mai semnificative.
Luați acest grafic de la Susie Lu, de exemplu. Suprapunerile „Summer Blockbusters” și „Sezonul Oscar” dau sens vârfurilor și văilor care altfel ar putea părea întâmplătoare. Ele ajută spectatorul să înțeleagă semnificația datelor într-un mod mai direct decât subtitrările sau adnotările.
9. Proiectați designul vizualizărilor de date și pentru experiența mobilă
Vizualizările statice, de obicei publicate în formate de imagini bitmap, cum ar fi JPG și PNG, reprezintă o provocare evidentă pentru telespectatorii mobili. Frumusețea multor vizualizări de date constă în detaliile lor vizuale. Multe dintre aceste detalii se pierd pe ecranele mici în formate statice.
Pentru a proiecta pentru experiența mobilă, fie creați vizualizări receptive cu o bibliotecă de vizualizare JavaScript, cum ar fi D3.js sau Highcharts, fie creați mai multe variante ale aceleiași vizualizări statice pentru imprimare, desktop și mobil.
Echilibrați complexitatea cu claritatea pentru a stimula înțelegerea în vizualizarea datelor
Toate practicile pe care le-am atins astăzi se rezumă la un singur lucru: găsirea echilibrului potrivit între complexitate și claritate, care să se alinieze nevoilor publicului dvs.
Este întotdeauna tentant să faceți o vizualizare de date minunat detaliată, subtilă, exploratorie, dar aceasta este rareori cea mai potrivită abordare. Fiți atenți când vă proiectați grafica. Permiteți cunoștințelor și obiectivelor publicului să dicteze care și câte date ar trebui incluse și organizați datele pentru a spune povestea pe care doriți să o spuneți.