Анатомія флотового дашборда
Ти будуєш один екран, щоб стежити за флотом агентів. Є чотири дизайн-мантри, які всі повторюють, — і звучать вони так, ніби конкурують. Насправді ні. Кожна живе на своєму шарі, і добрий дашборд складає всі чотири разом.
Кожне вікно нижче читає той самий флот — один засіяний набір акаунтів, оргів і агентів. Дані не змінюються; змінюється лише лінза — а з нею перебудовується й екран.
Показуй те, що потребує уваги, а не все
Як показати флот із тисяч агентів одним поглядом? Перший інстинкт — сітка: по клітинці на агента, увесь флот одразу. Збільш розмір — і відчуй, як цей інстинкт ламається. А потім перемкни лінзу.
Витягни повзунок на 5000 і спробуй знайти червоні клітинки — а тоді перемкни на «Спершу аналіз», і вони стануть коротким списком.
На дванадцяти агентах огляд цілком робочий. На п'яти тисячах — це вже шум: жменька агентів, що справді горять, губиться в морі зеленого. Спершу аналіз — обчисли винятки й покажи тільки їх. (Keim et al., 2006: спершу аналіз, покажи важливе, наближай і фільтруй, тоді деталі на вимогу.)
Коли щось потребує уваги — як до нього дістатися?
Список сказав, що не так. Тепер треба дістатися до нього. Заглиблюйся — і поміть, що форма щоразу та сама.
Клікни акаунт, тоді орг, тоді агента — і поміть, що форма «огляд → фільтр → деталі» щоразу та сама.
Акаунт → орг → агент → деталі. На кожному рівні це та сама граматика: загальна картина, фільтр за статусом і деталі на вимогу, коли клікнеш. Вивчив раз — користуєшся всюди. (Shneiderman, 1996: спершу огляд, наближай і фільтруй, тоді деталі на вимогу — мантра пошуку візуальної інформації.)
Дай здоровому мовчати
Які з цих чисел справді варті твоїх очей? Покажи метрику для кожного агента — і ти збудував стіну, якої ніхто не читає. Натомість згорни здорове.
Перемкни на «Винятки»: сотні здорових рядків стискаються в один, а проблеми спливають угору.
У режимі Винятки сотні справних агентів стискаються в один рядок, а на екрані лишається тільки те, що не так. Керування за винятками: тиша — це норма, а проблема — те, що її порушує.
Один UI і для новачка, і для експерта?
Новачок хоче одне число й підказку, куди йти. Досвідчений хоче, щоб ти не заважав — дай пошук, щільність, збережені фільтри. Той самий екран може служити обом, якщо глибина розкривається на вимогу.
23 агентів потребують уваги.
Перемкни на «Експерт», введи регіон або клікни збережений фільтр — і глибина, що була схована, стає тим, що бачиш одразу.
З гідом показує мінімум, а решту ховає за кліком. Експерт виносить пошук і збережені фільтри на передній план — бо для того, хто знає свій флот, ввести запит і є розкриттям. Прогресивне розкриття, відкаліброване під експерта.
Чотири шари, один UI
Жодна з цих мантр не замінила іншу. Вони наклалися. Ось той самий флот, зібраний в один дашборд, — перемикай чіпи, щоб обвести ту частину екрана, яку формує кожна мантра.
Перемикай чотири чіпи: кожен підсвічує свою ділянку. Разом вони — увесь дашборд.
Що спливає (Keim), як ти навігуєш (Shneiderman), що лишається тихим (Few), як розгортається глибина (прогресивне розкриття) — чотири шари, один екран.
Про походження: Keim et al. (2006) і Shneiderman (1996) — це названі джерела вище. «Керування за винятками» — класична управлінська ідея, яку Стівен Ф'ю переніс на дашборди; прогресивне розкриття старше за формалізацію від NN/g (сам термін сягає 1980-х). Мантри старші за будь-який окремий дашборд — нове щоразу те, як ти їх складаєш.