Informačná hustota v B2B SaaS: Navrhovanie informačných panelov pre skúsených používateľov a nováčikov
Ako navrhnúť husté B2B dashboardy a tabuľky, ktoré môžu odborníci rýchlo skenovať bez toho, aby zahltili nových používateľov: režimy hustoty, hierarchia, progresívne zverejňovanie.
Core Takeaway
Husté rozhrania nie sú problémom; dezorganizované sú. Odborníci chcú viac informácií na obrazovku, preto im ich poskytnite so silnou hierarchiou, konzistentným zarovnaním a grafmi, ktoré využívajú polohu a dĺžku. Chráňte nováčikov pomocou rozumných predvolených nastavení a progresívneho zverejňovania a nechajte ľudí vybrať si úroveň hustoty, ako to robia dizajnové systémy, ako napríklad Carbon pre stoly.
Hustota je vlastnosť pre odborníkov
Ľudia, ktorí používajú B2B nástroj celý deň, ako sú analytici, podporní agenti a operátori, často radšej vidia viac naraz, pretože rolovanie a prepínanie medzi kartami ich stojí čas. Ak urobíte všetko priestranné kvôli čistej snímke obrazovky, môže to spomaliť ich prácu. Cieľom sú informácie, ktoré sú husté, ale ľahko sa dajú naskenovať.
Nechajte ľudí vybrať si hustotu
Dizajnové systémy teraz vytvárajú hustotu komponentov. Napríklad dátová tabuľka Carbon od IBM ponúka päť výšok riadkov, od extra malých (24px) pre veľmi husté rozloženie až po extra veľké (64px) pre jednoduchšie skenovanie, so stredným (40px) ako predvoleným nastavením.
- Ponúka dve alebo tri nastavenia hustoty, ktoré si zapamätá každý používateľ.
- Zmeňte medzery a výšku riadkov, nie veľkosť písma ani kontrast.
- Udržujte dotykové ciele dostatočne veľké na dotykových zariadeniach bez ohľadu na hustotu.
Vďaka hierarchii je hustota čitateľná
Nielsen Norman Group definuje dashboardy ako vizualizácie, ktoré poskytujú na prvý pohľad informácie, s ktorými môžu ľudia rýchlo konať, a odporúča zakódovať množstvá s dĺžkou a 2D polohou, ktoré ľudia čítajú najrýchlejšie. V praxi: tých pár čísel, ktoré riadia rozhodnutia, umiestnite hore, zarovnajte všetko do mriežky, použite farbu iba na význam (stav, upozornenia) a zarovnajte čísla doprava, aby sa dali porovnávať.
Chráňte nováčikov bez spomaľovania odborníkov
Postupné odhaľovanie zachováva dostupné pokročilé možnosti, ale neprekáža. Začnite nových používateľov so zameraním predvoleného zobrazenia, nechajte ich pridávať stĺpce, filtre a miniaplikácie podľa potreby a uložte zobrazenia, aby sa odborníci mohli okamžite vrátiť k svojmu hustému nastaveniu.
Pohyb v hustých rozhraniach
Na obrazovkách s množstvom údajov by mal pohyb vysvetľovať zmenu, nie zdobiť: zvýrazniť hodnotu, ktorá sa práve aktualizovala, animovať riadok do novej zoradenej polohy alebo zobraziť prechod grafu, aby ľudia mohli sledovať, čo sa presunulo. Udržujte ho krátky a vyhnite sa nepretržitej animácii, ktorá konkuruje údajom.
Kľúč Principle na zapamätanie
- Odborníci profitujú z hustých obrazoviek; dezorganizácia je skutočný problém
- Ponúknite nastavenia hustoty zmenou medzier, nie veľkosti písma alebo kontrastu
- Pre čísla použite dĺžku a polohu; farba len pre význam
- Postupné zverejňovanie chráni nováčikov
- Použite pohyb na vysvetlenie zmien v údajoch, nie na zdobenie
Často kladené otázky
Zdroje
- Data table usage — Carbon Design System (IBM)
- Dashboards: Making Charts and Graphs Easier to Understand — Nielsen Norman Group
- Progressive Disclosure — Nielsen Norman Group