7 простых способов облагораживания дэшбордов

Простые секреты для улучшения визуализации данных

Безобразный дэшборд может превратить ваши идиллические мечты о визуализации данных в зловещие кошмары, и это вопрос не просто эстетического предпочтения. Если пользовательский интерфейс загроможден, дезорганизован или полностью исключает вашу способность воспринимать и использовать данные, аналитика будет серьезно нарушена.

На этой неделе я раскрою семь моих главных секретов, которые каждый может использовать с целью облагораживания своего «уродливого детища» и придать визуальному взаимодействию больше эффектности.

1. Больше белого пространстваЕсли в вашей аудитории нет страдающих от боязни пустоты, вам нужно воспользоваться белым пространством. Исследование художественного и субъективного восприятия показало, что пустое пространство облегчает распознавание информации, демонстрирует отсутствие информации и контекстуализирует данные, чтобы прояснить резкие отклонения и придать значение размерам элементов.

Создание пробелов в любой визуализации данных или отчете – самый простой способ выделить наиболее важные данные. Старайтесь избегать темного фона, который может конкурировать с цветами диаграммы или усложнить просмотр текста. Не помню, когда мы в последний раз создавали визуализацию с цветным фоном! Сначала это может быть привлекательно, но со временем цветные фоны могут послужить отвлекающими факторами.

2. Уберите беспорядок

Беспорядок можно определить как дезорганизованные визуальные элементы, такие как избыточные строки в диаграммах и повторяющиеся метки, которые обычно скрывают структуру данных. По мнению некоторых исследователей: «Даже в небольшом наборе данных беспорядок может затруднить определение структуры и выявление взаимосвязей». Сделайте все проще, не перегружая правое полушарие мозга наблюдателя визуальными данными, которые на самом деле не несут полезной информации.

Вот перечень наиболее распространенных типов беспорядка, которых следует избегать:

  1. Удалите ненужный текст в диаграммах. — Например, вы можете удалить значения по оси x или y, просто указав значения непосредственно на диаграммах или строках диаграммы.
  2. Сведите цвета диаграммы до минимума. – Сосредоточьтесь на выделении на диаграмме исключений, а не всех значений.
  3. Проверьте окружение диаграммы. – Когда дело доходит до размещения диаграмм — меньше – это больше. Наложение нескольких диаграмм на экран затрудняет определение пользователем той информации, которая является важной. Использование микродиаграмм, больших значений и значков может обеспечить отсутствие перегруженности пользователя подробными диаграммами.
  4. Ограничение размеров таблиц. — Строки и столбцы предназначены для отчетов. Когда дело доходит до визуализации, ограничьте длину таблицы не более чем в пять строк. Старайтесь избегать использования линий между таблицами, которые отвлекают и не несут в себе значения.

3. Добавьте иконки

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

Разумеется, эти ресурсы нужно использовать с умом, поэтому ознакомьтесь с этими замечательными примерами того, как использование иконок может сделать сложные наборы данных более четкими:

Мы используем иконки в двух случаях: 1) при наличии доступного пространства и 2) когда это помогает лучше передать смысл. Одна из наших любимых иконок – иконка большого пальца. Мы используем ее для представления лидеров и аутсайдеров. Благодаря Facebook (нравится или не нравится), эти иконки известны во всем мире, и пользователи сразу понимают, что они означают.

4. Используйте набор цветовой палитры

Используйте цвета умеренно. Серые, синие и другие нейтральные тона легко сопоставляются, а цвета RAG (красный, янтарный и зеленый) хороши для выделения каких-либо исключений. И главное – сохранение простой палитры облегчает выбор контекстно-зависимых оттенков, что важно; Исследования в Гарварде показывают, что семантически резонансные цвета облегчают восприятие данных.

Мы стараемся использовать один из двух методов для выбора цветов:

  1. Запросить набор брендовых цветов у клиента (в отделе маркетинга)
  2. Используя сайты, такие как Color Scheme Designer или Adobe Color Wheel

5. Заменяйте сложные диаграммы простыми

Пауки, водопады и 3D-визуализации привлекательны, но их сложнее расшифровать. Психологи говорят, что сложные графики требуют больших различий для пользователей, чтобы различать данные и формы. Так что придерживайтесь классики, например, столбиков, линий, и искр.

Есть практическое правило, которое заключается в том, чтобы избегать «экзотических» графиков. На этапе создания макета они отлично выглядят благодаря разнообразию, которое они вносят в визуализацию как по текстуре, так и по цвету, но со временем они становятся ненужным довеском в сознании пользователя; они отнимают слишком много времени для восприятия, поэтому придерживайтесь основ. Подобно иконкам, большинство пользователей понимают использование столбиковой или линейной диаграммы, не требуя объяснений. Не нужно изобретать велосипед.

6. Будьте последовательными

Читаемый BI дэшборд поддерживает согласованность в отношении размеров текста, выравнивания диаграмм, форм, меток, заголовков и других элементов. Как отмечает Web Development Group, «непоследовательные элементы запутывают читателя».

Большинство инструментов BI имеют сетки или параметры автоматического выравнивания в своих панелях инструментов, которые делают последовательность легкой. Используйте их. Хотя небольшие ошибки размещения могут казаться невидимыми пользователю, мозг распознает их подсознательно и это может снизить возможность пользователя сосредотачиваться на представленных данных. Вот почему в наших семинарах по визуальному представлению информации мы используем установленную структуру для наших макетов.

Форма макетной структуры BI дэшборда

Мы призываем всех участников использовать наши шаблоны, чтобы избежать «ноу-хау», необходимых для создания идеального макета. Постоянство, когда дело доходит до визуализации данных, ассоциируется с «чистым» видом.

7. Разработка, ориентированная, в первую очередь, на мобильные устройства

То, что отлично выглядит на компьютере, может показаться достаточно искаженным на смартфоне или планшете. Поскольку вы, в конечном счете ограничены размерами мобильных устройств, облагородьте визуализацию данных, разработав интерфейс, макет и другие факторы, связанные с мобильным экраном не менее 10 дюймов.

Менталитет проектирования мобильных устройств начался с iPhone, но теперь общепризнанным фактом является то, что если ваши визуализации данных или отчеты не работают на мобильном устройстве, это негативно скажется на общем восприятии пользователем. Хуже всего, пользователи будут просто видеть в этом устарелость и искать другие решения. Хотя некоторые организации и избегают мобильного доступа к данным из соображений безопасности, это можно рассматривать как повод оставаться в «темном веке». Организации, которые не охватывают мобильные устройства, могут оказаться в будущем ненужными в BI.

Учебный центр по технологиям анализа данных и BI: расписание/запись на учебные курсы, тестирование разработчиков — https://education.biconsult.ru/

Присоединяйтесь к QUBIC – сообщество профессионалов в области BI! Наши страницы в соц.сетях – расписание учебных курсов, бесплатные учебные материалы, анонсы мероприятий: https://vk.com/club165575964 и https://www.facebook.com/qubicspb

Неофициальный форум разработчиков QlikView & Qlik Sense Russian forum

Канал на Youtube – много обучающих видео и записи вебинаров

Готовые решения “Конструктор финансовой отчетности” и “Анализ продаж

Вы можете оставить комментарий, или ссылку на Ваш сайт.

Оставить комментарий

64 queries in 0,420 seconds