Cum să planificați strategic pentru designul UX de date

Big data este în plină expansiune. Cu toate acestea, armonizarea nevoilor complexe de date cu o interfață de utilizator simplă, curată și utilă este un test pentru orice designer UX de astăzi. Adesea, designul (instrumentul pentru transmiterea unui mesaj) iese în calea comunicării (mesajul sau semnificația ascunsă în munții de date brute).

Eliminarea informațiilor va simplifica și va curăța interfața cu utilizatorul. Dar cu aplicațiile bazate pe date, mai puține date înseamnă adesea un tablou de bord mai puțin practic și util.

Cu toate acestea, păstrând toate datele contextuale pe care le puteți, rezultă o aplicație nefuncționabilă.

Deci, cum să atingi echilibrul potrivit?

Modul în care o aplicație prezintă datele joacă un rol imens, care este locul în care intervin designerii UX.

În această postare, voi împărtăși sfaturi și trucuri pe care designerii UX le pot folosi pentru a dezvolta o vizualizare simplă și clară a datelor, chiar și atunci când aplică date mari (date care rulează în gigabytes) pentru tablourile de bord ale aplicațiilor, paginile web și așa mai departe.

Totuși, voi lăsa cele mai bune limbi pentru proiectarea aplicațiilor de date mari din această conversație pentru moment.

Cum să proiectați aplicații grozave de date mari pe care clienții le plac

Poate cel mai bun loc pentru a începe este să întrebi cine este clientul tău.

Poate că ai creat un tablou de bord minunat și l-ai livrat clientului la timp doar pentru ca acesta să întrebe: „Deci, unde pot face X, Y și Z?”

Ai! Asta trebuie să fi durut.

1. Folosiți personaje de utilizator pentru a proiecta tablouri de bord utile bazate pe date

Oricât de mult se vor îmbunătăți în continuare inteligența artificială și învățarea automată, majoritatea organizațiilor vor avea în continuare nevoie de intervenție umană pentru a analiza date necategorisite.

Iar cei mai buni designeri UX creează produse care vor ajuta la rezolvarea unei probleme pentru persoanele care vor folosi aplicații bazate pe date.

Cum o fac?

Erik Klimcz, Senior Design Leader la Uber and Advanced Technologies Group, a împărtășit câteva sfaturi utile pe Medium. El sugerează că designerii UX trebuie să identifice, apoi să definească, utilizatorii sau personajele pentru fiecare proiect.

Deoarece aplicațiile bazate pe date tind să fie utilizate de mai multe persoane din interiorul sau din afara unei organizații, trebuie să identificați acele persoane, astfel încât să vă puteți organiza structurile și sarcinile arhitecturii informaționale pentru a satisface nevoile tuturor.

Acest lucru ar face ca designul să fie util pentru utilizatorul final, publicul țintă - clientul dvs. principal.

Iată o ilustrație:

Dacă trebuie să obțineți elementele de bază despre cum să creați personaje de utilizator pentru proiectele de design UX, Cooper are sfaturi utile (inclusiv cum să cercetați și să colectați date pentru personajele dvs. de design aici).

Înțelegerea utilizatorilor/persoanelor vă poate ajuta să personalizați funcționalitatea aplicației în funcție de nevoile lor - care este scopul final.

De asemenea, puteți determina ce tip de instrumente de vizualizare a datelor să utilizați pentru ce client, în funcție de, de exemplu:

• Cine se va ocupa de datele (personajele utilizatorului)? Este proiectat pentru clienți sau pentru analizatorii de date interni, de exemplu?
• Cazuri de utilizare: de ce au nevoie acești utilizatori de date pentru a-i ajuta să facă în continuare?

De exemplu:

Puteți proiecta un tip de infografic care populează informații pe baza intrărilor personale ale unui utilizator.

Acest tip de design de aplicație bazat pe date ar fi util în situațiile în care utilizatorului i se cere sau este liber să încarce informații pe măsură ce le primește sau când trebuie să le retragă pentru a lua măsuri suplimentare.

