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

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

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

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

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

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

6. Типы мышления
Вербальное
• Мир рассматривается как множество
мелких составляющих
• Сильная сторона – возможность
максимальной концентрации внимания
Визуальное
• Мир рассматривается как единое
целое
• Сильная сторона – возможность
сохранить контекст при исследовании
6
Список не претендует на полноту, существует бесчисленное множество
классификаций разных психологов в более чем 15 разрезах

7. Почему визуальное
мышление так важно
 Визуальная информация лучше
сохраняется в долговременной
памяти (поэтому мы не потеряем
общую картинку, даже позабыв
детали)
 Ассоциативное мышление лучше
работает с образами, поэтому
нам проще находить оптимальные
решения (в процессе синтеза)
 В голове всегда содержится образ
целиком, даже в те моменты, когда
мы «проваливаемся» в детали (это
позволяет легко «выныривать» из них
при необходимости)
7
Мы можем удерживать 7+-2
«объекта» (как понятие) в
памяти. Картинка
удерживается целиком вне
зависимости от количества
элементов

8. Очень важно видеть целую
картинку
8
21 мая 2014г , Москва, Набережная неподалеку от храма Христа
Спасителя

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

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

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

12. Когда можно сказать, что мы
«разобрались» в системе
В голове постепенно начинает вырисовываться «картинка»
???
???
12
Мы изучаем информацию (например, штудируем документ)

13. Проблемы аналитических
документов
Слишком большое количество вербальной составляющей (слов)
13
Читателям не хватает терпения
дочитать до конца
Основные идеи становятся
размытыми обилием деталей
Документ банально долго
разрабатывается и согласовывается
Большой риск запутаться и упустить
главное

14. Почему документы
получаются такими?
 Иногда объем создается искусственно, не для целей
лучшего донесения смысла
 Авторы считают, что рисование картинок – это всегда
долго и быстрее объяснить мысль словами
 Нет методик «рисования», подчас непонятно, как
правильней сделать иллюстрацию
 Все сложное и с трудом понимаемое часто кажется
более «солидной» и «профессиональной» работой
 Порой ставится цель злонамеренно запутать читателя
14
В итоге – каждый по-отдельности
– молодец, а вот как вместе,
так получается, что «воз и ныне там»

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

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.»
16
Что такое «Визуализация систем» и чем она отличается от других
типов визуализации?
В визуализации систем очень важно наличие онтологии (об этом чуть позже)

17. Как правильно визуализировать даже, если
вы не ходили в художественную школу 1/2
 Главное не дизайн,
главное – польза (хоть от
руки рисовать)
 Картинка первична,
текстовое описание –
детализирует картинку
17
Лучше так,
чем никак
Картинка – это не
дополнительные
колеса к словам
Картинка – это
ведущее колесо!
Слова без картинки
затрудняют
движение к
пониманию сути

18. Как правильно визуализировать даже, если
вы не ходили в художественную школу 2/2
 Для описания проблемы в целом – картинки,
для описания деталей – четко
структурированный текст (по которому легко
осуществлять навигацию)
 Схемы, в которых важна однозначность,
всегда рисуются в какой-либо нотации(
 Важно четко понимать и классифицировать
элементы схем (каждый символ или связь
должны принадлежать определенному классу)
 Нет нужды описывать дополнительно текстом
то, что понятно из картинки (как и наоборот –
не стоит нагромождать схемы деталями,
место которым – в тексте)
18
Например, с
помощью wiki-
системы
Система состоит из двух
зеленых прямоугольников,
связанных однонаправленной
стрелкой

19. Пример 1. Консалтинговый
проект в страховой компании
 Цель – разработка описаний бизнес-процессов, ИТ-
архитектуры TO BE (нескольких вариантов), плана внедрения,
оценка бюджета проектов
 Предпочтение в вопросах моделирования БП и ИТ-
архитектуре отдавалось графике
 Сперва разрабатывались и согласовывались графические
схемы, после – детальные описания
 Использовали инструменты графического моделирования с
возможностью автоматической генерации документов
 В основе – нотации IDEF0 и CFC для описания БП и Archimate
для описания архитектуры предприятия
 Итог – у заказчика на руках набор взаимоувязанных моделей
из разных уровней архитектуры, а также детальные
описания. Эти артефакты используются как для принятия
решений в части ИТ-стратегии, так в качестве прототипов для
ТЗ на внедрение отдельных систем.
19

20. Пример 1. Иллюстрация
20
Уровень бизнес-
архитектуры
Уровень архитектуры приложений
Объекты модели связаны как в пределах одного уровня, так и в пределах нескольких
Бизнес-процесс
Функциональный
блок
Сущность (Информационный
объект)
Информационный
поток

21. Пример 1. Иллюстрация
21
Программные компоненты и то, как они взаимодействуют друг с другом
ЦелевыекомпонентыСистемныеи
платформенные
компоненты

22. Пример 2. Интеграционный проект
в финансовой организации
 Цель – внедрение интеграционной платформы (ESB+ хранилище
ODS +набор ETL-процессов)
 Основная сложность – крайне сжатые сроки проекта, а также
большое количество соисполнителей
 На раннем этапе провели экспресс-консалтинг с использованием
не детальных схем с привлечением бизнес-пользователей. Нотация
- Archimate
 Схемы рисовали прямо «на ходу» во время интервью
 После согласования схем разрабатывали детальные описания с
использованием wiki-системы
 Обсуждения архитектуры и мозговые штурмы также выполняли с
использованием схем и фиксировали в графическом виде
 Итог – благодаря пониманию «в первом приближении» общей
картинки смогли быстро выработать согласованное совместное
видение архитектуры, синхронизировать планы проектирования и
разработки (наш и остальных поставщиков), четко ставить задачи и
управлять их выполнением. И не «промахнулись» в бизнес-
требованиях.
22

23. Пример 2. Иллюстрация
23
Многие представители бизнеса поначалу очень пугались, но потом «втянулись»
Схема наглядно
иллюстрирует, что дизайн
– не главное (все
претензии – создателям
Archimate  )
Уровеньбизнес-
архитектуры
Уровеньархитектурыприложений
Бизнес-процесс
Информационная
система

24. Пример 2. Иллюстрация
24
Функциональный
блок
Сущность (Информационный
объект)
Сервис
Уровеньархитектурыприложений

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

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)
26