Вместо тысячи словВИЗУАЛЬНОЕ ПРОЕКТИРОВАНИЕ КАК САМЫЙ ЭКОЛОГИЧНЫЙ СПОСОБ РЕШЕНИЯ АНАЛИТИЧЕСКИХ ЗАДАЧ

АЛЬБЕРТ НУРУТДИНОВ

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

2Путь Наполеона на Москву и обратно (1869 г.)

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

3Карта заболевших холерой (1854 г.)

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

4Основная мысль

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

Не надо таких «основных мыслей»

04

/08

/20

23

5

облегчает процесс познания сложных систем

помогает быстро передавать знания

способствует выработке оптимальных проектных решений

Основная мысль. Вторая попытка

Визуализация Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

6Типы мышления

Вербальное• Мир рассматривается как множество

мелких составляющих • Сильная сторона – возможность

максимальной концентрации внимания

Визуальное• Мир рассматривается как единое

целое• Сильная сторона – возможность

сохранить контекст при исследовании

Список не претендует на полноту, существует бесчисленное множество классификаций разных психологов в более чем 15 разрезах

04

/08

/20

23

7Почему визуальное мышление так важно

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

Ассоциативное мышление лучше работает с образами, поэтому нам проще находить оптимальные решения (в процессе синтеза)

В голове всегда содержится образ целиком, даже в те моменты, когда мы «проваливаемся» в детали (это позволяет легко «выныривать» из них при необходимости)

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

Мы можем удерживать 7+-2 «объекта» (как понятие) в памяти. Картинка удерживается целиком вне зависимости от количества элементов

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

8Очень важно видеть целую картинку

21 мая 2014г , Москва, Набережная неподалеку от храма Христа Спасителя

04

/08

/20

23

9Некоторые визуализации – вообще единственный способ решить задачу

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

04

/08

/20

23

10А некоторые просто выглядят стильно

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

11Визуализация в системном анализе

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

Системный анализ — это прежде всего способ разобраться в какой-либо системе!

Для начала напомним, что вообще такое системный анализ

04

/08

/20

23

12Когда можно сказать, что мы «разобрались» в системе

В голове постепенно начинает вырисовываться «картинка»

??? ???

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

Мы изучаем информацию (например, штудируем документ)

04

/08

/20

23

13Проблемы аналитических документов

Слишком большое количество вербальной составляющей (слов) Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

Читателям не хватает терпения дочитать до конца

Основные идеи становятся размытыми обилием деталей

Документ банально долго разрабатывается и согласовывается

Большой риск запутаться и упустить главное

04

/08

/20

23

14Почему документы получаются такими?

Иногда объем создается искусственно, не для целей лучшего донесения смысла

Авторы считают, что рисование картинок – это всегда долго и быстрее объяснить мысль словами

Нет методик «рисования», подчас непонятно, как правильней сделать иллюстрацию

Все сложное и с трудом понимаемое часто кажется более «солидной» и «профессиональной» работой

Порой ставится цель злонамеренно запутать читателя

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

В итоге – каждый по-отдельности– молодец, а вот как вместе, так получается, что «воз и ныне там»

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

15Проблемы изображений в аналитических документах

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

Изображения часто недостаточно однозначны, нет четкой «легенды», поэтому они игнорируются читателем (нет доверия к картинке)

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

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

Итог – мощный инструмент передачи информации используется неэффективно

«Плохая» картинка

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

16Мы будем говорить о Визуализации систем

«Systems visualization is a new field of visualization which integrates and subsumes existing visualization methodologies and adds to it narrative story telling, visual metaphors (from the field of advertising) and visual design. It also recognizes the importance of complex systems theory, the interconnections of systems of systems and the need of knowledge representation through ontologies. Systems visualization provides a viewer of systems visualization the ability to quickly understand the complexity of a system. Unlike other visualization approaches - such as data visualization, information visualization, flow visualization, scientific visualization and network visualization, which focus mainly on data representation - systems visualization seeks to provide new way to visualize complex systems of systems through an integrative approach.»

Что такое «Визуализация систем» и чем она отличается от других типов визуализации?

В визуализации систем очень важно наличие онтологии (об этом чуть позже)

04

/08

/20

23

17Как правильно визуализировать даже, если вы не ходили в художественную школу 1/2

Главное не дизайн, главное – польза (хоть от руки рисовать)