Un exemplu este în serviciul pentru clienți, unde un reprezentant CS poate introduce numele sau numărul unui client pentru a aduna mai multe informații despre acesta, cum ar fi o problemă nerezolvată.

Puteți găsi acest tip de instrument interactiv de vizualizare a datelor în acțiune la Mahfix for You vs John Paulson. Vă permite să introduceți un număr și apoi raportează informații în funcție de intrarea dvs. Este destul de neted!

Publicul țintă și clientul
fișa de lucru persona

Acest PDF interactiv de trei pagini vă va ajuta să vă găsiți publicul, să vă auditați conținutul și să creați un plan de joc pentru afacerea dvs. Abonați-vă la Layout pentru a descărca foaia de lucru!

Descărcați gratuit fișa de lucru!

2. Utilizabilitate în detrimentul stilului: menținerea simplă, clară și grațioasă

Este ușor să fii prins în proiectarea unui UX atractiv, care să te atragă, dar care, sincer, este impracticabil pentru clientul tău.

Pentru a fi utilizabilă, o interfață trebuie să fie clară. „Claritatea este munca nr. 1”, pentru a spune în cuvintele prolificului designer UX Joshua Porter.

De fapt, Joshua Porter a scris o postare plină de resurse despre principiile designului interfeței cu utilizatorul - care încă se aplică atunci când proiectăm aplicații de date mari.

Așadar, pentru a crește claritatea în ceea ce privește utilizarea: ar trebui designerii să folosească designul UX personalizat sau să opteze doar pentru instrumente de vizualizare încercate și testate, cum ar fi diagramele cu linii?

Asta va depinde de cazurile dvs. de client/utilizator.

Instrumente mai noi, personalizate de vizualizare a datelor, continuă să apară: infografice (atât statice, cât și interactive), blocuri cu coduri de culori, animații, vizualizare 3D și așa mai departe.

Cu toate acestea, există într-adevăr doar patru instrumente de prezentare a datelor de care ar trebui să aveți vreodată nevoie:

• Diagrame cu linii pentru ilustrarea datelor continue, cum ar fi modul în care ceva s-a schimbat în timp
• Tabele pentru afișarea informațiilor rezumative
• Histograme pentru afișarea distribuției variabilelor și reprezentarea grafică a datelor cantitative în intervale
• Grafice cu bare pentru afișarea datelor discrete, compararea variabilelor și reprezentarea grafică a datelor categorice

Cu toate acestea, puteți depăși doar gradul de utilizare pentru a crea o interfață atractivă de analiză a datelor.

Iată o modalitate de a face acest lucru:

Și mai bine, proiectarea pentru interfețe bogate în date ar putea lua o întorsătură mai simplă:

Combinarea textului și diagramelor este una dintre cele mai bune modalități de a îmbunătăți claritatea în timp ce proiectați pentru un UX bazat pe date. Utilizatorii pot consuma imaginile și pot citi textul pentru o claritate îmbunătățită. Dar această abordare s-ar putea să nu funcționeze în toate situațiile – în special pentru cantități colosale de date necategorisite.

3. Combinați materialul și designul plat - funcționalitate peste formă

Acest concept de design este mai mult despre uzabilitate și minimalism decât, împotriva credinței populare, un design plictisitor în două dimensiuni. Dar designul plat nu este nici plictisitor, nici plictisitor. Puteți utiliza culori strălucitoare, margini curate și spații deschise.

Utilizarea designului plat și material este recomandată în special pentru aplicații mobile, site-uri web și browsere desktop. Deoarece designul este minimalist și nu acumulează o mulțime de date suplimentare (ca și în modelele anterioare), se încarcă rapid și, atunci când este conceput pentru a crește implicarea, poate ajuta vizitatorii să vizualizeze pagina pentru mai mult timp.

Acest lucru este grozav pentru site-urile web bazate pe date sau site-urile mobile care ar putea beneficia de ratele de respingere mai mici, de încărcare rapidă și mai puține (beneficii SEO și de clasare) pe care algoritmii motoarelor de căutare le scanează în mod constant pe interweb.

