Vizualizarea datelor – Cele mai bune practici și baze

Publicat: 2022-03-11

„Dezordinea și confuzia nu sunt atribute ale datelor - sunt deficiențe ale designului.” – Edward Tufte

Ce este vizualizarea datelor?

Michael Friendly definește vizualizarea datelor „ca informație care a fost extrasă într-o formă schematică, inclusiv atribute sau variabile pentru unitățile de informație”. Cu alte cuvinte, este o modalitate coerentă de a comunica vizual conținutul cantitativ. În funcție de atributele lor, datele pot fi reprezentate în mai multe moduri diferite, cum ar fi un grafic cu linii, un grafic cu bare, o diagramă circulară, un grafic de dispersie sau o hartă.

Este important ca designerii grafici să adere la cele mai bune practici de vizualizare a datelor și să determine cea mai bună modalitate de a prezenta vizual un set de date. Vizualizările de date ar trebui să fie utile, atractive din punct de vedere vizual și să nu inducă niciodată în eroare. Mai ales atunci când lucrați cu seturi de date foarte mari, dezvoltarea unui format coeziv este vitală pentru a crea vizualizări care sunt atât utile, cât și atrăgătoare din punct de vedere vizual.

Afișarea vizuală a datelor face mai ușor de înțeles în acest exemplu de cele mai bune practici de vizualizare a datelor — Vizualizarea datelor *Wall Street Journal* a cifrelor șomajului din SUA. (de la WSJ)

De ce să folosiți vizualizarea datelor

Potrivit IBM, 2,5 chintilioane de octeți de date sunt creați în fiecare zi. Cercetătorul Andrew McAfee și profesorul Erik Brynjolfsson de la MIT subliniază că „mai multe date traversează internetul în fiecare secundă decât erau stocate în întregul internet în urmă cu doar 20 de ani”.

Pe măsură ce lumea devine din ce în ce mai conectată cu un număr tot mai mare de dispozitive electronice, volumul de date va continua să crească exponențial. IDC estimează că vor exista 163 zettabytes (163 trilioane gigabytes) de date până în 2025.

Toate aceste date sunt greu de înțeles de creierul uman – de fapt, este dificil pentru creierul uman să înțeleagă numere mai mari de cinci fără a face un fel de analogie sau abstractizare. Designerii de vizualizare a datelor pot juca un rol vital în crearea acestor abstracții.

La urma urmei, datele mari sunt inutile dacă nu pot fi înțelese și consumate într-un mod util. De aceea, vizualizarea datelor joacă un rol important în orice, de la economie la știință și tehnologie, la asistență medicală și servicii umane. Transformând numere complexe și alte informații în grafice, conținutul devine mai ușor de înțeles și utilizat.

Diagramele vizuale sunt deosebit de utile în proiectarea tabloului de bord

Când să-l folosești

Deoarece numerele mari sunt atât de greu de înțeles în orice mod semnificativ și multe dintre cele mai utile seturi de date conțin cantități uriașe de date valoroase, vizualizarea datelor a devenit o resursă vitală pentru factorii de decizie. Pentru a profita de toate aceste date, multe companii văd valoarea vizualizării datelor în înțelegerea clară și eficientă a informațiilor importante, permițând factorilor de decizie să înțeleagă concepte dificile, să identifice noi modele și să obțină informații bazate pe date pentru a face mai bine. decizii.

Merită să cheltuiți resurse pentru soluții de proiectare de vizualizare a datelor . Înțelegerea seturilor mari de date este necesară pentru a lua o decizie în cunoștință de cauză, indiferent dacă este vorba despre afaceri, tehnologie, știință sau alt domeniu. Vizualizările clare fac datele complexe mai ușor de înțeles și, prin urmare, mai ușor de luat măsuri.

Cele mai bune practici de vizualizare a datelor pentru aplicațiile de consum

Principii

Definiți un scop clar

