Cum să planificați strategic pentru proiectarea UX cu date grele

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 de transmitere a unui mesaj) iese în calea comunicării (mesajul sau sensul ascuns în muntele 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.

Iată cum să proiectați pentru UX cu multă date:

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 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 User Personas pentru a crea 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 totuși nevoie de intervenția umană pentru a analiza date necategorizate.

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 mai întâi, apoi să definească utilizatorii sau personajele pentru fiecare proiect.

Deoarece aplicațiile bazate pe date tind să fie folosite 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 utilizatorului final, publicului dvs. țintă - clientul dvs. principal.

Iată o ilustrație:

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

De asemenea, puteți determina ce tip de instrumente de vizualizare a datelor să utilizați pentru care client, răspunzând la întrebări importante precum:

• Cine se va ocupa de datele (personajele utilizatorului)? Este proiectat pentru clienți sau pentru analizatorii de date interni, de exemplu?
• 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.

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 pe baza datelor introduse. Este destul de neted!

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 capteze, dar, sincer, este impracticabil pentru clientul tău.

Pentru a fi utilizabilă, o interfață trebuie să fie clară. „Claritatea este locul de muncă 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 de proiectare a interfeței cu utilizatorul, care încă se aplică la proiectarea aplicațiilor 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 prelucrare a datelor.

Iată o modalitate de a face acest lucru:

Chiar ș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ție 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 clasare) pe care algoritmii motoarelor de căutare le scanează în mod constant pe interweb-uri.

4. Accesibilitatea 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 dă 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ă strălucire, 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, în timp ce ajută 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 în partea de back-end a lucrurilor. Prin urmare, rețineți că trebuie să vă proiectați arhitectura wireframes ținând cont de 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 de design de aplicații mici, cât și cu cele complexe, cu date grele, 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, acest lucru nu numai că îi va ajuta pe clientul/utilizatorii să se simtă mai puțin copleșiți, dar este probabil că aceștia vor analiza 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 de o 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 - o altă victorie esențială pe care să o urmărești atunci când proiectează aplicații grele 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 spațiu pentru îmbunătățiri

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 grele 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.

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?

Anunțați-ne în secțiunea de comentarii de mai jos.