4. Accesibilitate peste estetică

Nu este vorba doar de a face date grele, contextuale fluide și atrăgătoare (deși asta ajută foarte mult). De asemenea, doriți să proiectați prezentări de date care să faciliteze utilizatorului final:

• Obțineți o idee clară a datelor care sunt cele mai importante
• Înțelegeți fluxul logic al datelor prezentate
• Înțelegeți ce înseamnă datele
• Înțelegeți care este următorul pas de făcut

Ce-ar fi să spargem fiecare dintre aceste elemente?

Utilizatorii ar trebui să știe ce date sunt cele mai importante

Un principiu vital de design UX este de a observa și de a implementa o ierarhie de informații - în acest caz, ierarhia vizuală.

Cu alte cuvinte, un design care prioritizează valorile potrivite.

Doriți să organizați, să aranjați și să prioritizați cele mai importante date mai întâi și să completați ulterior cu orice date suplimentare. Desigur, ordinea de prioritate va varia în funcție de utilizatorul aplicației (de la personajele definite mai sus).

Acest lucru nu numai că dezordinează tabloul de bord, dar ajută și la direcționarea atenției utilizatorului asupra a ceea ce este important pentru el într-un mod ușor de urmărit, mai puțin copleșitor.

Utilizatorii ar trebui să poată înțelege fluxul logic al datelor

„Simplitatea joacă un rol major în a ajuta utilizatorul să conecteze datele la un anumit rezultat. ”

Similar cu ceea ce s-a discutat în punctul anterior, doriți să începeți cu o grilă de prezentare generală a datelor generale.

Puteți adăuga un meniu derulant intuitiv, care, atunci când utilizatorul face clic, glisează în jos pentru a dezvălui informații suplimentare și apoi sarcini specifice sau elemente de acțiune. Oamenii iubesc asta și câștigă deja popularitate.

Iată două moduri de a ajuta cu fluxul:

Ascundeți informații suplimentare

Puteți folosi linkuri pe care se poate face clic sau rollover pentru a dezvălui mai multe informații. De asemenea, funcții precum slide-to-reveal data și zoom-in-to-reveal sunt modalități excelente de a include informații suplimentare sau de a evidenția punctele cheie ale datelor. Toate folosind gesturi simple, naturale.

Acest lucru permite utilizatorilor să facă clic pe link-urile sau rollover-urile pe care le consideră importante pentru munca lor și să le lase pe cele pe care le consideră mai puțin importante.

Din nou, veți vedea cum o cercetare decentă a personajului de design UX vă poate ajuta să identificați ce contează cel mai mult pentru ce utilizator și când.

Folosiți animații de trecere cu mouse-ul

Puteți folosi efectele de animație pentru a adăuga mai multă efort, implicare și utilitate datelor (aparent) plictisitoare.

Animațiile de trecere cu mouse-ul sunt deosebit de utile pentru a furniza informații suplimentare despre sarcini sau elemente specifice, ajutând în același timp la organizarea și curățarea aplicației dvs. bazate pe date.

Cu toate acestea, există mai multe modalități de a folosi animația pentru a oferi aplicații utile și captivante, cu o mare cantitate de date.

Problema cu ascunderea informațiilor în spatele linkurilor, slide-urilor sau rollover-urilor pe care se poate face clic este că lucrați cel mai mult pe partea de back-end a lucrurilor. Așadar, rețineți că trebuie să vă proiectați arhitectura wireframes având în vedere acest lucru de la început.

Utilizatorii ar trebui să poată înțelege ce înseamnă datele

După organizarea și prioritizarea datelor pe tabloul de bord, următorul pas este împărțirea datelor în pagini separate. Dacă este posibil să clasificați informațiile, asigurați-vă că alocați diferite pagini/ecrane pentru diferite pachete de date.

Acest lucru se poate potrivi atât cu proiectele mici, cât și cu cele complexe de proiectare a aplicațiilor, cu volum mare de date, deși ar putea dura mai mult și ar putea solicita mai multă muncă la nivelul back-end.