Vizualizarea datelor ar trebui să răspundă la întrebări strategice vitale, să ofere valoare reală și să ajute la rezolvarea problemelor reale. Poate fi folosit pentru a urmări performanța, a monitoriza comportamentul clienților și a măsura eficacitatea proceselor, de exemplu. Alocarea timpului de la începutul unui proiect de vizualizare a datelor pentru a defini în mod clar scopul și prioritățile va face rezultatul final mai util și va preveni pierderea timpului creând elemente vizuale care nu sunt necesare.

Cunoașteți audiența

O vizualizare a datelor este inutilă dacă nu este concepută pentru a comunica clar cu publicul țintă. Ar trebui să fie compatibil cu expertiza publicului și să permită spectatorilor să vadă și să proceseze datele cu ușurință și rapiditate. Luați în considerare cât de familiar este publicul cu principiile de bază prezentate de date, precum și dacă este probabil să aibă cunoștințe în domeniile STEM, unde diagramele și graficele sunt mai probabil să fie vizualizate în mod regulat.

Sunt căutați designeri UX independenți cu normă întreagă din SUA

Utilizați caracteristici vizuale pentru a afișa corect datele

Există atât de multe tipuri diferite de diagrame. A decide ce tip este cel mai bun pentru vizualizarea datelor prezentate este o artă în sine. Diagrama corectă nu numai că va face datele mai ușor de înțeles, dar le va prezenta și în cea mai precisă lumină. Pentru a face alegerea corectă, luați în considerare ce tip de date trebuie să transmiteți și cui sunt transmise.

Iată cele mai populare tipuri de diagrame pentru vizualizarea datelor:

Diagrame cu linii: Diagramele cu linii trebuie utilizate pentru a compara valorile în timp și sunt excelente pentru afișarea modificărilor mari și mici. Ele pot fi, de asemenea, folosite pentru a compara modificările la mai mult de un grup de date.

