Как визуализировать блочные и карточные диаграммы. SWOT, карты эмпатии, Канбан

Сложные модели визуализации: блочная и карточная

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

Блочные модели

Если мы вспомним модели для визуализации связей, то в логику бинарной матрицы легко вписывается метод SWOT-анализа. Наверное, все его делали в институте и раскладывали на 4 блока: описание сильных и слабых сторон компании, возможностей и угроз рынка. Такое описание удобно делать, потому что визуально мы получаем симметричную картину.
SWOT-модель как пример визуализация текстовых отчетов
Это простой пример анализа, но многие концепции состоят из большего числа блоков, да еще и нечетного. Вот модель — 5 сил Портера. Ее я откопал в своем дипломе МВА 2012 и самому за себя стало стыдно. Есть блоки, стрелочки, приятная цветовая гамма, но информация непонятна и совершенно не читается.
Модель визуализации текста 5 сил Портера
Как выглядит понятная блочная схема:
  1. У нее симметричная фигура из блоков.
  2. В расположении блоков есть смысл и взаимосвязь.
  3. Цвет позволяет разделить блоки по смыслу, при этом не перегружает читателя.
Придумать с нуля хорошую блочную модель тяжело. Поэтому давайте рассмотрим несколько примеров, которые можно брать за образец.

Канва бизнес-модели (Business Model Canvas)

Канва бизнес-модели (Business Model Canvas)
Это описание деятельности практически любого предприятия.
В центре — продукт, предложение ценности для потребителя. Справа — блоки, связанные с взаимоотношением и доставкой продукта, слева — ресурсы активности, с помощью которых создаем продукт. Снизу — блоки издержек и доходов.

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

Онлайн-инструмент https://canvanizer.com/

Карта эмпатии

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

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

Карточные модели

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

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

Доска Канбан

Это пример карточной модели. В такой доске есть статусы задач. Карточки помечаются соответствующим статусом: «выполненное», «в процессе», «тестирование» и прочее. Можно передвигать стикеры по доске или пользоваться специальными инструментами. Для управления процессом разработки софта часто используют Jira, а также популярен бесплатный аналог — Trello.

Его можно использовать не только для задач в IT. Например, мы использовали такой подход для контроля работы с партнерами. То есть процесс по логике похож на воронку продаж, только партнеров гораздо меньше, чем клиентов, и процесс не такой динамичный. Мы не стали засорять CRM этой информацией и за 10 минут настроили воронку партнеров в Trello. Теперь весь процесс перед глазами.
Канбан доска как модель блочной визуализации текстовых данных

Периодическая таблица

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

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

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

Заключение

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

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

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