Справочник
Шаблоны досок и что из них строить
В NodePanel 11 шаблонов досок. Шаблон — не готовый ответ, а каркас: формы, цвета и связи уже подобраны под задачу. Здесь — как устроен каждый и какие ещё схемы из него получаются.
Как пользоваться шаблоном#
В проекте нажмите «Новая доска»
И выберите шаблон в списке. Название можно не вписывать — доска возьмёт имя шаблона.
Замените тексты
Двойной щелчок по блоку — правка текста. Ненужные блоки удалите, недостающие добавьте клавишей Tab — они повторят оформление соседей.
Сохраните смысл цветов
В шаблоне цвет уже что-то значит: в ретроспективе зелёный — хорошее, красный — проблемы. Держитесь той же договорённости.
Все шаблоны#
Под каждой схемой — ссылки на страницу шаблона и на сценарии, где он помогает. Схемы — те самые блоки и связи, что появятся на вашей доске.
Блок-схема процесса#
Шаги, условия и развилки: опишите процесс от начала до результата. Блок-схема описывает процесс по шагам: что происходит, где развилка, куда идёт работа при отказе. Её понимают без обучения.
Как устроен. Зелёные капсулы — начало и конец, синие прямоугольники — шаги, жёлтый ромб — условие с выходами «Да» и «Нет», пунктирная связь — возврат на доработку.
Что ещё можно построить:
- Согласование заявки, счёта или отпуска — с дорожками по ролям
- Обработка заказа: от корзины до доставки и возврата
- Онбординг сотрудника по дням первой недели
- Разбор обращения в поддержку с эскалацией
- Алгоритм для студентов: условие, цикл, выход
Интеллект-карта#
Главная идея в центре и ветки вокруг: разложите тему по полочкам. Интеллект-карта раскладывает тему от центра к деталям. Она хороша, когда мыслей много, а порядка пока нет.
Как устроен. В центре — крупная капсула с темой, вокруг — четыре цветные ветки-капсулы, на концах — короткие тексты. Связи без стрелок, в цвет ветки.
Что ещё можно построить:
- План статьи, доклада или курса
- Конспект книги: главы — ветки, мысли — листья
- Цели на квартал: направления, метрики, первые шаги
- Подготовка к экзамену по темам билетов
- Итоги мозгового штурма, разобранные по направлениям
Архитектура ПО#
Клиенты, сервисы и хранилища: покажите, как устроена система. Схема архитектуры показывает, из каких частей состоит система и как они обмениваются данными.
Как устроен. Три группы — «Клиенты», «Бэкенд», «Данные» — с карточками компонентов: у каждой иконка и технология в описании. Связи с анимацией «Поток» и подписью протокола.
Что ещё можно построить:
- Схема одного сервиса изнутри: модули, очереди, хранилища
- Ландшафт систем компании и связи между ними
- Инфраструктура: балансировщик, серверы, базы, копии
- Схема для разбора инцидента: что упало и что задело
- Целевая архитектура рядом с текущей — на соседней доске
Карта сайта#
Структура страниц: от главной к разделам и вложенным страницам. Карта сайта — дерево страниц от главной к разделам и вложенным страницам. Нужна до дизайна и при переделке навигации.
Как устроен. Карточки страниц с иконками, ступенчатые связи без стрелок сверху вниз. Цвет ветки — раздел сайта.
Что ещё можно построить:
- Структура интернет-магазина: каталог, категории, товары
- Разделы приложения и экраны в них
- Структура базы знаний или документации
- Навигация лендинга и посадочных страниц
- План переезда со старой структуры на новую
Диаграмма потоков данных#
Кто передаёт данные, какие процессы их обрабатывают и где они хранятся. Диаграмма потоков данных показывает, кто передаёт данные, какие процессы их обрабатывают и где они хранятся.
Как устроен. Прямоугольники — внешние участники, эллипсы — процессы, плоский серый блок — хранилище. Связи с анимацией «Точки» и подписью «что передаётся».
Что ещё можно построить:
- Путь персональных данных — для проверки безопасности
- Обмен данными между системами компании
- Поток заказа: от формы до склада и бухгалтерии
- Сбор аналитики: события, обработка, отчёты
- Схема уведомлений: кто, когда и через что пишет клиенту
Путь клиента (CJM)#
Этапы, действия, мысли и барьеры клиента на пути к покупке. Карта пути клиента: этапы, через которые проходит человек, что он делает и думает на каждом и где спотыкается.
Как устроен. Этапы — капсулы сверху со связями «Поток», строки «Действия», «Мысли», «Барьеры» — подписи текстом слева и стикеры своего цвета.
Что ещё можно построить:
- Путь покупателя интернет-магазина
- Путь нового сотрудника от отклика до первой задачи
- Путь пользователя приложения от регистрации до оплаты
- Путь пациента в клинике или студента в школе
- Путь клиента до и после изменений — две доски рядом
Пользовательские истории#
Этапы пути пользователя сверху и истории под ними — по релизам. Карта пользовательских историй: этапы пути пользователя сверху и истории под ними, разложенные по релизам.
Как устроен. Синие фигуры этапов со связями слева направо, под ними строки стикеров «Релиз 1», «Релиз 2» — подпись строки блоком «Текст».
Что ещё можно построить:
- Планирование первой версии продукта
- Разбор новой функции на истории
- Дорожная карта по кварталам
- План курса: модули сверху, уроки под ними
- Сравнение того, что есть, с тем, что нужно
Портрет пользователя#
Кто ваш пользователь: цели, боли и мотивация для работы над UX. Портрет пользователя собирает в одном месте, кто ваш человек, чего он хочет и что ему мешает.
Как устроен. Группа-рамка, внутри — карточки «Кто», «Цели», «Боли» (с чек-листами), «Мотивация», «Где её найти» и стикер с цитатой.
Что ещё можно построить:
- Портрет покупателя для маркетинга
- Портрет кандидата для найма
- Несколько портретов на одной доске — сравнить сегменты
- Портрет участника курса или мероприятия
- Портрет внутреннего клиента: отдела или руководителя
Ретроспектива#
Что было хорошо, что улучшить и что делаем дальше. Ретроспектива помогает команде оглянуться на прошедший период и договориться, что поменять.
Как устроен. Три группы-колонки: «Что было хорошо» (зелёная), «Что улучшить» (красная), «Что делаем» (синяя) — со стикерами внутри.
Что ещё можно построить:
- Ретро спринта или проекта
- Разбор после запуска или инцидента
- Итоги квартала для отдела
- Обратная связь после мероприятия
- Личная ретроспектива месяца
Мозговой штурм#
Вопрос в центре и стикеры с идеями — собирайте и выбирайте лучшие. Мозговой штурм: вопрос в центре и идеи вокруг. Сначала количество, потом отбор.
Как устроен. Крупная капсула с вопросом, вокруг — разноцветные стикеры, справа — пустая группа «Лучшие идеи» для отбора.
Что ещё можно построить:
- Поиск названия для продукта или проекта
- Идеи для роста продаж или удержания
- Темы для статей и видео
- Решения сложной задачи с ограничениями
- Подготовка вопросов к интервью
План задач#
Три колонки со статусами: что сделать, что в работе, что готово. План задач — простая доска со статусами: что сделать, что в работе, что готово.
Как устроен. Три группы-колонки и карточки задач с иконкой, статусом, метками и чек-листом. Связь между задачами — зависимость.
Что ещё можно построить:
- План запуска небольшого проекта
- Подготовка мероприятия
- Задачи на неделю для небольшой команды
- Учебный проект с этапами
- Переезд или ремонт по шагам
Не нашли ответ? Напишите нам из приложения: пункт «Помощь» в боковой панели есть на каждом экране после входа. Ответ придёт на почту вашего аккаунта.