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

Аналитики Vs Дизайнеров

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

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

В презентации, помимо финансовых выкладок и диаграмм, было много текста. Рассмотрим подробно две: о зрелости клиента и о процессе продаж. Я решил отдать эту задачу на аутсорс дизайнеру. Его портфолио мне понравилось, и были рекомендации знакомых. Ну, что могло пойти не так ?

Зрелость клиента

Идея проста: «продавайте не всем подряд, а тем, кто уже созрел к покупке. Тот, кто пытался решить проблему сам и не смог — самый горячий клиент. Продавать „холодным" нет смысла». Я начал развивать эту идею и провел аналогию с пирамидой потребностей.

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

Дашборд для директора по персоналу
Стало лучше

  • Идею зрелости подкрепили градиентом — от холодного синего до теплого зеленого. Зелёный — это хорошо. Большинствоа людей воспринимают его как позитивный, в то время как оранжевый — неоднозначный цвет.
  • Пирамиду разделили на две части и сделали более читаемыми подписи — теперь понятно, что к чему относится. Текст с верхушки пирамиды вынесли вбок, теперь его легко прочитать.
Но если присмотреться, есть косяки. Градиент не последовательный, в нижней части пирамиды он идет от бледного синего к темному, а потом резко становится зеленым

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

Процесс продажи

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

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

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

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

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

Выводы

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