Дизайн візуалізації даних та інтерфейсів дашбордів

Dardo проєктує та розробляє індивідуальні візуалізації даних для вебу: дашборди, інтерактивні карти, історії на основі даних та інтерфейси з великими обсягами даних. Це для організацій, чиї дані варто показати, як-от публічні докази, дослідження чи операційні показники, і яким потрібно, щоб люди отримали відповідь на реальне запитання та побачили, звідки взято кожне число.

Напишіть нам у WhatsApp
Dardo / Редакційна ілюстрація
На цій сторінці

Що входить до нашої послуги з візуалізації даних

Кожен проєкт починається із запитання, на яке має відповісти подання, і з даних, які у вас справді є. Залежно від завдання обсяг робіт охоплює:

  • Картографування запитань і набору даних: хто і яке рішення має ухвалити, а також які поля, одиниці та дати його підтверджують
  • Дизайн графіків, таблиць, карт і фільтрів, обраних заради зрозумілості, а не новизни
  • Адаптивні сценарії дослідження даних, які не втрачають сенсу на телефоні
  • Джерело, дата й актуальність, що відображаються в інтерфейсі поруч із числами
  • Продумані стани для порожніх, відсутніх, неповних даних і помилок
  • Доступні альтернативи, як-от таблиці даних і текстові підсумки
  • Фронтенд-реалізація у вигляді вебінтерфейсу, дашборду в Power BI чи Tableau або задокументованої передачі дизайну

Індивідуальна візуалізація даних чи BI-інструмент на кшталт Power BI або Tableau?

Dardo робить і те, і те: ми проєктуємо та розробляємо індивідуальні вебдашборди й візуалізації, а також будуємо дашборди в Power BI або Tableau. Для внутрішньої звітності зі стандартними графіками команді, яка вже має ліцензії на Power BI чи Tableau, зазвичай краще підійде дашборд, створений там: його швидко налаштувати, а інструмент людям уже знайомий. Індивідуальний вебінтерфейс виправдовує свою вартість, коли аудиторія публічна або зовнішня, коли візуалізація живе всередині вебсайту чи продукту, коли вона має передавати ваш бренд, коли історії потрібна послідовність із проводом, або коли карти, взаємодію, верстку, доступність і продуктивність потрібно жорстко контролювати.

Багато проєктів поєднують обидва підходи: ваша команда працює в дашборді Power BI чи Tableau, а індивідуальний вебінтерфейс подає відібране й пояснене подання людям, які ніколи його не відкриють. Якщо ви не певні, що підходить, у пропозиції ми порекомендуємо один варіант з огляду на те, хто користуватиметься, ваші дані та ліцензії, які вже є. Якщо всьому продукту потрібна UX-робота поза межами подань даних, краще почати з дизайну продукту; якщо мета — імерсивний 3D-досвід, дивіться інтерактивні 3D-вебсайти.

Спершу запитання, потім дані

Корисна візуалізація починається з рішення, яке має ухвалити людина. Ми документуємо джерело, дату, одиниці, географію, перетворення та відсутні значення й відокремлюємо надані факти від обчислених значень і підписів в інтерфейсі, щоб майбутнє оновлення даних не могло непомітно змінити значення графіка.

Потім скетчі порівнюють варіанти графіка, карти, таблиці й наративу на реалістичних даних, зокрема з екстремальними значеннями та прогалинами. Іноді таблиця з сортуванням відповідає на запитання краще за будь-яку графіку, і ми скажемо про це прямо.

Проєктуємо дашборди, карти та історії на основі даних, які легко читати

Дашборду потрібна ієрархія: кілька показників із контекстом, розумні порівняння та фільтри, стан яких завжди видно. Карта має спершу показати місце, а вже потім просити про аналіз, і тримати в полі зору період і джерело, поки людина масштабує та фільтрує. Історія на основі даних веде читача крізь послідовність, а потім відкриває простір для самостійного дослідження.

На малих екранах ми вирішуємо, які підписи, елементи керування й порівняння залишити, а не просто зменшуємо все. Колір ніколи не є єдиним носієм змісту, фокус клавіатури йде в зручному порядку, анімація враховує налаштування зменшення руху, а таблиця чи текстова альтернатива зберігають доступ до інформації, коли графіком неможливо користуватися.

Докази: Shiimain і Janus Observatory

Shiimain — це інтерфейс територіальної аналітики, що починається з місця, зокрема з карти La Guajira, а потім відкриває докази за нею в дашборді для дослідження. Це публічний прототип на Vite і React, який подає докази з публічних джерел і робить видимою відсутність доказів. Це архівний навчальний проєкт без продакшн-бекенду, автентифікації чи операцій запису, і він не засвідчує вихідних наборів даних.

Janus Observatory перетворює спекулятивну дослідницьку структуру на 3D-подорож у браузері з атласом десяти можливих майбутніх і обсерваторією для їх порівняння. За ним стоять конвеєр даних на Python, перевірки маніфесту джерел та валідація цитат і посилань. Його сценарії мають дослідницький характер, а не є прогнозами, і жоден із проєктів не стверджує про виміряну залученість, навчання чи впровадження.

