Információsűrűség a B2B SaaS-ben: Irányítópultok tervezése tapasztalt felhasználók és újoncok számára
Hogyan készítsünk sűrű B2B irányítópultokat és táblázatokat, amelyeket a szakértők gyorsan, anélkül, hogy túlterhelnék az új felhasználókat: sűrűségi módok, hierarchia, progresszív közzététel.
Core Takeaway
Nem a sűrű interfészek jelentik a problémát; a szervezetlenek azok. A szakértők képernyőnként több információt szeretnének, ezért ezt erős hierarchiával, következetes igazítással és pozíciót és hosszúságot használó diagramokkal adja meg. Védje meg az újoncokat ésszerű alapértelmezésekkel és fokozatos közzététellel, és hagyja, hogy az emberek válasszanak egy sűrűségi szintet, ahogy a tervezőrendszerek, például a Carbon teszik az asztaloknál.
A sűrűség a szakértők jellemzője
Azok az emberek, akik egész nap használnak egy B2B eszközt, például elemzők, ügyfélszolgálati ügynökök és operátorok, gyakran szeretnek többet látni egyszerre, mert a lapok görgetése és váltása időbe kerül. Ha mindent tágassá teszünk a tiszta képernyőkép érdekében, az lelassíthatja a munkájukat. A cél a sűrű, de könnyen beolvasható információ.
Hagyd, hogy az emberek válasszanak a sűrűséget
A tervezési rendszerek ma már a sűrűséget alkatrészekbe építik. Az IBM Carbon adattáblázata például öt sormagasságot kínál, az extra kicsitől (24 képpont) a nagy sűrűségű elrendezésekhez a rendkívül nagytól (64 képpont) a könnyebb szkennelés érdekében, alapértelmezetten közepes (40 képpont).
- Két vagy három sűrűségbeállítást kínál, felhasználónként megjegyezve.
- Módosítsa a térközt és a sor magasságát, ne a betűméretet vagy a kontrasztot.
- Tartsa az érintési célpontokat elég nagy méretben az érintőeszközökön, függetlenül a sűrűségtől.
A hierarchia olvashatóvá teszi a sűrűséget
A Nielsen Norman Group az irányítópultokat olyan vizualizációként határozza meg, amely egy pillantással olyan információkat ad, amelyek alapján az emberek gyorsan tudnak cselekedni, és javasolja a mennyiségek kódolását hosszúsággal és 2D pozícióval, amelyeket az emberek a leggyorsabban olvasnak el. Gyakorlatilag: tedd a döntéseket meghatározó néhány számot a tetejére, igazíts mindent egy rácshoz, használj színt csak a jelentésért (állapot, riasztások), és igazítsd jobbra a számokat, hogy össze lehessen hasonlítani őket.
Védje meg a kezdőket szakértők lassítása nélkül
A fokozatos közzététel a fejlett lehetőségeket elérhetővé teszi, de távol tartja az útból. Kezdjen új felhasználókat egy fókuszált alapértelmezett nézettel, hagyja, hogy oszlopokat, szűrőket és widgeteket adjanak hozzá, amikor szükségük van rájuk, és mentse el a nézeteket, hogy a szakértők azonnal visszatérhessenek a sűrű beállításhoz.
Mozgás sűrű felületeken
Az adatigényes képernyőkön a mozgásnak magyarázatot kell adnia a változásra, nem pedig díszítésre: jelöljön ki egy értéket, amely éppen frissült, animáljon egy sort az új rendezett pozícióba, vagy mutasson egy diagram átmenetet, hogy az emberek követni tudják, mi mozdult el. Legyen rövid, és kerülje a folyamatos animációt, amely versenyez az adatokkal.
Kulcs Principle, amit meg kell jegyezni
- A szakértők számára előnyös a sűrű képernyők; a szervezetlenség az igazi probléma
- A sűrűségbeállításokat a térköz megváltoztatásával adhatja meg, nem pedig a betűméretet vagy a kontrasztot
- Használja a hosszt és a pozíciót a számokhoz; szín csak a jelentésért
- A fokozatos közzététel védi a kezdőket
- Használjon mozgást az adatok változásainak magyarázatára, ne díszítésére
Gyakran Ismételt Kérdések
Források
- Data table usage — Carbon Design System (IBM)
- Dashboards: Making Charts and Graphs Easier to Understand — Nielsen Norman Group
- Progressive Disclosure — Nielsen Norman Group