Прокачайте ваш онбординг
с навигатором интерфейсов Experrto
Выберите категорию

Как сделать крутой дашборд для вашего продукта?

«Для этого продукта нам нужна информационная панель! Она должна быть крутой! Чтобы люди от одного ее вида говорили «вау» и тут же несли нам свои деньги».

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

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

Это не отчет с данными: здесь нет таблиц, сложных диаграмм. Панель мониторинга также нельзя свести к BI (Business intelligence — общее название программ, предназначенных для перевода транзакционной деловой информации в человекочитаемую форму для бизнес-анализа). Речь не идет о манипулировании данными и их детальном обзоре с последующей визуальной интерпретацией. Панели мониторинга — минимальны и не заточены под анализ.

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

Как сделать крутой дашборд для вашего продукта?

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

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

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

«Как у меня дела?» — спрашиваете вы у своей панели и получаете таблицу в Excel и график, в котором ничего не понятно. «Где я сейчас? У меня достаточно топлива?». Все красиво, но бесполезно.

Какой же должна быть по-настоящему полезная панель мониторинга?

На деле, разработка эффективного дашборда — не rocket science.

И вот с чего следует начать.

Содержание статьи

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

Проведите исследование

Слишком много стартапов пропускают этот пункт и следуют клише, которые в итоге наносят им огромный ущерб.

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

Решение было запущено, и, казалось бы, все было хорошо. Но вот что произошло далее: у 150 компаний-клиентов, использующих этот дашборд, в системе были зарегистрированы 6 000 сотрудников. Все они были в системе, но из них только трое были IT-директорами.

Всего 3! Но где остальные 147? Безусловно, они брали из панели какую-то информацию, но то, что они затем хотели презентовать совету директоров, имело мало общего с тем, что было на той панели.

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

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

Определите приоритетность задаваемых пользователями вопросов

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

Визуализируйте ключевые вопросы или потребности

Визуализируйте ключевые вопросы или потребности

Подумайте над тем, как ответить на эти вопросы максимально просто

Возьмем вопрос: «Укладываюсь ли я в бюджет?». 

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

Еще один вопрос: «Как сильно я выбиваюсь из бюджета?». 

В некоторых компаниях даже 3%-ный перерасход бюджета требует серьезного обоснования. В других не допускают и этого. Между тем на этот вопрос просто ответить — достаточно указать, сильно человек выбился из бюджета или нет. Вам нужна электронная таблица, чтобы ответить на этот вопрос? Не для такого простого вопроса.

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

Разработка личного кабинета пользователя: улучшаем интерфейс

Задумайтесь над системой фильтров

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

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

Но как эту информацию отобразить? Какой формат визуализации данных выбрать?

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

 самый наихудший вариант — это круговая диаграмма

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

Не забывайте: представлять данные нужно в наиболее подходящем формате. Не все форматы равны.

5 эффективных советов по визуализации аналитических данных

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

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

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

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

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

Самое главное — думать просто. Добавляйте только то, что нужно для контекста или понимания. Весь остальной шум нужно убрать.

Представьте, как это должно выглядеть

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

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

Задайте конкретные вопросы об аналитике — например, как бы они изобразили тот или иной показатель? Или, учитывая значения, которые они видят в KPI, что им потребуется, чтобы объяснить эти показатели? Вы можете давать небольшие подсказки, но не должны вести их. Самое важное — понять, как они все это хотят видеть.

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

Почему компании так боятся поговорить со своими клиентами?

Вспенить, промыть, повторить

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

Проявляйте настойчивость.

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

Наконец, позаботьтесь о внешнем виде 

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

И это правильно. Продукт должен продаваться. А покупатели оценивают его по обертке: такова жизнь.

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

И все же вам нужно каким-то образом привлечь их внимание. Тут и вступает в игру внешняя привлекательность. 

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

Заключение

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

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

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

Прокачайте свой онбординг!

По материалам: uxbooth.com 

Прокачайте ваш онбординг
с навигатором интерфейсов Experrto