Картинка первична, текстовое описание – детализирует картинку

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

Лучше так, чем никак

Картинка – это не дополнительные колеса к словам

Картинка – это ведущее колесо!

Слова без картинки затрудняют движение к пониманию сути

04

/08

/20

23

18Как правильно визуализировать даже, если вы не ходили в художественную школу 2/2

Для описания проблемы в целом – картинки, для описания деталей – четко структурированный текст (по которому легко осуществлять навигацию)

Схемы, в которых важна однозначность, всегда рисуются в какой-либо нотации(

Важно четко понимать и классифицировать элементы схем (каждый символ или связь должны принадлежать определенному классу)

Нет нужды описывать дополнительно текстом то, что понятно из картинки (как и наоборот – не стоит нагромождать схемы деталями, место которым – в тексте)

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

Например, с помощью wiki-системы

Система состоит из двух зеленых прямоугольников, связанных однонаправленной стрелкой

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

19Пример 1. Консалтинговый проект в страховой компании

Цель – разработка описаний бизнес-процессов, ИТ-архитектуры TO BE (нескольких вариантов), плана внедрения, оценка бюджета проектов

Предпочтение в вопросах моделирования БП и ИТ-архитектуре отдавалось графике

Сперва разрабатывались и согласовывались графические схемы, после – детальные описания

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

В основе – нотации IDEF0 и CFC для описания БП и Archimate для описания архитектуры предприятия

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

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

20Пример 1. ИллюстрацияУровень бизнес-

архитектурыУровень архитектуры приложений

Объекты модели связаны как в пределах одного уровня, так и в пределах нескольких

Бизнес-процесс

Функциональный блок

Сущность (Информационный объект)

Информационный поток

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

21Пример 1. Иллюстрация

Программные компоненты и то, как они взаимодействуют друг с другом

Цел

евы

е к

ом

пон

ен

ты

Си

стем

ны

е и

п

латф

орм

ен

ны

е

ком

пон

ен

ты

04

/08

/20

23

22Пример 2. Интеграционный проект в финансовой организации Цель – внедрение интеграционной платформы (ESB+ хранилище

ODS +набор ETL-процессов)

Основная сложность – крайне сжатые сроки проекта, а также большое количество соисполнителей

На раннем этапе провели экспресс-консалтинг с использованием не детальных схем с привлечением бизнес-пользователей. Нотация - Archimate

Схемы рисовали прямо «на ходу» во время интервью

После согласования схем разрабатывали детальные описания с использованием wiki-системы

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

Итог – благодаря пониманию «в первом приближении» общей картинки смогли быстро выработать согласованное совместное видение архитектуры, синхронизировать планы проектирования и разработки (наш и остальных поставщиков), четко ставить задачи и управлять их выполнением. И не «промахнулись» в бизнес-требованиях.

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

04

/08

/20

23

23Пример 2. Иллюстрация

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач

Многие представители бизнеса поначалу очень пугались, но потом «втянулись»

Схема наглядно иллюстрирует, что дизайн – не главное (все претензии – создателям Archimate )У

ровен

ь б

изн

ес-

архи

тектуры

Уровен

ь а

рхи

тектуры

при

лож

ен

ий

Бизнес-процесс

Информационная система

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

24Пример 2. Иллюстрация

Функциональный блок

Сущность (Информационный объект)

Сервис

Уровен

ь а

рхи

тектуры

при

лож

ен

ий

04

/08

/20

23 В

мест

о т

ыся

чи

слов. В

изу

ал

ьн

ое п

роекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б р

еш

ен

ия а

нал

ити

ческ

их за

дач

25Маленькая история про букву «А»

04

/08

/20

23

26Спасибо

Альберт Нурутдинов

Инфосистемы Джет

aa.nurutdinov@jet.msk.su

+7 968 392-8-222

Что еще почитать/посмотреть

Dan Roam – The back of the napkin

Dan Roam – Blah Blah Blah

Mastering ArchiMate – Edition II 

Don Moyer: Visual Thinking Course (video)

Вм

ест

о т

ыся

чи

слов. В

изу

ал

ьн

ое

пр

оекти

рован

ие к

ак са

мы

й эк

ол

оги

чн

ый

спосо

б

реш

ен

ия а

нал

ити

ческ

их за

дач