Точність даних, власність і підтримка

Перед запуском ми погоджуємо власника даних, спосіб оновлення, перевірки валідності, стани порожніх даних і помилок, формат цитування та те, що станеться зі старими даними. Приймання спирається на відомі тестові записи й порівнює значення на екрані із сумами в джерелі, тож відполірований інтерфейс не приховає зламане перетворення. Ми перевіряємо наші перетворення та значення на екрані; точність вихідних даних і право їх публікувати залишаються за їхнім власником, якщо не погоджено окремий обсяг дослідження.

Від чого залежить вартість проєкту з візуалізації даних?

Вартість здебільшого залежить від даних: кількості та стану джерел, обсягу потрібного очищення й нормалізації, кількості подань і взаємодій, статичних чи оновлюваних даних, карт або 3D, ролей користувачів і автентифікації для робочого інструмента, альтернатив для доступності та мов. Бюджетні діапазони у формі запиту — від менш ніж 5 000 USD до понад 60 000. Репрезентативна вибірка даних — найшвидший шлях до надійної оцінки.

Dardo — це студія з трьох осіб на чолі із засновником у Боготі, яка працює англійською та іспанською, а її робочий день перетинається з східним і центральним часом США.

Запитання перед вибором

Чим займається студія візуалізації даних?

Вона перетворює дані на подання, які люди можуть прочитати й на основі яких можуть діяти: графіки, дашборди, карти, інтерактивні історії та інтерфейс навколо них. Робота охоплює питання, на яке потрібна відповідь, формат, підписи, взаємодію, доступність і, у випадку Dardo, розробку: власний вебінтерфейс або дашборд у Power BI чи Tableau. Це не аналіз даних і не адміністрування BI: студія проєктує, як подається інформація, а за самі дані й надалі відповідають їхні власники.

Скільки коштує індивідуальний дашборд або візуалізація даних?

Вартість залежить здебільшого від даних, а не від графіків. Кілька чистих джерел зі статичними поданнями коштують набагато менше, ніж живі дані, багато взаємодій, карти та доступ за ролями. Обсяг кожного інтерфейсу даних ми визначаємо після перегляду репрезентативного зразка. У пропозиції перелічені подання, джерела, стани та критерії приймання, тож ви можете порівнювати пропозиції.

Чим дашборд відрізняється від візуалізації даних?

Дашборд — це один із видів візуалізації даних: набір показників, до яких люди регулярно повертаються, щоб за чимось стежити, зазвичай із фільтрами. Візуалізація даних ширша: вона охоплює окремі графіки, інтерактивні карти, історії з даних, які можна досліджувати, та звіти. Відрізняються й пріоритети дизайну. Дашборду потрібне швидке сканування та стабільний макет, а історії з даних — послідовний сценарій і контекст.

Які дані потрібні, щоб почати?

Зразок із реальними полями та складними випадками корисніший, ніж очікування ідеального фінального експорту. Нам також потрібні власник джерела, визначення полів, одиниці виміру, частота оновлення, цільова аудиторія та питання, на яке має відповідати подання. Пропущені записи, незвичні формати та крайні випадки — це саме те, з чим має впоратися дизайн, тому надсилайте їх, а не очищуйте заздалегідь.

Чи можуть інтерактивні графіки та карти бути доступними?

Так, якщо доступність закладено в структуру, підписи, елементи керування, колір і поведінку з клавіатури від самого початку, а таблиця або текстова альтернатива передає ту саму інформацію. Колір не може бути єдиним способом розрізнити серії, фокус має переміщуватися в логічному порядку, а анімація — враховувати налаштування зменшеного руху. Який тест доречний, залежить від взаємодії та аудиторії, і ми погоджуємо його до запуску.

Чи перевіряє Dardo правильність наших даних?

Ми перевіряємо власні перетворення та звіряємо відображені значення з наданими джерелами, використовуючи відомі тестові записи. Предметна точність даних і право на їх публікацію залишаються за названим власником даних, якщо не погоджено окремий дослідницький обсяг робіт. Інтерфейс показує джерело та дату поруч із числами, тож читачі також можуть їх перевірити.

Чи може дашборд або історія з даних бути англійською та іспанською?

Так. Ми працюємо обома мовами, тому підписи, формати чисел і дат, одиниці виміру, примітки та текстові альтернативи локалізуються належним чином, а не перекладаються наприкінці. Двомовним інтерфейсам даних потрібно місце для довших іспанських підписів і єдина термінологія в усіх поданнях, і ми плануємо це з перших ескізів, а не переробляємо пізніше.

Пов'язані роботи та дослідження

Вебсайт Shiimain, проєкт DardoНа практиці / Вибрані роботиShiimainПереглянути проєкт

Нехай дані допомагають ухвалити рішення

Почніть із запитання, набору даних і відповідального за оновлення. Порівняйте дашборд з історією на основі даних, а потім протестуйте репрезентативне подання та його стани порожніх даних і помилок.