Diagramele cu linii sunt un exemplu de tehnici bune de vizualizare a datelor — (Sursa: <a href="https://www.unep.org/about-un-environment

Diagrame cu bare: Diagramele cu bare trebuie folosite pentru a compara datele cantitative din mai multe categorii. Ele pot fi folosite și pentru a urmări modificările de-a lungul timpului, dar sunt utilizate cel mai bine numai atunci când acele modificări sunt semnificative.

Diagramele cu bare sunt o modalitate bună de a prezenta vizual anumite date — (Sursa: Lumea noastră în date)

Diagrame de dispersie: diagramele de dispersie trebuie utilizate pentru a afișa valori pentru două variabile pentru un set de date. Sunt excelente pentru a explora relațiile dintre cele două seturi.

Cele mai bune practici de vizualizare a datelor cu diagrame dispersate — (Sursa: Lumea noastră în date)

Diagrame circulare: Diagramele circulare ar trebui folosite pentru a afișa părți ale unui întreg. Nu pot afișa lucruri precum schimbări în timp.

Diagramele circulare sunt excelente pentru proiectarea de vizualizare a datelor.

Păstrați-l organizat și coerent

Coerența este deosebit de importantă atunci când compilați un set de date mari într-o vizualizare. Un design coerent va trece efectiv în fundal, permițând utilizatorilor să proceseze cu ușurință informațiile. Cele mai bune vizualizări îi ajută pe spectatori să ajungă la concluzii cu privire la datele prezentate fără a fi „în fața ta” sau a atrage atenția asupra lor. Pur și simplu arată datele în cel mai bun mod posibil.

Crearea unei ierarhii de date arată diferitele puncte de date într-un mod relevant pentru factorii de decizie. Puteți sorta de la cel mai mare la cel mai mic pentru a sublinia cele mai mari valori sau puteți afișa o categorie care este mai importantă pentru utilizatori într-un mod vizibil.

Chiar și ordinea în care sunt afișate datele, culorile utilizate (cum ar fi culorile mai strălucitoare pentru punctele cele mai importante sau gri pentru datele de referință) și dimensiunea diferitelor elemente ale unei diagrame (cum ar fi extinderea anumitor secțiuni ale unei diagrame circulare dincolo de chenarul obișnuit al diagramei) poate ajuta utilizatorii să interpreteze datele mai ușor. Feriți-vă de a crea părtiniri acolo unde nu ar trebui să existe atunci când utilizați aceste tehnici.

Cele mai bune practici de vizualizare interactivă a datelor — Vizualizările interactive de date sunt, de asemenea, o modalitate excelentă de a ajuta oamenii să interpreteze datele.

Faceți ca vizualizarea datelor să fie inclusivă

Culoarea este utilizată pe scară largă ca o modalitate de a reprezenta și diferenția informațiile. Potrivit unui studiu recent realizat de Salesforce, este, de asemenea, un factor cheie în deciziile utilizatorilor.

Ei au analizat modul în care oamenii au răspuns la diferite combinații de culori utilizate în diagrame, presupunând că ar avea preferințe mai puternice pentru paletele care au variații subtile de culoare, deoarece ar fi mai atrăgătoare din punct de vedere estetic.

Cu toate acestea, au descoperit că, deși sunt atrăgătoare, paletele subtile au făcut ca diagramele să fie mai dificil de analizat și de a obține informații. Acest lucru încalcă cu totul scopul creării unei vizualizări pentru afișarea datelor.

Abonați-vă la blogul de design Toptal și primiți cartea noastră electronică

Dacă diagramele cu culori similare - și mai puțin contrast - sunt greu de citit pentru o persoană obișnuită, ele sunt și mai dificile pentru persoanele care nu au o vedere perfectă - și reprezintă o parte semnificativă a populației. Potrivit OMS, se estimează că 253 de milioane de oameni trăiesc cu deficiențe de vedere.

Din fericire, există instrumente disponibile pentru a verifica modul în care o imagine va fi vizualizată de persoanele cu aceste deficiențe, cum ar fi verificarea daltonismului în Photoshop și Illustrator. Alte lucruri, cum ar fi utilizarea unor dimensiuni suficient de mari ale fontului și contrastul adecvat între tip și fundal sunt, de asemenea, utile.

Dacă instrumentele de simulare dezvăluie probleme cu paleta de culori, există tehnici care pot îmbunătăți lizibilitatea graficului:

Utilizați culori care au un contrast ridicat.
Completați utilizarea culorii cu model sau textura pentru a transmite diferite tipuri de informații.
Utilizați text sau pictograme pentru a eticheta elementele.

Un exemplu grozav de combinații bune de culori în vizualizarea datelor — Chiar și atunci când o vizualizare de date folosește un model la scară, este posibil să folosiți un contrast de culoare suficient între fiecare pas. Versiunea interactivă a acestui grafic include etichete atunci când utilizatorii trec cu mouse-ul peste fiecare țară. (Sursa: Lumea noastră în date)

Alegerea fontului poate afecta lizibilitatea textului, sporind sau diminuând sensul dorit. Din acest motiv, este mai bine să evitați fonturile de afișare și să rămâneți la fonturi mai de bază serif sau sans serif.

Asigurați-vă că vizualizarea datelor are o dimensiune lizibilă a fontului pentru mediul său. Smashing Magazine sugerează că „16 pixeli ar trebui să fie, în general, dimensiunea minimă pentru copierea corpului în designul web modern”.

Nu distorsionați datele

O vizualizare excelentă a datelor ar trebui să spună povestea în mod clar, evitând distorsiunile. Evitați utilizarea reprezentărilor vizuale care nu reprezintă cu exactitate setul de date, cum ar fi diagramele circulare în 3D.

Design prost de vizualizare a datelor — Diagramele 3D ca aceasta fac dificilă vizualizarea efectivă a proporțiilor fiecărei felii. (prin PSDgraphics)

Vizualizările datelor pot conduce spectatorii la anumite concluzii fără a distorsiona datele în sine. Acest lucru poate fi deosebit de util în proiectarea unor lucruri precum infografice pentru consumul public, de obicei create pentru a susține o concluzie specifică, mai degrabă decât pentru a transmite doar date în general. Lucruri precum alegerea culorilor și indicarea unor puncte de date specifice pot fi folosite în acest scop fără a crea elemente grafice care să inducă în eroare (care ar putea pune în discuție credibilitatea unui designer).

Exemple de vizualizări de date proaste

Un exemplu de design prost de vizualizare a datelor — Nepornirea axei Y la zero poate face ca datele să pară a avea câștiguri mai mari decât sunt prezente de fapt. Acest lucru face ca vizualizarea să inducă în eroare și nu clarifică datele prezentate.

Un exemplu înșelător de vizualizare a datelor — Un alt exemplu de diagramă care nu începe axa Y la zero, obligând modul în care sunt afișate rezultatele.

Un exemplu de combinație proastă de culoare și scară în vizualizarea datelor proaste — Această diagramă cu bare de la o marcă majoră este înșelătoare la scară, deoarece nu există axa Y. Chiar dacă există doar o ușoară diferență de mai puțin de 1%, bara albastră mare este mărită disproporțional.

Un exemplu înșelător de vizualizare a datelor de creștere cu 70% a duratei de viață a bateriei — Când Apple a încercat să ilustreze că bateria noului iPad avea o durată de viață mai mare cu 70%, a crescut înălțimea cu 70%, dar și scara generală, făcând ca bateria să pară semnificativ mai mare decât bateria iPad-ului anterior. (prin Gizmodo)

Exemple de vizualizări bune de date

Combinațiile bune de culori includ un contrast suficient de culoare în această vizualizare a datelor — O diagramă cu bare ca aceasta este o modalitate fantastică de a afișa diferențele dintre seturile de date, deși un contrast crescut de culoare ar face această imagine mai accesibilă pentru utilizatorii cu deficiențe de vedere. (de FiftyThirtyTwenty)

Prezentarea vizuală a datelor poate face tablourile de bord mai ușor de înțeles — Acest tablou de bord de vânzări folosește câteva formate de vizualizare diferite pentru a prezenta datele relevante în formate ușor de înțeles, care au sens dintr-o singură privire. Datele sunt, de asemenea, bine etichetate, clarificând și mai mult lucrurile. (de Bagus Fikri)

Un exemplu de tablou de bord de vizualizare bună a datelor — Combinând designul curat și dezordonat cu vizualizarea datelor ușor de interpretat cu diagrame simple, face o UX excelentă. (de Miklos Philips)

Google Audience Insights este un bun exemplu de bune practici de vizualizare interactivă a datelor — Audience Insights de la Google face o treabă bună cu suita sa interactivă de analiză a datelor, ceea ce face ca datele să fie ușor de înțeles.

Concluzie

O bună vizualizare a datelor ar trebui să comunice un set de date în mod clar și eficient prin utilizarea graficelor. Cele mai bune vizualizări facilitează înțelegerea datelor dintr-o privire. Ei preiau informații complexe și le descompun astfel încât să fie ușor de înțeles de către publicul țintă și pe care să își bazeze deciziile.

După cum a subliniat Edward R. Tufte, „testul esențial al designului este cât de bine ajută la înțelegerea conținutului, nu cât de elegant este”. Vizualizările de date, în special, ar trebui să adere la această idee. Scopul este de a îmbunătăți datele prin design, nu de a atrage atenția asupra designului în sine.

Menținerea acestor bune practici de vizualizare a datelor simplifică procesul de proiectare a infograficelor care sunt cu adevărat utile pentru publicul lor.

•••

Lectură suplimentară:

Inspirați-vă cu aceste vizualizări de date
Actualizați-vă statisticile cu aceste inspirații pentru designul tabloului de bord
Proiectarea tabloului de bord - Considerații și cele mai bune practici
Design de prezentare și arta povestirii vizuale
Importanța designului centrat pe om în proiectarea produsului
Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare