UXPUB 🇺🇦 Дизайн-спільнота

Cover image for 10 правил проектирования панели дашбордов
Редакція
Редакція

Опубліковано

10 правил проектирования панели дашбордов

#ui

Руководство по проектированию панели мониторинга (Dashboard)

Что такое панель мониторинга?

Дашборд – это визуальное представление информации. Ее цель – представить сложную информацию в формате удобном для понимания пользователями.

Практичная панель мониторинга должна быть:

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

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

Согласованной: отличные панели мониторинга отображают информацию в согласованном формате. Согласованность нужна, чтобы позаботиться о макете, организации и контенте.

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

Как проектировать панель мониторинга?

Самое важное в проектировании панели мониторинга – это знать аудиторию, для которой вы ее создаете, и какую ценность она им даст. Знание опытности и уровня понимания ваших пользователей поможет создать ценный для них дизайн.

Необходимо понимать, какие данные ваша аудитория заинтересована видеть.

Ориентируясь на потребностях аудитории облегчает достижение нужного ей результата.

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

Выбор правильных метрик (KPI) является еще одним ключевым элементом проектирования значимой панели для вашей аудитории. Существует несколько способов представления набора информации на панели мониторинга. Тем не менее, выбор правильных метрик является ключевым шагом в проектировании практичных панелей. Это также связано с предпочтениями вашей аудитории, с тем какую информацию они хотят видеть.

Проектируйте дашборд в соответствии с потребностями –используйте разные типы панелей для разных отраслей бизнеса.

Ниже приведены несколько важных правил, которые следует учитывать при проектировании панели мониторинга для вашей аудитории.

10 правил дизайна дашбордов

1. Иерархия

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

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

2. Простота

Настоящая цель панели состоит в том, чтобы представить сложную информацию в понятной и простой форме.

  • Не давайте много информации, иначе пользователю будет трудно ее усвоить.
  • Используйте меньше столбцов для отображения информации.
  • Уменьшите беспорядок, удалив лишний контент.

3. Согласованность

Панель мониторинга выглядит лучше, если она спроектирована с использованием согласованного макета.

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

4. Близость

Совместное отображение связанной информации на панели мониторинга поможет пользователю быстро ее понять.

  • Поместите связанную информацию ближе друг к другу.
  • Не разбрасывайте связанную информацию по панели.
  • Визуально группируйте связанный контент.

Представьте соответствующую информацию на панели мониторинга в визуальных группах

5. Выравнивание

Элементы панели мониторинга необходимо визуально выровнять, чтобы сделать ее сбалансированной.

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

Не выровненная панель мониторинга выглядит, как незавершенный дизайн

6. Пробелы

Пустое пространство в дизайне подобно воздуху. Оно дает пользователю передышку, когда он использует ваш дизайн.

  • Пробелы в дизайне приборной панели привлекают пользователя, когда он приходит посмотреть информацию.
  • Сокращение пробелов приведет к перегруженности пользователя загроможденным видом.
  • Используйте пробелы для визуальной группировки информации.

Недостаток пробелов или их отсутствие заставит пользователя вскоре покинуть вашу панель мониторинга

7. Цвет

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

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

Избегайте использования неэффективных градиентов и недостаточного контраста

8. Шрифты

Стандартные шрифты являются лучшим вариантом для панели мониторинга, если нет особой необходимости использовать другие шрифты.

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

Не используйте шрифт, который влияет на читабельность панели

9. Числовые форматы

Отображение чисел с более чем необходимым уровнем точности, затрудняет их чтение и понимание.

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

10. Метки

Используйте метки, которые передают необходимую пользователю информацию быстро и эффективно.

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

Избегайте повернутых меток

Вывод

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

Спасибо за прочтение. Больше статей по теме на сайте uxdworld.com. Если у вас есть вопросы, свяжитесь с автором: Twitter | Facebook


Перевод статьи medium.muz.li

Топ коментарі (0)