Densitatea informațiilor în B2B SaaS: proiectarea tablourilor de bord pentru utilizatorii cu putere și începători
Cum să proiectați tablouri de bord și tabele B2B dense pe care experții le pot scana rapid fără a copleși utilizatorii noi: moduri de densitate, ierarhie, dezvăluire progresivă.
Core Takeaway
Interfețele dense nu sunt problema; cele dezorganizate sunt. Experții doresc mai multe informații pe ecran, așa că oferiți-le cu o ierarhie puternică, o aliniere consistentă și diagrame care utilizează poziția și lungimea. Protejați începătorii cu valori implicite sensibile și dezvăluiri progresive și lăsați oamenii să aleagă un nivel de densitate, așa cum fac sistemele de proiectare precum Carbon pentru mese.
Densitatea este o caracteristică pentru experți
Oamenii care folosesc un instrument B2B toată ziua, cum ar fi analiștii, agenții de asistență și operatorii, preferă adesea să vadă mai multe dintr-o dată, deoarece derularea și schimbarea filelor le costă timp. A face totul spațios de dragul unei capturi de ecran curate le poate încetini munca. Scopul este o informație densă, dar ușor de scanat.
Lăsați oamenii să aleagă densitatea
Sistemele de proiectare acum construiesc densitate în componente. Tabelul de date Carbon al IBM, de exemplu, oferă cinci înălțimi de rând, de la foarte mic (24px) pentru aspecte foarte dense la foarte mare (64px) pentru scanare mai ușoară, cu mediu (40px) ca implicit.
- Oferiți două sau trei setări de densitate, memorate pentru fiecare utilizator.
- Schimbați spațierea și înălțimea rândurilor, nu dimensiunea fontului sau contrastul.
- Păstrați ținte tactile suficient de mari pe dispozitivele tactile, indiferent de densitate.
Ierarhia face ca densitatea să fie lizibilă
Nielsen Norman Group definește tablourile de bord ca fiind vizualizări care oferă informații dintr-o privire la care oamenii pot acționa rapid și recomandă codificarea cantităților cu lungimea și poziția 2D, pe care oamenii le citesc cel mai repede. În practică: puneți cele câteva numere care conduc deciziile în partea de sus, aliniați totul la o grilă, utilizați culoarea doar pentru semnificație (stare, alerte) și aliniați la dreapta numerele pentru a putea fi comparate.
Protejați începătorii fără a încetini experții
Dezvăluirea progresivă menține opțiunile avansate disponibile, dar în afara drumului. Începeți utilizatorii noi cu o vizualizare implicită focalizată, lăsați-i să adauge coloane, filtre și widget-uri după cum au nevoie de ele și salvați vizualizări, astfel încât experții să poată reveni la configurația lor densă instantaneu.
Mișcare în interfețe dense
În ecranele bogate în date, mișcarea ar trebui să explice schimbarea, nu să decoreze: să evidențieze o valoare care tocmai s-a actualizat, să anime un rând în noua poziție sortată sau să arate o tranziție de diagramă, astfel încât oamenii să poată urmări ceea ce s-a mutat. Păstrați-l pe scurt și evitați animația continuă care concurează cu datele.
Cheie Principles de reținut
- Experții beneficiază de ecrane dense; dezorganizarea este adevărata problemă
- Oferiți setări de densitate schimbând spațierea, nu dimensiunea tipului sau contrastul
- Utilizați lungimea și poziția pentru numere; culoare doar pentru sens
- Dezvăluirea progresivă îi protejează pe începători
- Folosiți mișcarea pentru a explica modificările date, nu pentru a decora
Întrebări frecvente
Surse
- Data table usage — Sistemul de proiectare cu carbon (IBM)
- Dashboards: Making Charts and Graphs Easier to Understand — Nielsen Norman Group
- Progressive Disclosure — Nielsen Norman Group