În conformitate cu tema „covârșitoare” de mai sus, nu numai că acest lucru îi va ajuta pe clientul/utilizatorii să se simtă mai puțin copleșiți, dar este probabil ca aceștia să strângă mai bine cifrele pe o pagină înainte de a trece la următoarea, înțelegând datele pas la pas. timp.

De exemplu, o interfață de utilizare pentru controlul misiunii ar putea ajuta clientul să obțină toate datele pe o singură pagină, dar poate fi copleșitor pentru el în timp - ca să nu mai vorbim de stors, mai ales pentru diferite dimensiuni de ecran.

Adesea un client va solicita acest tip de tablou de bord, dar ar trebui să știți mai bine.

O interfață de utilizare pentru controlul misiunii ar putea părea sofisticată, dar nu este la fel de simplă și ușor de utilizat ca abordarea cu o singură pagină la un moment dat, discutată mai înainte. Primul s-ar putea pune cu ușurință în calea furnizării semnificației ascunse în muntele de date afișate. Și asta nu este util.

Utilizatorii ar trebui să poată înțelege următorul pas de făcut

Urmând pașii de mai sus, devine mai ușor pentru utilizatori să identifice și să relaționeze tiparele în datele brute - un alt câștig cheie pe care să îl urmărești atunci când proiectează aplicații cu volum mare de date. Când instrumentele de vizualizare a datelor pe care le utilizați îi ajută pe utilizatori să înțeleagă datele mari, atunci știți că ați făcut o treabă grozavă.

5. Permiteți loc de îmbunătățire

Nu în ultimul rând, veți dori să vă faceți designul agil.

Pe măsură ce timpul trece și utilizatorii interacționează cu designul dvs., feedbackul lor vă poate determina să acționați și să remediați sau să reproiectați întregul lucru. Nu există o singură modalitate de a crea un design perfect pentru analizarea datelor, așa că menținerea agilă a designului vă poate ajuta să faceți îmbunătățiri continue sau o corecție solidă de la care să începeți.

Recomandări cheie

Scopul designului UX este de a transmite un mesaj într-un mod clar și acționabil. Acest lucru este esențial în special pentru proiectarea aplicațiilor cu volum mare de date. În acest caz, afacerea unui design bun este de a ajuta analiștii sau managerii sau utilizatorii finali să ia o decizie în cunoștință de cauză.

Și utilizatorii nu pot interpreta și utiliza datele brute pentru a informa o decizie dacă nu înțeleg bine ea și modul în care este prezentată.

Proiectarea pentru proiecte UX grele de date nu ar trebui să fie atât de exasperanta pe cât pare. Sfaturile și trucurile de mai sus vă pot ajuta să vă dați seama cum să proiectați pentru interfețe cu date grele. Doar aminteste-ti:

1. Folosiți personaje de utilizator pentru a crea tablouri de bord utile bazate pe date
2. Publicul țintă și fișa de lucru pentru personalitatea clientului
3. Utilizabilitate în detrimentul stilului: menținerea simplă, clară și grațioasă
4. Combinați materialul și designul plat - funcționalitate peste formă
5. Accesibilitate peste estetică
6. Permiteți loc de îmbunătățire

Aveți sfaturi utile pe care le urmați pentru a proiecta interfețe de utilizare minunate de vizualizare a datelor și ați dori să le partajați?

La tine în secțiunea de comentarii de mai jos.

Raport despre afacerile designului web

Anul acesta, am întrebat 1.000 de freelanceri, agenții și creativități de top despre cele mai bune modalități de a construi site-uri web, de a structura serviciile pentru clienți și de a fi plătit (în totalitate!) la timp. De acolo am analizat cifrele, am săpat în perspective și am împachetat un raport frumos, astfel încât să nu mai ghiciți și să începeți să vă extindeți afacerea!

Du-ți afacerea de web design la un nivel cu totul nou, începând cu această lună. Obțineți informații de la alte companii de design precum a dvs. și începeți să taxați competitiv pentru serviciile dvs.!