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

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

Планирование проектов: структурируем требования и планы

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

Логотип Сити Банка, нарисованный Полой Шер на встрече с клиентом прямо на салфетке.
Логотип Сити Банка, нарисованный Полой Шер на встрече с клиентом прямо на салфетке.

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

Пример визуализации замеров индекса производительности приложений ADPEX.
Пример визуализации замеров индекса производительности приложений ADPEX.

Разработка и дизайн: визуализируем архитектуру и интерфейсы

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

Так выглядел набросок идеи обработки аватарок пользователей с использованием нейронных сетей.
Так выглядел набросок идеи обработки аватарок пользователей с использованием нейронных сетей.

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

Простое объяснение, как работает GIT, на примере котиков.
Простое объяснение, как работает GIT, на примере котиков.

А пара квадратиков и стрелки помогут показать общую архитектуру решения без необходимости детального и длительного проектирования.

Схема работы VPN-соединения.
Схема работы VPN-соединения.

Коммуникация: улучшаем взаимопонимание в командах и с клиентами

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

Простая схема, которая объясняет, как работают генеративные модели изображений, например, Stable Diffusion.
Простая схема, которая объясняет, как работают генеративные модели изображений, например, Stable Diffusion.

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

Процесс поддержки пользователей для «коробочного» решения.
Процесс поддержки пользователей для «коробочного» решения.

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

Инструменты для скрайбинга

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

Для этого вовсе не нужны специальные навыки или программное обеспечение. Рисовать можно на чем угодно, начиная от салфеток и флипчартов и заканчивая графическими планшетами и iPad.

Цифровые инструменты для скрайбинга

Цифровые инструменты подойдут для распределённых команд. Вам потребуется платформа видеоконференций, с возможностью демонстрации своего экрана. Отлично подойдёт Zoom, Телемост, Goggle Meets или Jitsi.

Чем рисовать? 

  • Графический планшет. Например, Wacom или китайские аналоги. Поскольку мы рисуем наброски, чувствительность к силе нажатия и наклону совершенно не важны.

  • Планшет с пером. Например, iPad или Samsung. Важно не брать универсальные стилусы, которые имитируют палец. Такими рисовать совершенно неудобно и неестественно.

  • Мышка или тачпад. Это наименее удобный вариант, но даже такой способ с кривыми рисунками во много раз превосходит объяснение словами.

Где рисовать?

Подойдёт любая онлайн-доска с инструментом «карандаш». Например, Miro, Figma Jam, ziteboard, witeboard.com, excalidraw.com или даже встроенная в Zoom доска. Просто начните рисовать.

Аналоговые инструменты для скрайбинга

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

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

Например, для скрайбинга на бумаге я предпочитаю линеры Stabilo, а для досок и флипчартов — маркеры Brauberg.

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

Практические советы

Самое важное

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

Практика

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

  • Ежедневная практика. Постарайтесь ежедневно уделять время скрайбингу, даже если это всего лишь 10-15 минут. Регулярность важнее длительности. Даже если вам не нужно модерировать встречу, сделайте заметки в блокноте в виде рисунков для себя.

  • Обучающие ресурсы и литература. Читайте книги, смотрите обучающие видео на Youtube. Я рекомендую начать с книги Дэна Роэма «Рисуй, чтобы победить» или «Визуальная упаковка смыслов» Олега Кемаева

Принятие ошибок

Ошибки — это неотъемлемая часть обучения, но их можно минимизировать, правильно организовав рабочий процесс:

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

  • Анализ. Пересматривайте свои работы, чтобы понять, как можно было нарисовать проще, подобрать более удачные метафоры и лучше структурировать информацию.

Заключение

Скрайбинг — это мощный инструмент визуализации, который может кардинально преобразить процесс планирования, разработки и коммуникации. Этот метод помогает структурировать сложные идеи, облегчать общение внутри команды и с клиентами, а также ускорять принятие решений и повышать общее качество работы. А еще скрайбинг производит вау-эффект, особенно, если вы рисуете в живую.

Попробуйте, вам понравится.

Комментарии (7)


  1. CitizenOfDreams
    20.05.2024 10:28
    +13


    1. AlexanderG
      20.05.2024 10:28
      +4

      >Рисовал каракули во время планёрки

      >Скрайбинг концептуальных эскизов во время брейншторминга


  1. vesper-bot
    20.05.2024 10:28

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


    1. CitizenOfDreams
      20.05.2024 10:28
      +1

      У меня ассоциация с этим словом одна - "накорябать".

      "Накорябать" это чуть другое слово, скрибблинг. От все того же латинского корня scribere - "писать".

      А термин "скрайбинг" в значении "иллюстрирование мыслей оратора" это относительно недавнее изобретение гуманитариев (точнее, одной гуманитарши/гуманитарки/гуманитарессы по имени Келви Берд). Теперь и к нам завезли.


      1. vesper-bot
        20.05.2024 10:28

        Да я не удивлюсь, если само слово "накорябать" происходит от scribere, через гимназистов, которые учили латынь, и по механизму слова "херня" (hernia, "грыжа").


  1. sevaska
    20.05.2024 10:28

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


  1. hvonick
    20.05.2024 10:28
    +1

    Лет 15 так делаю и тут оказывается, это скрайбинг)))). Давайте не упарываться, это даже не метод)