Дизайн панели управления

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

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

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

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

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

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

В своей книге "Визуализация данных" Ноа Илинский и Джули Стил говорят:

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

Ключевые характеристики дашбордов

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

Лучшие панели управления ясны, интуитивны и настраиваемы.

• Быстро передают информацию
• Отображают информацию ясно и эффективно
• Показывают тренды и изменения в данных со временем
• Важные виджеты эффективно представлены на ограниченном пространстве
• Легко настраиваются

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

Лучшие панели управления предоставляют всё в один клик.

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

Упрощение сложности обеспечивает ясность

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

Сталкиваясь с избыточным объемом данных для выбора, дизайнеры должны отображать только наиболее релевантное подмножество. Нам нужно установить приоритеты и тщательно убрать вводящие в заблуждение и неясные метрики.

Эффективные решения по дизайну панели управления должны быть направлены:

• целями проекта,
• характером данных,
• потребностями пользователей.

При чтении визуализации (или любого другого вида коммуникации) у вашего читателя есть ограниченный объем умственных ресурсов, которые можно уделить проблеме. Часть этих ресурсов будет потрачена на расшифровку визуализации; оставшиеся ресурсы затем могут быть использованы для понимания сообщения (если читатель ещё не сдался от разочарования).

Ноа Илинский и Джули Стил («Визуализация данных»)

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

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

Определение целей панели управления и отображение соответствующих данных

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

Хорошо поставленные цели дизайна способствуют эффективному и точному выполнению. Применение фреймворка S.M.A.R.T для постановки целей фокусирует внимание на конкретных, измеримых, практичных, реалистичных задачах.

Несколько ключевых вопросов, которые следует задать при определении целей дизайна панели управления:

• Сколько шагов пользователям нужно сделать для достижения определенной цели?
• Насколько интуитивно понятен интерфейс, чтобы пользователь мог достичь своей цели самостоятельно?
• Какая информация нужна пользователю, чтобы успешно достичь своей цели?
• Чтобы определить, какова цель конкретного дизайна панели управления, определите ее, задав вопрос: «Какую конкретную проблему этот дизайн собирается решить для пользователя?» Ответ предоставит вам информацию о том, какие метрики, свойства, значения, визуализации и данные имеют значение.

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

Контекст в дизайне панели управления

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

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

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

Обязательно задайте следующие вопросы при попытке определить поведение и контекст пользователя:

• Учитывает ли дизайн направление чтения, к которому привык посетитель?
• Требует ли взаимодействие с панелью управления технических знаний?
• Смогут ли пользователи выполнить большинство действий всего в несколько кликов?
• Соответствует ли дизайн контексту пользователя путем создания выпадающих меню; использует ли он предложительную иконографию и цветовые палитры?

Цветовая палитра, используемая в дизайне панели управления, также должна рассматриваться как контекст. Многие панели управления продуктов SaaS в сегменте B2B разработаны в темном UI, поскольку они используются несколько часов подряд.

Темные пользовательские интерфейсы могут помочь уменьшить нагрузку на глаза и обеспечить визуальную четкость в интерфейсе. Однако такой подход требует тщательной оценки направления дизайна — преимуществ, недостатков и потенциальных подводных камней, как описано в предыдущей статье блога о дизайне: Достоинства и Недостатки Темного UI.

Улучшение дизайна панели управления с помощью исследования пользователей

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

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

Дизайнер пользовательского опыта (UX), исследователь и автор Майк Куниавский отмечает, что это «процесс понимания влияния дизайна на аудиторию».

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

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

Постепенное раскрытие в дизайне панели

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

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

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

Якоб Нильсен

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

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

Преимущества использования постепенного раскрытия на панелях управления:

• Уменьшение неуверенности и тревожности пользователя (путем отображения признаков прогресса, пользователи убеждены, что все работает как задумано)
• Предоставление пользователям чего-то для просмотра (частичное отображение данных), а не заставление их ждать
• Предоставление пользователям четкого ожидания следующих шагов и создание понимания иерархического представления информации

Возможные проблемы с постепенным раскрытием и загрузкой данных включают:

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

Итог

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

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