Informační hustota v B2B SaaS: Navrhování řídicích panelů pro pokročilé uživatele a nováčky
Jak navrhnout husté B2B dashboardy a tabulky, které mohou odborníci rychle skenovat, aniž by zahltili nové uživatele: režimy hustoty, hierarchie, progresivní zveřejňování.
Core Takeaway
Hustá rozhraní nejsou problémem; jsou neorganizovaní. Odborníci chtějí více informací na obrazovce, takže jim je poskytněte se silnou hierarchií, konzistentním zarovnáním a grafy, které využívají polohu a délku. Chraňte nováčky rozumnými výchozími nastaveními a progresivním zveřejňováním a nechte lidi vybrat si úroveň hustoty, jako to dělají designové systémy, jako je Carbon pro stoly.
Hustota je vlastnost pro odborníky
Lidé, kteří používají B2B nástroj celý den, jako jsou analytici, agenti podpory a operátoři, často raději vidí více najednou, protože posouvání a přepínání mezi kartami je stojí čas. Udělat vše prostorné kvůli čistému snímku obrazovky může jejich práci zpomalit. Cílem jsou informace, které jsou husté, ale snadno skenovatelné.
Ať si lidé zvolí hustotu
Návrhové systémy nyní integrují hustotu do komponent. Například datová tabulka Carbon od IBM nabízí pět výšek řádků, od extra malých (24px) pro velmi husté rozvržení až po extra velké (64px) pro snadnější skenování, se střední (40px) jako výchozí.
- Nabízí dvě nebo tři nastavení hustoty, zapamatovaná pro každého uživatele.
- Změňte mezery a výšku řádku, nikoli velikost písma nebo kontrast.
- Udržujte dotykové cíle dostatečně velké na dotykových zařízeních bez ohledu na hustotu.
Hierarchie činí hustotu čitelnou
Nielsen Norman Group definuje řídicí panely jako vizualizace, které poskytují na první pohled informace, na které mohou lidé rychle reagovat, a doporučuje kódovat veličiny s délkou a 2D polohou, které lidé čtou nejrychleji. V praxi: umístěte několik čísel, která řídí rozhodování, nahoru, zarovnejte vše do mřížky, použijte barvu pouze pro význam (stav, upozornění) a zarovnejte čísla doprava, aby je bylo možné porovnávat.
Chraňte nováčky bez zpomalování odborníků
Progresivní zveřejňování udržuje pokročilé možnosti dostupné, ale nepřekáží. Začněte nové uživatele se zaměřeným výchozím zobrazením, nechte je přidávat sloupce, filtry a widgety, jak je potřebují, a ukládat zobrazení, aby se odborníci mohli okamžitě vrátit ke svému hustému nastavení.
Pohyb v hustých rozhraních
Na obrazovkách s velkým množstvím dat by měl pohyb vysvětlovat změnu, ne zdobit: zvýraznit hodnotu, která se právě aktualizovala, animovat řádek do nové seřazené pozice nebo zobrazit přechod grafu, aby lidé mohli sledovat, co se přesunulo. Udržujte to krátké a vyhněte se nepřetržité animaci, která soutěží s daty.
Klíč Principle k zapamatování
- Odborníci těží z hustých sít; dezorganizace je skutečný problém
- Nabídněte nastavení hustoty změnou mezer, nikoli velikosti písma nebo kontrastu
- Pro čísla použijte délku a polohu; barva pouze pro význam
- Postupné zveřejňování chrání nováčky
- Použijte pohyb k vysvětlení změn v datech, ne k dekoraci
Č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