Зачем удаленной команде онлайн-доска​

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

Когда онлайн-доска нужна, а когда — нет​

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

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

Четыре процесса, которые стоит перенести на онлайн-доску​

Формулирование целей. Когда команда формулирует их вместе, каждый участник понимает, как его работа влияет на общий результат, и задает вопросы до начала работы. Для постановки целей можно использовать разные методы — например, OKR, или «Цели и ключевые результаты». Команда формулирует цель, а потом разбивает ее на три-пять измеримых результатов. Например, цель «Увеличить вовлеченность студентов» команда раскладывает на результаты: «Поднять процент завершения курса с 40 до 60 %», «Сократить среднее время ответа преподавателя до четырех часов».

Шаблон «Цели и ключевые результаты»

Мозговой штурм. На онлайн-доске можно собирать и структурировать идеи во время брейншторма. Для этого есть разные методы — например, SCAMPER. Он состоит из семи наводящих вопросов: что в продукте можно заменить, комбинировать, адаптировать, изменить, применить иначе, убрать и переставить. Команда генерирует идеи по очереди — участники не перескакивают между темами и находят решения, которые не пришли бы в голову при свободном обсуждении.

Шаблон метода SCAMPER

Планирование. На общей онлайн-доске каждый участник видит и свои задачи, и задачи коллег. Это помогает команде планировать работу и замечать пересечения по срокам до того, как они станут проблемой. На созвоне этого обычно не происходит: руководитель проговаривает задачи, остальные запоминают свою часть, а кто от кого ждет результат — остается за кадром. Для планирования можно использовать Канбан-доску. На ней участники делят задачи по статусам — «запланировано», «в работе», «на проверке», «готово» — и видят, на каком этапе каждая из них. Подробности о методе Канбан можно узнать в нашей статье.

Шаблон канбан-доски

Ретроспектива. Иногда разбор итогов на созвоне превращается в монолог руководителя: остальные соглашаются или молчат. Когда участники пишут анонимно, они формулируют то, что не скажут голосом. Попробуйте провести ретроспективу по шаблону на онлайн-доске: ответьте на три вопроса — что получилось, что улучшить, что попробовать.

Шаблон ретроспективы

Какие проблемы онлайн-доска не решит​

Команда не понимает, зачем работает. Команда, которая не понимает цель проекта, не станет работать лучше от того, что у нее появилась онлайн-доска. Начинайте каждое планирование не с задач, а с вопроса о целях. Например: «Что мы хотим получить к концу недели?»

Говорит только руководитель. Когда во время брейншторма руководитель не дает команде высказываться, стикеры остаются пустыми. Человек, чьи предложения раз за разом игнорируют, перестает их писать — и на доске, и в чате. Обозначьте правило: каждый участник добавляет хотя бы два стикера, и все стикеры обсуждают до того, как что-то отсеивать.

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

Как начать работу с онлайн-доской в команде​

1. Выберите один процесс, который буксует, — тот, после которого в чате появляются вопросы «а что мы решили?». Не переносите на доску все сразу: начните, например, с еженедельного планирования и через месяц добавьте разбор итогов.

2. Подготовьте доску до начала встречи. В библиотеке шаблонов Unidraw есть доски для планирования, разбора итогов и сбора идей — выберите подходящий вариант и адаптируйте его под свою команду. Объясните три правила: один стикер — одна мысль; чужие стикеры не удаляем; вопросы выносим в отдельную зону. Заложите 10–15 минут запаса перед первой встречей — пусть команда привыкнет к формату.

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

Вопросы и ответы​

Можно ли работать на доске, если часть команды в офисе, а часть — удаленно?

Да. Каждый участник открывает доску в браузере — не имеет значения, сидит он в переговорке или дома. В библиотеке Unidraw есть готовые шаблоны для ретроспектив, запуска Scrum-команды и планирования по OKR — можно не готовиться заранее.

Чем онлайн-доска отличается от документа или таблицы?

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

Сколько человек может работать на одной доске одновременно?

В Unidraw ограничений по количеству участников нет. На практике доски рассчитаны на одновременную работу до 30 человек — при большем числе участников стоит делить команду на группы с отдельными зонами на доске.

Можно ли перенести доски из Miro?

Да. Unidraw поддерживает импорт досок из Miro — можно перенести элементы целиком или скопировать отдельные блоки. Подробнее об импорте из Miro можно прочитать в инструкции.

Что такое интеллект-карта​

Интеллект-карта, или mind map, — это визуальная схема, которая помогает разложить информацию вокруг одной идеи. Интеллект-карта строится от центра к краям: в середине — главная тема, от нее расходятся ветви покрупнее, от тех — ветви помельче.

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

Как использовать интеллект-карту​

Интеллект-карту можно применять в самых разных контекстах — от подготовки к экзамену до аудита бизнес-процессов. Разберем примеры.

Обучение. Карта хорошо заменит конспект, если важно увидеть связи между понятиями. Готовиться к занятиям по такой схеме можно быстрее: нужный факт находится не на какой-то странице, а в конкретном месте визуальной структуры. Пустая ветвь или ветвь с одной-двумя подветвями при пяти-шести у соседних — значит, тему нужно доучить. Чтобы применить интеллект-карту для обучения, выделите двадцать минут после лекции или чтения главы учебника. В центре напишите тему, на ветвях — основные понятия, на подветвях — определения своими словами. Соедините стрелками термины из разных ветвей, если они связаны. Перед экзаменом или проверочной откройте карту и пройдитесь по ветвям.

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

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

Решение проблем. Интеллект-карта помогает разобрать плохо работающий процесс и найти причину проблемы. Для анализа лучше всего подходит формат «рыбьей кости»: справа «голова» — проблема, от хребта — категории причин, от них — конкретные факторы. Чтобы применить интеллект-карту для анализа процессов, сформулируйте проблему и запишите ее в «голову» рыбы. Определите четыре-шесть категорий причин — например, люди, процессы, инструменты, внешние факторы. По каждой категории задайте вопрос «Почему это происходит?» и запишите ответы на «кости». Повторите вопрос для каждого ответа — так вы дойдете от симптомов до причин. Когда все причины на виду, выберите ту, устранение которой повлияет на наибольшее число следствий, и займитесь ею в первую очередь.

Виды интеллект-карт​

Есть несколько форматов интеллект-карт: схема-иерархия, блок-структура, «рыбья кость» и сеть взаимосвязей. Разберем эти форматы и задачи, для которых они подходят.

Схема-иерархия. Это классический формат интеллект-карты: от центра расходятся ветви первого уровня, от них — второго и так далее. Все элементы подчиняются друг другу как в оглавлении книги: глава, параграф, подпункт.

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

Шаблон схемы-иерархии

Блок-структура. В блок-структуре информация распределена по блокам-прямоугольникам, соединенным линиями и стрелками. Такая mind map больше похожа на блок-схему, чем на классическую карту: в центре может быть не одна тема, а несколько, и связи между блоками не обязательно идут от центра.

Блок-структура подходит для описания процессов с последовательными шагами и условиями: если «да» — идем сюда, если «нет» — туда. Например, к таким процессам относится алгоритм обработки заявки, воронка подбора кандидатов.

Шаблон блок-структуры

Формат «Рыбья кость». Его придумал японский инженер Каору Исикава для анализа производственных проблем — поэтому формат еще называют «Диаграммой Исикавы». Схема выглядит как скелет рыбы: справа — «голова» с формулировкой проблемы, от «хребта» в стороны отходят «кости» — категории причин, от них — «кости» помельче, с конкретными факторами.

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

Шаблон «Рыбья кость»

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

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

Шаблон сети взаимосвязей

Элементы интеллект-карты​

У интеллект-карты любого формата есть обязательные элементы. Рассмотрим их подробнее.

Центральная идея. Тема, вопрос или задача, которую человек раскладывает на составляющие. Идея располагается в середине листа или экрана. Формулировка короткая: одно-три слова или вопрос, например «Запуск приложения» или «Почему уходят клиенты». Чем конкретнее центральная идея, тем полезнее будет карта: «Маркетинг» — слишком размыто, «Каналы привлечения для B2B-сервиса» — уже лучше.

Основные ветви. Это линии, которые отходят от центра и обозначают крупные категории или направления. Обычно их от трех до семи: больше семи ветвей первого уровня перегружают карту, и ее становится трудно читать. Каждая ветвь — это отдельный «ящик», в который складываются связанные идеи. Например, для центральной темы «Запуск приложения» основными ветвями могут быть «Разработка», «Дизайн», «Маркетинг», «Поддержка».

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

Ключевые слова. На ветвях пишут не предложения, а короткие слова или фразы — одно-три слова на ветку: предложения замедляют чтение и превращают карту в конспект. «Провести пять интервью с клиентами до конца недели» — это запись для таск-трекера, а на карте достаточно: «Интервью с клиентами — 5 шт.».

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

Как составить интеллект-карту на онлайн-доске​

Шаг 1. Выберите формат интеллект-карты и откройте шаблон на онлайн-доске. В центральном блоке запишите тему, вопрос или проблему. Не начинайте ветвление, пока формулировка не станет конкретной. «Стратегия» — плохое начало: непонятно, в какую сторону думать. «Контент-стратегия блога на третий квартал» — хорошее: сразу ясен масштаб и границы работы.

Шаг 2. Определите основные ветви. Подумайте, на какие крупные части делится тема, и запишите их вокруг центра — от трех до семи штук. Не старайтесь сразу создать идеальную структуру: ветви можно добавлять, переименовывать и удалять в процессе.

Шаг 3. Разверните подветви. Берите каждую основную ветвь и спрашивайте себя: «Из чего это состоит?» Или: «Что нужно сделать, чтобы это случилось?» Ответы — это и есть подветви. Двух-трех уровней вложенности обычно хватает, если ветка разрастается на пять уровней — вероятно, этой ветке нужна своя интеллект-карта.

Шаг 4. Добавьте связи и акценты. Посмотрите на карту целиком. Есть ли элементы на разных ветвях, которые зависят друг от друга? Соедините их стрелками. Выделите цветом приоритетные ветви или пометьте иконками то, что требует внимания.

Шаг 5. Упростите. Уберите дублирующие друг друга ветви, сократите длинные формулировки до ключевых слов. Если две подветви говорят об одном и том же разными словами — объедините их.

При составлении интеллект-карты старайтесь избегать нескольких ошибок.

Слишком много текста на ветвях. Карту быстро считывают, когда на ветвях два-три слова, а не предложения.

Отсутствие иерархии. Когда все элементы находятся на одном уровне, карта не помогает отличить главное от второстепенного.

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

Карта без задачи. Если перед составлением не ответить на вопрос «Зачем мне эта карта?», результатом будет красивая, но бесполезная схема.

Интеллект-карта не самоцель и не замена другим инструментам. Для пяти задач хватит списка, для линейного процесса — таблицы. Карта нужна там, где информации много, она связана и ее нужно увидеть целиком: спланировать проект, разобрать проблему, собрать идеи команды. В следующий раз, когда начнете писать длинный список, попробуйте вместо него создать в Unidraw интеллект-карту.

Что такое дорожная карта продукта​

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

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

Что должно быть на дорожной карте​

Цели. Перед тем как составлять карту, команда отвечает на вопрос «Чего мы хотим достичь?». Ответ определяет, какие работы попадут на карту. Например, если цель — увеличить возвращаемость пользователей, в план попадают пуш-уведомления.

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

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

Временные горизонты. Карты строят по кварталам, месяцам или в формате «Сейчас — Скоро — Потом»: ближайшие работы расписаны подробно, дальние — обозначены крупными блоками. Если планировать всё с одинаковой точностью, команда застрянет в уточнении деталей, которые к моменту реализации уже потеряют актуальность.

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

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

Форматы визуализации карты​

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

Диаграмма Ганта

Диаграмма Ганта хорошо показывает зависимости между задачами и временные горизонты — видно, что за чем идет и где точка невозврата. Цели и приоритеты в этот формат не вписываются: диаграмма отвечает на вопрос «когда», но не «зачем». Формат подходит командам с жесткими дедлайнами и длинными итерациями — например, помесячными. Командам, которые работают двухнедельными спринтами, диаграмму придется переделывать после каждого спринта.

Шаблон диаграммы Ганта в Unidraw

Стикеры

Стикеры в колонках «Сейчас», «Скоро», «Потом» хорошо обозначают приоритеты: сразу видно, на чём команда фокусируется в данный момент. Зависимости и точные сроки здесь не отразить. Формат подходит для внутренних обсуждений и быстрой приоритизации, но не для презентации инвесторам: выглядит неформально и не дает общей картины.

Канбан-доска

Канбан-доска показывает одновременно приоритеты и временные горизонты: вертикальные колонки — статусы «В планах», «В работе», «Готово», горизонтальные дорожки — кварталы. Зависимости здесь не видны. Если команда планирует больше чем на год вперед, доска превращается в набор карточек, которые никто не обновляет, и карта перестает отражать реальность. В таком случае лучше сократить горизонт планирования или перейти на диаграмму Ганта.

Шаблон канбан-доски в Unidraw

Временная шкала

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

Как выбрать формат дорожной карты под задачу​

Хорошая дорожная карта отвечает на вопросы «Что мы сделаем? В каком порядке? В какие сроки?». Если не задуматься об этих вопросах и составить только список задач, карта превратится в план работ — полезный, но не стратегический документ.

Почему возникает молчание на встречах​

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

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

Сообщайте о теме встречи заранее​

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

Решение — составлять повестку заранее и делиться ею с командой за один-два дня до встречи. Представим: вы создаете интернет-магазин и планируете обсудить новую функцию — фильтр по поиску товаров. За два дня до созвона с разработчиками отправьте в общий чат ссылку на онлайн-доску с повесткой. На доске подробно опишите задачу и сформулируйте вопросы для обсуждения, например: «Какие фильтры реализовать в первую очередь исходя из аналитики?», «Где оптимально разместить фильтры на странице?». Когда команда получит повестку, изучит скриншоты и обдумает ответы, вероятнее всего, к созвону у каждого уже будет сформировано мнение.

Если руководитель начинает встречу словами: «У нас новая задача — нужно сделать фильтры. Давайте быстро решим, как это будет работать», команда не сориентируется быстро. Люди узнали о задаче 30 секунд назад — им неизвестно, зачем нужны фильтры, какие проблемы пользователей это решит, что уже реализовали конкуренты, какой бюджет и сроки. Так что, если задачу не обсуждали заранее, лучше предупредить сотрудников о теме встречи.

Задавайте открытые и понятные вопросы​

Людям сложно включиться в диалог, если они не понимают, что конкретно вы хотите узнать. Перед тем как поднять проблему, задайте себе вопрос: «Зачем я об этом спрашиваю? Какая информация мне нужна?». Затем поделитесь этим контекстом с командой. Конкретный вопрос с контекстом даст команде понимание, какой ответ от них ждут.

Сформулировать вопрос с контекстом можно так: «Мы хотим добавить фильтры, чтобы снизить количество жалоб на сложность поиска. Сейчас 40% пользователей уходят со страницы каталога, не найдя товар. Какие технические ограничения нужно учесть при разработке фильтров?». В этом случае команда включится в обсуждение с большей вероятностью.

Старайтесь избегать абстрактных вопросов, например: «Что думаете о фильтрах?». Это ставит в тупик: вас интересуют технические сложности реализации? Влияние на производительность страницы? Удобство для пользователей или приоритетность относительно других задач? В ответ на расплывчатый вопрос можно получить такой же ответ — «Нормально», «Можно сделать».

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

Прислушивайтесь к чужим идеям​

Если систематически отвергать идеи команды, люди перестанут их предлагать. Зачем тратить время на предложения, если руководитель всё равно скажет «нет» без объяснений? Поэтому важно прислушиваться к команде.

Бывает так, что вы считаете идею сотрудника провальной. В этом случае можно использовать методику конструктивного несогласия LCS:

    Like, «Одобрение» — найдите что-то полезное в предложенной идее.

    Concern, «Обеспокоенность» — выскажите обоснованное опасение или ограничение.

    Suggest, «Предложение» — предложите развитие идеи или альтернативу.

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

Конструктивный ответ по методике LCS будет звучать так:

    Like, «Одобрение»: «Отличная мысль! Текстовый поиск действительно удобнее для пользователей, чем выбор параметров из выпадающих списков. Это решение сократило бы количество кликов».

    Concern, «Обеспокоенность»: «Но меня беспокоит ценность для пользователя и сроки внедрения. В проекте для другого клиента мы потратили на настройку поискового движка два месяца, а точность поиска составила только 70%. Пользователи жаловались на нерелевантные результаты. К тому же у нас сроки ограничены шестью неделями».

    Suggest, «Предложение»: «Может быть, начнем с простых фильтров в виде чекбоксов? Их можно быстро реализовать».

После ответа по методике LCS человек поймет, что его услышали и приняли всерьез, а вы сохраните мотивацию предлагать идеи.

Молчание команды на встречах редко связано с безразличием к проекту или некомпетентностью. В большинстве случаев сотрудники молчат по другим причинам: не успели подготовиться к обсуждению, не поняли суть вопроса или опасаются негативной реакции на свои предложения. Решение — изменение формата коммуникации. Отправляйте повестку встречи с полным контекстом за один-два дня, формулируйте вопросы конкретно, с метриками и данными, применяйте методику LCS при обработке предложений команды.

Чем различаются традиционное и перевернутое обучение​

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

Как перевернуть занятие​

Выберите темы

Подберите материал, который имеет четкую структуру и требует на объяснение больше времени, чем длится урок. Например, для занятия по английскому языку подойдут темы вроде Past Perfect, Conditional Sentences, Passive Voice. Для перевернутого обучения лучше не брать темы для начинающих, потому что для их изучения нужна постоянная поддержка преподавателя.

Создайте материалы для домашней подготовки

Запишите короткое видео с объяснением темы. Не обязательно использовать профессиональное оборудование — подойдет запись экрана с вашими комментариями. Покажите презентацию, напишите конспект на онлайн-доске, продемонстрируйте применение правила на 5–7 примерах. Можете подобрать готовое видео из интернета и добавить к нему свои комментарии, выделить моменты, на которые нужно обратить внимание.

Если нет возможности записать или добавить видео, подойдет текстовый материал: глава из учебника, ваша собственная статья. К тексту приложите список вопросов для самопроверки вроде «Какая формула у Past Perfect Continuous?».

Адаптируйте материалы под возраст и уровень учеников. Для младших школьников видео должно быть максимально коротким — от 3 до 5 минут. В этом возрасте внимание неустойчиво, поэтому важны яркие картинки, анимация и простые примеры из их жизни. Например, для темы Present Continuous можно показать видео, где дети играют в футбол, едят мороженое, читают книгу — и озвучить: He is playing football. She is eating ice cream.

Студентам университета и взрослым можно давать статьи из англоязычных медиа, TED Talks и видеолекции длиной до 6–10 минут: даже у взрослых вовлеченность падает после шестой минуты просмотра. Просите учащихся не просто смотреть материалы, а делать конспекты или ментальные карты основных идей.

Проведите занятие

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

• Индивидуальная работа: чтобы оценить, как каждый ученик понял теорию.

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

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

• Общая дискуссия: для развития критического мышления и умения аргументировать. Дискуссия подходит для старших школьников, студентов и взрослых.

Закончить урок можно коротким тестом или квизом, чтобы понять, насколько хорошо ученики усвоили тему.

Что делать, если ученики пришли неподготовленными​

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

Занятие с учеником один на один

Первые 10–15 минут урока превратите в ускоренную версию домашней подготовки: покажите ключевые моменты видео или проведите лекцию. Одновременно с этим попросите ученика делать заметки на онлайн-доске. Оставшееся время используйте для практики.

Работа с группой, в которой неподготовленными пришли один-два человека

Выдайте группе задания, с которыми они способны справиться без вашей помощи. Для отстающих создайте на онлайн-доске отдельную зону и коротко объясните им тему. Через 10 минут интегрируйте их в групповую работу.

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

Работа с группой, в которой не подготовилось большинство

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

После занятия подумайте, в чем может быть проблема. Можно задать группе вопросы, например: «Почему не получилось подготовиться?». На основе ответов измените подход. Например, поменяйте материалы, выдаваемые на дом: сократите видеолекции до 5 минут вместо 10, отправьте ученикам чек-лист для подготовки. Объясните группе, почему важно учить теорию до урока: «Когда вы готовитесь дома, мы тратим занятие на практику, а не на теорию. Это значит, мы можем уделять больше времени интересным активностям — играм, видео, квизам».

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

Попробуйте провести перевернутый урок на онлайн-доске Unidraw — соберите материалы для домашней подготовки, поделитесь ими с учениками и проведите занятие в интерактивном формате.

Разница между картой пути сотрудника и картой адаптации​

Карта пути сотрудника, или Employee Journey Map, — это таблица, в которой менеджер по персоналу описывает весь жизненный цикл сотрудника в компании: от найма до увольнения. Карта включает пять этапов: найм, онбординг, работа и развитие, увольнение, пост-взаимодействие.

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

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

Когда карта полезна, а когда — нет​

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

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

Из чего состоит карта адаптации​

Карта адаптации выглядит как таблица. В шапке — временные периоды от оффера до конца испытательного срока: до выхода на работу, первый день, первая неделя, первый месяц.

В боковике таблицы — категории информации. На пересечении категории и временного периода менеджер по персоналу описывает конкретные действия, события и задачи. Разберем, какие бывают категории информации.

• Точки контакта — это моменты, когда сотрудник взаимодействует с компанией через людей, документы или системы. Менеджер по персоналу записывает в карту, какие контакты происходят на каждом этапе. Например, до выхода на работу сотрудник получает приветственное письмо и доступ к корпоративному порталу; в первый день — пропуск, оборудование и знакомство с командой; в первую неделю — ежедневные встречи с ментором.

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

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

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

Задачи менеджера по персоналу и руководителя распределяются по этапам карты. Менеджер по персоналу прописывает, кто и что делает на каждом этапе, а затем контролирует выполнение. Например, до выхода сотрудника менеджер отправляет приветственное письмо и назначает ментора из команды; в первый день руководитель проводит экскурсию по офису и представляет новичка команде; в первую неделю руководитель дает обратную связь по первым результатам.

Как заполнить карту адаптации на доске Unidraw​

1. Откройте шаблон Employee Journey Map для адаптации на доске Unidraw. Шаблон содержит готовую структуру таблицы с временными периодами и категориями — останется только заполнить ячейки.

2. Соберите данные. Карту нельзя заполнить из головы — нужна информация от тех, кто проходил адаптацию. Попросите двух-трех опытных сотрудников ответить на вопросы: что помогло им влиться в работу, какие трудности возникли в первые дни и недели, чего не хватало. Дополнительно запросите обратную связь у недавних новичков: что было непонятно, где застревали, что было лишним.

3. Разметьте временную шкалу. Определите периоды и впишите их в шапку таблицы: до выхода на работу, первый день, первая неделя, первый месяц. Избегайте размытых формулировок вроде «начальный период» — для разных людей это будет означать разные сроки. Привязывайте этапы к конкретным датам или интервалам.

4. Заполните карту по категориям построчно. Сначала пропишите все действия сотрудника от оффера до конца испытательного срока, затем точки контакта, потом эмоции и так далее.

5. Запишите решения для болевых точек. Для каждой повторяющейся проблемы опишите конкретное действие: что сделать, кто отвечает, когда выполнить. Например: «Создать учетную запись для новичка за три дня до выхода — ИТ-отдел» или «Добавить в приветственное письмо список сокращений из документов — менеджер по персоналу».

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

Чек-лист. Как проверить карту адаптации​

1. Первый день описан конкретно. Если сотрудник в первый день не понимает, что делать, — в карте не хватает деталей.

2. Назначен ментор. В карте зафиксировано, кто им будет и когда состоится первая встреча. Без ментора новичку придется искать ответы самостоятельно — это замедлит адаптацию.

3. Есть задачи для первой недели. В карте прописаны рабочие задачи, а не только обучение. Сотрудник, который неделю только читает документы, теряет мотивацию.

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

5. У каждой задачи есть ответственный. Каждое действие в карте закреплено за конкретным человеком: менеджером по персоналу, руководителем, ИТ-отделом, ментором. Задачи без ответственного не выполняются.

Unidraw — онлайн-доска для совместной работы и обучения​

Unidraw — бесплатная онлайн-доска для работы преподавателя и студентов, на которой одновременно могут работать несколько небольших групп. В Unidraw можно загружать свои файлы: изображения, видео и PDF-документы. Из них преподаватель может собирать конспекты и готовить структуру занятий заранее.

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

Преподаватель сам управляет доступом к доске. Для лекций использует режим «Только просмотр»: студенты видят материал, но не могут случайно сдвинуть элементы или что-то удалить. Для практических занятий есть режим редактирования: приглашенные пользователи получают такие же права, как и владелец доски.

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

В Unidraw есть библиотека готовых шаблонов: айсбрейкеры для знакомства, геометрические фигуры, семантические карты и учебные планы. Они ускоряют подготовку и помогают структурировать материал. Преподавателю достаточно выбрать подходящую доску и заполнить поля: указать тему и дату, добавить скриншоты или ссылки.

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

Time — мессенджер для онлайн-школ​

Time — корпоративный мессенджер, адаптированный под задачи онлайн-образования. В нем можно переписываться в чатах, вести публичные каналы и проводить видеовстречи. Сервис уже используют Skillbox, Skyeng, Skillfactory и Центральный университет.

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

Вход в систему организован через SSO: сотрудники и студенты используют учетные записи, выданные школой. Управляет доступами администратор: назначает роли, добавляет пользователей, закрывает доступ выпускникам и уволенным сотрудникам.

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

Видеоконференции в Time запускаются из чата — это значит, что студенту не нужно искать ссылку в почте или LMS, переход к видеовстрече происходит из текущего диалога. Еще к Time можно подключить Zoom, Jitsi или Контур.Толк.

Через API мессенджер интегрируется с системами, которые школа уже использует. Например, с базами знаний и таск-трекерами — Jira и Confluence — или учебными платформами. Это помогает автоматизировать рутину: боты сами отправят уведомления о занятиях, дедлайнах или проверке домашних заданий.

В Time есть конструктор Workflow для работы с обращениями. Чтобы получить ответ от поддержки, студент заполняет форму: выбирает тему, указывает логин и описывает проблему. Заявка приходит в чат структурированной — это избавляет от лишних вопросов и помогает поддержке отвечать быстрее.

Time рассчитан на высокие нагрузки и выдерживает до 50 000 активных пользователей. Этого достаточно для одновременной работы нескольких крупных онлайн-школ, включая студентов, преподавателей и кураторов. Мессенджер стабильно работает даже в периоды пиковых нагрузок — например, во время запуска курсов или экзаменационных недель. Time входит в реестр российского ПО.

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

Как появился Канбан-метод​

Канбан-метод как система улучшения процессов появился в 2004 году в индийском подразделении XIT компании Microsoft. Драгош Думитриу, главный менеджер отдела, первым внедрил изменения, которые позже легли в основу метода. Успех практики в XIT привлек внимание Дэвида Андерсона, куратора Драгоша. Андерсон систематизировал подход и начал представлять его на IT-конференциях. Вокруг его идей сформировалось сообщество практиков, которое предложило название «Канбан-метод».

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

Для разных уровней зрелости используют разные инструменты визуализации. Маркерные или онлайн-доски применяют для задач на нулевом и первом уровнях. Со второго уровня используют интегрированные системы: Jira, Kaiten, Monday. Они связывают задачи сотрудников с проектами, собирают аналитику по командам и помогают руководителям координировать работу на уровне организации.

Что такое канбан-доска​

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

Персональный Канбан-метод​

С помощью персонального Канбана человек управляет личными задачами и проектами. Доска делится на колонки:

1. «В планах» — задачи, которые предстоит выполнить. Рабочие и личные задачи записываются на одной доске, если удобно планировать их совместно, например заказ в интернет-магазине и публикация статьи в онлайн-журнале.

2. «На очереди» — буфер между «В планах» и «В работе». В «Плане» могут быть сотни идей, а в колонке «На очереди» — только 3–5 приоритетных задач на сегодня.

3. «В работе» — текущие задачи. Здесь действует WIP-лимит — ограничение работы количеством задач, например двумя. Меньше брать можно, больше — нельзя.

4. «Готово» — завершенные задачи. Колонка нужна для анализа: сколько задач закрывается за день или неделю, какие занимают больше времени.

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

Агрегированный персональный Канбан-метод​

Агрегированный персональный Канбан создан для команды из 5–7 человек. Он подходит, когда участники работают относительно независимо, но в одном проекте. Колонки на доске отражают этапы работы, горизонтальные дорожки — исполнителей. Каждый участник ведет задачи от «Плана» до «Готово», соблюдая WIP-лимит на человека.

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

Иногда на доску добавляют «красную дорожку» — выделенную горизонтальную строку для одной срочной задачи. Ее рисуют выше остальных «персональных» дорожек, чтобы команда видела: происходит что-то экстраординарное. Например, упал сервер или пришел иск от юристов — нужно решить проблему, прежде чем продолжать работу над другими задачами.

Командный Канбан-метод​

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

WIP-лимит на команду ограничивает количество задач, над которыми команда работает одновременно. Если колонка «В работе» постоянно заполнена и задачи не продвигаются к завершению, значит, команда перегружена. Руководителю стоит пересмотреть приоритеты, разбить задачи или помочь команде согласовать совместную работу, чтобы ускорить ее выполнение.

Персональный, агрегированный персональный и командный Канбаны позволяют собирать базовые метрики работы команды:

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

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

Статья будет полезна, если:

• нужно выбрать лучшие идеи после брейншторма;

• проект ограничен по времени или бюджету;

• команда не может прийти к компромиссу.

Dot Voting​

Dot Voting — это приоритизация через голосование на доске. Каждый участник получает несколько точек и ставит их рядом с понравившимися идеями. Варианты с наибольшим числом точек выигрывают. Это один из самых быстрых способов приоритизации: группа может ранжировать больше 50 идей менее чем за 10 минут.

Обычно Dot Voting проводят:

• после мозгового штурма;

• чтобы быстро убрать неважные идеи;

• чтобы учесть мнение всей команды.

Dot Voting хорошо работает, когда у участников разная экспертиза. Например, когда в обсуждении участвуют менеджеры, дизайнеры и разработчики.

Голосование проводят в четыре этапа:

1. Команда формулирует вопрос. Например, какие задачи брать на следующий проект.

2. Все варианты выносят на доску на стикерах. Формулировки выбирают короткие и понятные. Например, «Добавить фильтр по цене» — хорошая формулировка. «Сделать интерфейс более дружелюбным» — слишком абстрактный вариант.

3. Каждому участнику дают одинаковое количество точек — от трех до шести. Точки можно распределить как угодно: поставить все на одну идею или разделить между несколькими.

4. Голосование проходит молча — каждое мнение учитывается независимо от авторитета участников. В работу берут идеи, которые получили большинство голосов. Если какие-то стикеры получают одинаковое количество точек, их обсуждают отдельно или проводят повторное голосование.

Разберем Dot Voting на примере разработки мобильной игры. Команда уже выпустила MVP — минимально жизнеспособный продукт. Теперь они выбирают, какой контент добавить в ближайший месяц:

• создать нового игрового персонажа;

• нарисовать праздничную локацию;

• внедрить ежедневные задания с наградами;

• запустить временное событие «Охота на монстров».

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

Плюсы и минусы метода:

• Экономит время.

• Легко провести голосование онлайн и офлайн.

• Не объясняет причины выбора.

• Результат зависит от того, как сформулированы идеи.

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

Шаблон для проведения приоритизации через Dot Voting

Impact-Effort Matrix​

Impact-Effort Matrix, или Матрица влияния и усилий, — это визуальная сетка, в которой каждую задачу или идею оценивают по двум критериям: impact и effort. Impact, или влияние, — это польза, которую принесет идея продукту или бизнесу. Effort, или усилие, — сколько ресурсов и времени потребуется на реализацию.

Матрицу выбирают:

• после мозгового штурма;

• в стартапах и малом бизнесе для определения приоритетов;

• перед стартом проекта или спринта.

Чтобы создать Impact-Effort Matrix, нужно:

1. Составить список идей или задач, например, в виде стикеров на доске.

2. Распределить стикеры по четырем квадрантам:

• Quick Wins — сильное влияние, мало усилий. Эти задачи стоит брать в первую очередь.

• Major Projects — сильное влияние, большие усилия. Нужно разбить на этапы и запланировать.

• Fill‑Ins — слабое влияние, мало усилий. Делать в последнюю очередь или делегировать.

• Time Wasters — слабое влияние, большие усилия. Вычеркнуть из списка и не тратить ресурсы.

Вернемся к примеру с разработкой мобильной игры. Допустим, команда хочет понять, какие фичи дадут максимальный эффект при разумных затратах ресурсов. Они заполняют Impact-Effort Matrix:

• Ускорить загрузку меню — игроки перестанут ждать, справиться можно за пару часов → Quick Wins.

• Внедрить соревновательный режим — ключ к долгосрочному успеху игры, но требует несколько месяцев работы → Major Projects.

• Обновить иконку — почти не влияет на ключевые метрики, но дизайнер может нарисовать картинку за пару часов → Fill‑Ins.

• Добавить новые анимации персонажей — требует десятков часов работы художников и интеграции в движок, почти не влияет на пользовательский опыт → Time Wasters.

Плюсы и минусы метода:

• Важные задачи выходят на первый план.

• Работает для командных и личных целей.

• Оценка субъективна.

• Не подходит для больших списков, когда задач больше 30.

Шаблон для проведения приоритизации через Impact-Effort Matrix

Kano Model​

Kano Model, или модель Кано, — визуальная сетка, которая связывает функции продукта с реакцией пользователя. Горизонтальная ось отражает уровень исполнения: от отсутствия функции до ее реализации. Вертикальная — эмоциональную реакцию пользователя: от раздражения до восторга.

В модели Кано есть три характеристики функций.

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

Важные. Функции, качество которых влияет на эмоции клиента. Чем лучше они работают и чем их больше, тем выше удовлетворенность пользователя.

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

Реакцию пользователей собирают:

• Через опросы и анкеты. Например, задают по два вопроса про каждую функцию: «Как вы себя почувствуете, если функция есть?» и «Если ее нет?»

• Интервью и тестирование прототипов: наблюдают за эмоциями, комментариями и поведением людей.

• Аналитику продукта.

Например, команда спрашивает: «Насколько важны для вас ежедневные задания?» и «Как на вас повлияет их отсутствие?» Ответы покажут, где разместить функцию на сетке.

Модель выбирают:

• в процессе UX/CX-исследований, чтобы понять, что критично для пользователя, что вызовет восторг или оставит равнодушным;

• когда несколько идей имеют примерно одинаковый бизнес-эффект, но по-разному воспринимаются клиентами;

• при создании MVP или дорожной карты продукта.

Чтобы создать модель Кано, нужно:

1. Составить список функций.

2. Собрать реакцию пользователей путем опросов, тестов, аналитики.

3. Распределить функции по характеристикам: обязательные, важные и привлекательные. Затем разместить их на визуальной сетке.

Готовую модель используют в работе: сначала реализуют обязательные функции, затем — повышающие ценность, в конце — интересные для пользователя.

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

• Стабильное подключение к серверу. Если игра вылетает, игроки в ярости. Если все работает, никто не пишет восторженных отзывов → обязательная функция.

• 50 новых игровых уровней. Чем больше новых карт и уровней, тем охотнее люди играют → важная функция.

• Подарок в день рождения игрока. Пользователь этого не ждет, но получает редкий предмет просто так. Это вызывает восторг и желание рассказать друзьям → привлекательная функция.

Плюсы и минусы метода:

• Показывает значимость функций для пользователей.

• Модель визуально понятна и проста в объяснении.

• Сочетается с другими методами, например матрицей Impact-Effort.

• Нужны данные о пользователях или исследования.

• Не учитывает стоимость и сложность создания продукта.

• Результаты зависят от точности гипотез о пользователях.

Шаблон для проведения приоритизации через Kano Model

Как выбрать метод приоритизации​

Определиться поможет вопрос: «Какую проблему мне нужно решить?»

Нужно быстро выбрать из множества идей

Если после брейншторма остался список из 10–20 пунктов и нужно за 10 минут превратить его в шорт-лист, используйте Dot Voting. Он поможет команде выделить идеи, которые большинство считает важными.

Хочется соотнести пользу с затратами

Если список идей уже готов, но время и деньги ограничены, стройте Impact-Effort Matrix. Матрица покажет, какие задачи принесут пользу, а какие станут бесполезной тратой времени.

Важно понять мнение пользователей

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

Различия обычной и онлайн-доски​

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

Онлайн-доска Unidraw бесконечна. Стирать ничего не нужно: можно прокрутить холст и вернуться к началу занятия в любой момент. Еще на онлайн-доске можно расставить акценты: выделить формулы цветом, изменить толщину линий. Чтобы не тратить время на сложные рисунки, можно добавить на холст иллюстрации из учебников.

Как проходит очное занятие с Unidraw​

Я собираю материалы к занятию заранее дома с компьютера или планшета. На холст Unidraw вставляю условия задач, графики, скриншоты учебников и QR-коды для опросов. Такой черновик служит планом: на паре не нужно держать в голове последовательность задач, они уже перед глазами. Подготовка к семинару занимает у меня полчаса, к лекции — час.

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

Плюсы и ограничения онлайн-доски на очных занятиях​

Главные преимущества — бесконечный холст и сохранение записей. После пары я скидываю студентам ссылку на доску. Это помогает:

• Студентам при подготовке. Можно пересмотреть записи перед зачетами и экзаменами.

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

• Тем, кто не пишет конспекты. Позволяет слушать лекцию, не отвлекаясь.

Риски и ограничения онлайн-доски:

• Зависимость от техники. Нужен стабильный интернет и работающая сенсорная панель. Если сервис зависнет, на техподдержку уйдет время, которое я обычно не закладываю в план занятия.

• Нагрузка на зрение. Экран светится, и с дальних рядов смотреть на него тяжелее, чем на обычную доску. Яркость можно регулировать, но на занятиях я этого не делаю, чтобы не отвлекаться от темы.

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

Не бойтесь сложности сервиса. Интерфейс онлайн-доски Unidraw можно освоить за 10–20 минут. Базовых инструментов хватит для ведения сложной дисциплины, например, матанализа.

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

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

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

Статья будет полезна командам, которые хотят:

• разобрать, что мешает работе, а не копить проблемы;

• найти причины сбоев в процессе;

• договориться об изменениях и реализовать их;

• наладить взаимодействие внутри команды и снизить напряжение в работе.

Кто участвует в ретроспективе​

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

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

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

Фасилитатор должен владеть техниками группового обсуждения и работы с обратной связью. Это важно, потому что без модерации ретро может превратиться в спор или обмен жалобами. Одна из популярных техник — Start — Stop — Continue. Ее суть — структурировать обсуждение.

• Start — что команде стоит начать делать: новые практики, подходы.
• Stop — от чего лучше отказаться: действия, замедляющие работу или вызывающие конфликты.
• Continue — что уже работает хорошо.

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

В чем польза ретро​

Команда поднимает вопросы, о которых обычно молчат

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

Ошибки перестают повторяться

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

Налаживается коммуникация

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

Как провести ретроспективу​

Подготовьтесь к встрече

Выберите формат и инструменты. Для очной ретроспективы подойдут доска и стикеры. Для удаленной или гибридной — онлайн-доска, где участники работают одновременно. На нее можно заранее добавить шаблон для ретро. В Unidraw такие шаблоны собраны в библиотеке.

Сформируйте состав участников. Важно, чтобы на встрече были все, кто влиял на результат спринта или проекта, и фасилитатор.

Разберите спринт или проект

В начале обозначьте цель ретро и правила обсуждения: говорим по фактам, не ищем виноватых, слушаем друг друга. Чтобы включить команду в работу, используйте короткий разогрев. Например, задайте вопрос: «Одним словом — как прошел спринт?» Можно предложить упражнение: каждый ставит стикер на шкале от 1 до 5, где 1 — «очень тяжело», 5 — «отлично».

Затем предложите участникам зафиксировать наблюдения с помощью стикеров на доске. Ориентируйтесь на вопросы:

1. Что прошло хорошо?

2. Что пошло не так?

3. Что стоит изменить?

4. Какие действия нужно для этого предпринять?

Например:

1. Задачи закрывали без авралов.

2. Часть требований изменилась уже после старта разработки.

3. Нужно согласовывать требования до начала спринта.

4. Мы добавим обязательную проверку задач перед планированием.

Найдите общие темы

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

Определите план действий

Сформулируйте конкретные шаги. Каждый должен отвечать на три вопроса: что делаем, кто отвечает, к какому сроку. Если идей много, команда голосует и выбирает 1–2 приоритетных шага.

Завершите ретро

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

Типы ретро​

Выбор формата ретроспективы зависит от цели: быстро подвести итоги или подробно разобрать этап работы. В Unidraw есть готовые шаблоны для разных сценариев.

Быстрая ретроспектива

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

Ретроспектива «Парусник»

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

Команда представляет работу как движение к цели — «острову». Наблюдения распределяют по элементам схемы:

• «ветер» — что помогало двигаться быстрее: удачные решения, поддержка, ресурсы;

• «солнце» — что поддерживало команду: понятные цели, доверие, стабильные договоренности;

• «якоря» — что замедляло процесс: перегруз, согласования, непонятные требования;

• «камни» — риски и проблемы, которые могут возникнуть в будущих проектах.

Если базовых элементов схемы недостаточно, можно добавить новые. Представим ситуацию: команда организаторов готовила мероприятие. Заказчик давал обратную связь очень неохотно, поэтому команда не могла оценить, соответствуют ли их идеи и реализация ожиданиям клиента. На ретро они добавили элемент «волны» и отметили на нем проблемы, из-за которых испытывали тревогу. Так удалось визуально разделить организационные проблемы и эмоциональный фон команды.

Советы для эффективного ретро​

Используйте один и тот же формат

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

Ограничивайте время

Для большинства встреч обычно хватает 30–45 минут. Время можно распределить по-разному. Например, потратить первые 10 минут на сбор идей, следующие 15 — на их структуризацию и поиск паттернов, оставшиеся 5–10 — на формулировку конкретных действий. Для больших проектов или редких ретроспектив время можно увеличить, но важно не уходить в детали отдельных задач и не увязнуть в обсуждениях.

Чтобы следить за временем, советуем использовать таймер. В Unidraw он есть на каждой доске.

Формулируйте конкретные действия

По окончании встречи договоренности должны быть сформулированы конкретно: кто что делает и к какому сроку. Пример: «Разработчик обновит тестовый сценарий до пятницы», «Дизайнер согласует макет с маркетологом до понедельника».

Не оставляйте ретро просто разговором

Используйте выводы в работе команды.

• Отслеживайте прогресс на ежедневных созвонах. Проверяйте, сделаны ли шаги, которые обсуждали на ретро.

• Включайте результаты в планирование следующих проектов.

• Фиксируйте договоренности в таск-трекере или на доске.

Ретроспектива — это инструмент, который помогает команде работать лучше. Ретро сэкономит ресурсы в долгосрочной перспективе: потраченные 30 минут на встречу могут сократить часы бесполезной работы в будущем.

Статья будет полезна репетиторам, которые хотят:

• выстроить занятие по плану;
• заинтересовать ученика онлайн‑уроком;
• систематизировать материалы и задания.

Стройте урок по схеме​

Начните с плана урока. Разбейте тему на блоки: объяснение теории, разбор примеров, самостоятельная работа, закрепление материала.

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

Например, на уроке вы объясняете дроби: сначала покажите, что такое числитель и знаменатель. Потом разберите пару примеров сложения дробей. И только после этого предложите ученику решить похожие задачи самостоятельно.

На доске Unidraw каждый шаг можно оформить отдельным фреймом. Фреймы — это «рамки», которые пользователь заполняет контентом.

Вовлекайте ученика в работу на доске​

Ребенок включается в урок, когда делает что‑то сам: пишет, рисует, двигает элементы на доске. Он не просто смотрит на готовый ответ, а пробует, ошибается и видит результат своих действий.

Например, вы показываете первый шаг решения уравнения, а ученик дописывает оставшиеся. Он видит, как строится решение, и учится решать такие задачи сам.

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

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

Самостоятельная работа развивает навыки и математическое мышление. Ученик перестает быть пассивным слушателем и становится исследователем: он анализирует, пробует, аргументирует, отстаивает свою точку зрения. Даже если решение окажется неверным, сам процесс поиска учит проявлять инициативу и самостоятельность.

Организуйте материалы​

На доску Unidraw можно поместить разные учебные материалы: тексты, скриншоты, схемы и видео. Но хранить все на одном холсте неудобно — поэтому мы советуем использовать проекты.

Проекты — это «папки», в которые помещаются доски. Например, можно сделать проект для каждого ученика, а внутри разместить доски по темам или учебным модулям: «Дроби», «Уравнения», «Геометрические фигуры».

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

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

Давайте обратную связь​

Обратная связь играет ключевую роль в обучении.

Направляет развитие. Ученик видит не только результат, но и путь к улучшению. Например, вместо «ошибка в расчете» можно написать: «Ты верно выбрал формулу, но забыл перевести единицы измерения. Проверь, в каких величинах данные в задании».

Формирует уверенность. Когда обратная связь уважительна и сбалансирована, ученик не боится ошибаться. Например, сначала можно похвалить за усилие, а потом объяснить ошибку. Это поможет воспринимать ошибки как естественную часть обучения, а не как поражение.

Развивает самостоятельность. Чем чаще ученик получает содержательные замечания, тем быстрее учится замечать свои ошибки сам. Он перестает ждать, пока ему скажут «всё верно», и начинает анализировать: «А я точно учел все условия?», «Где мог сбиться?»

Поддерживает мотивацию. Развернутые и понятные комментарии показывают, что труд ученика ценят. Он понимает, что старания заметны и важны.

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

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

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

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

Мы расскажем, как начать работу с Unidraw репетитору по математике.

Статья будет полезна, если вы:

• Начинающий репетитор и хотите вести уроки в дистанционном формате.
• Опытный преподаватель и ищете новые инструменты для работы.
• Хотите разобраться в возможностях онлайн-доски и использовать ее функции по максимуму.

Настройте оборудование​

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

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

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

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

Подготовьте виртуальное рабочее место​

Создайте для каждого ученика отдельный проект в Unidraw. В проекте можно хранить несколько досок и разделять их по темам: например, алгебра, геометрия, практические задания или тесты.

Доски открываются быстрее, если на каждой хранятся материалы только по текущей теме.

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

Изучите основные инструменты, которые нужны репетитору по математике: фигуры, карандаш, маркер и текст. ​​Попробуйте изменить элементы: закрасьте или заштрихуйте фигуры, отформатируйте текст.

Познакомьтесь с библиотекой шаблонов: в ней собраны базовые плоские и объемные геометрические фигуры. Коллекция шаблонов бесплатна и регулярно обновляется.

Перед уроком добавьте на доску все необходимые материалы: учебники в формате PDF, формулы, картинки и скриншоты.

Организуйте структуру доски: разделите ее на блоки по темам, используйте фреймы. Например, используйте один фрейм для теории, другой — для практики, третий — для домашних заданий.

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

Если используете планшет — графический или обычный, проверьте его отклик. Стилусом напишите несколько чисел и уравнений, нарисуйте график. Если линии появляются без задержки, можно начинать занятия. С проблемами обращайтесь в поддержку Unidraw: в правом нижнем углу нажмите на знак вопроса и выберите строку «Обратная связь».

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

Проведите первый урок​

Попросите ученика заранее зарегистрироваться в Unidraw — без аккаунта он не сможет писать и взаимодействовать с материалами. После регистрации отправьте ссылки на доску и на видеозвонок в выбранном сервисе.

Проведите урок по своему учебному плану. Например, начните с краткого обсуждения темы. Затем предложите поработать вместе: попросите ученика выделить известные элементы, подставить значения в формулу или нарисовать график. Используйте инструменты Unidraw — выделяйте цветом важные места, добавляйте комментарии и исправляйте ошибки в реальном времени.

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

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

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

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

Сохраните доску и отправьте ученику​

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

Если нужна не вся доска, сохраните отдельные элементы: рисунки, формулы или фрагмент решения.

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

А чтобы вы ничего не забыли, для первого урока мы подготовили простой чек-лист.

Чек-лист для репетитора по математике от Unidraw​

• Настроить технику.

• Зарегистрироваться на платформе для звонков.

• Создать аккаунт на Unidraw.

• Создать проект для каждого ученика.

• Создать первую доску.

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

• Разместить на доске материалы: страницы из учебника, формулы, скриншоты.

• Структурировать материал, используя фреймы.

• Попросить ученика зарегистрироваться в Unidraw.

• Отправить ссылки на доску и звонок.

• Провести урок по плану, используя онлайн-доску.

• Сохранить результаты и отправить ученику.

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

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

Визуализация ускоряет понимание​

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

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

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

Пример. Урок физики

На доске можно создать виртуальный опыт: яблоко «падает» с ветки, мяч «катится» по склону. Ученики перетаскивают объекты, изменяют их размер или высоту падения и предполагают, как это влияет на движение. Каждый эксперимент — это мини-игра. Например, кто точнее предскажет результат, не используя формулы.

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

Игровой формат поддерживает интерес к уроку​

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

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

С онлайн-доской Unidraw урок перестает быть статичным. Доска объединяет множество инструментов — ученики могут перемещать объекты с помощью «руки», соединять их, используя «стрелки», экспериментировать с цветами и размерами через панель редактирования.

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

Пример. Урок биологии

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

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

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

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

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

Ошибки превращаются в опыт​

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

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

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

Пример. Урок математики

Детям даются карточки с числами и математическими символами. Задача — собрать правильное уравнение, перетаскивая карточки на нужные места. Каждый может написать комментарий, сделать пометки для себя или команды.

Игра строится через соревнование: кто составит больше верных уравнений. Ошибки не фиксируются в журнале — они остаются частью игры.

Растет соревновательный дух​

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

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

Прогресс на онлайн-доске виден в реальном времени. Это усиливает азарт: дети сравнивают свои результаты и хотят улучшить их.

Пример. Урок английского языка

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

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

Таймер встроен в интерфейс Unidraw. Нажмите на иконку циферблата в правом верхнем углу, выставьте время и нажмите на «Плей».

Как использовать онлайн-доску Unidraw для увлекательного обучения​

Используйте готовые шаблоны из библиотеки Unidraw или импортируйте из Miro. Шаблоны ускоряют подготовку к уроку и помогают адаптировать задания. Например, для занятий по математике есть доска с базовыми геометрическими фигурами.

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

Онлайн-доска Unidraw превращает обычный урок в игру. Пробуйте новые форматы и наблюдайте, как дети увлекаются процессом.

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

В такие моменты помогает игра. Формат, в котором проще начать разговор, вспомнить, что получилось, а что мешало. Ни давления, ни формальностей.

Мы собрали пять игр, которые сделают ретро живее, понятнее и чуть веселее.

Error Conversation или «Разговор об ошибках»​

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

Игра Error Conversation помогает выявить промахи, понять их причины и обсудить конструктивно. Участники научатся различать два типа ситуаций: когда сделали что-то лишнее или неправильное, и когда не сделали того, что следовало.

Игра подойдет, если нужно:

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

Правила

Откройте шаблон в Unidraw — в нем есть две колонки: «Ошибки действия» и «Ошибки бездействия». Объясните команде разницу между ними:

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

• Ошибки бездействия — не сделали то, что требовалось. Например, не проверили данные перед отправкой.

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

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

Пример

Команда обновляет раздел помощи на сайте. На ретро участники вместе заполняют таблицу. Получается шесть ошибок.

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

Trend Tracker или «Трекер трендов»​

Trend Tracker — быстрая игра, которую можно проводить каждую неделю. В ней участники оценивают свою работу: где чувствуется прогресс, где пробелы и какие сферы нужно взять на заметку.

​​Игра подойдет, если нужно:

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

Правила

Откройте шаблон в Unidraw и выберите области работы, которые хотите оценить: коммуникации, сроки, инициативность или любые другие, подходящие команде. В таблице строки — это участники, столбцы — выбранные области.

Попросите участников поставить стрелку напротив своего имени:

↗ Вверх — если есть прогресс; → Прямо — все стабильно; ↘ Вниз — ситуация ухудшается.

Например, член команды может отметить рост в коммуникации, но спад в тайм-менеджменте. Другой — стабильную работу над задачами, но снижение интереса и вовлеченности.

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

Пример

Команда улучшает клиентский сервис. В пятницу на еженедельном ретро они используют таблицу Trend Tracker.

В обсуждении участники замечают: главная проблема — внутренние договоренности. С понедельника они вводят короткие ежедневные созвоны и фиксируют договоренности письменно.

FLAT: Future direction, Lessons learned, Accomplishments and Thank you​

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

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

Игра подойдет, если нужно:

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

Правила

Откройте шаблон FLAT в Unidraw — в нем уже есть четыре блока:

• Идеи на будущее — куда участник хочет двигаться дальше;
• Опыт — ключевые уроки и выводы;
• Достижения — личные победы;
• Благодарности коллегам или заметки о ценных инсайтах.

Объясните назначение каждого блока и попросите участников заполнить их своими заметками. Каждому — своя таблица, работать можно в одном пространстве: доски Unidraw бесконечны. Попросите быть конкретными: что узнали, что изменили бы, где почувствовали рост.

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

Пример

Команда завершила масштабный проект — создала онлайн-курс. На ретро каждый участник заполняет свою таблицу FLAT.

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

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

Mad, Sad, Glad или «Злой, расстроенный, довольный»​

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

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

Игра подойдет, если нужно:

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

Правила

Откройте шаблон в Unidraw и выберите ведущего, который будет задавать вопросы. Обеспечьте спокойное пространство на 30–60 минут: лучше убрать телефоны и текущие задачи.

Попросите участников написать эмоции прошлого спринта на стикерах и разместить их в нужных зонах:

• Mad — что вызвало раздражение или злость;
• Sad — что расстроило или огорчило;
• Glad — что радовало и приносило удовлетворение.

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

Пример

Команда завершает сезон продаж. Они обсуждают результаты с помощью игры в Mad, Sad, Glad.

Обсуждение выявило важные закономерности: раздражение появляется из-за перегрузки, а радость — от взаимопомощи в команде. Решение очевидно: заранее планировать дежурства и распределять нагрузку равномерно.

Парусник​

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

Игра подойдет, если нужно:

• понять, что ускоряет работу команды, а что мешает движению;

• увидеть сильные стороны, которые дают эффект, и использовать их;

• заметить факторы, которые создают перегрузку или снижают темп;

• определить риски, которые могут повлиять на будущую работу.

Правила

В основе игры лежат четыре элемента:

• «Ветер» — сильные стороны команды, которые помогали двигаться вперед: опыт, слаженность, готовность идти навстречу.
• «Солнце» — моменты, которые приносили радость: удачные релизы, похвала клиентов, внутренние победы.
• «Якоря» — то, что тормозило команду: постоянные срочные задачи, недопонимание между отделами, ошибки в коммуникации.
• «Камни» — потенциальные препятствия. Например, зависимость от сторонних сервисов или неопределенность в требованиях. Обсуждение «камней» поможет в будущих проектах.

Откройте шаблон в Unidraw. Попросите участников записать наблюдения на стикерах по четырем элементам. Задайте вопросы:

• «Что помогало нам двигаться вперед?»
• «Что радовало команду?»
• «Что тормозило проект?»
• «Какие риски мы видим в будущем?»

Обсудите получившуюся карту и определите, какие направления требуют внимания.

Пример

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

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

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

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

Как использовать онлайн-доску Unidraw для ретро​

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

Импортируйте готовые шаблоны из Miro или соберите собственную игру под конкретную задачу — например, для подведения итогов года или старта проекта. Если встреча совпадает с праздником, можно добавить тему: сделайте ретро в стиле Хэллоуина, Нового года или с любым другим мотивом, который оживит разговор.

1. Поддержка образования – наш вклад в будущее​

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

2. Инструмент для обучения​

Unidraw предоставляет возможность разрабатывать интерактивные учебные материалы. Если вы репетитор или тренер, Unidraw.io станет вашим незаменимым помощником.

Сервис подходит для разных форматов обучения:

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

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

- Бизнес-тренеры проводят вебинары, обучающие курсы и страт-сессии.

Бесплатная модель позволяет масштабировать обучение без лишних затрат: не нужно платить за доступ к дополнительным функциям или большему числу онлайн-досок и количеству одновременных подключений к доске.

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

3. Поддержка университетов​

Unidraw предоставляет свои услуги и учебным заведениям. Мы сотрудничаем с университетами, включая Центральный Университет (ЦУ). Unidraw используется как онлайн-доска на больших мониторах вместо меловой доски. Это позволяет сохранить контент, который дает преподаватель на уроке, и позже студентам разобрать его самостоятельно. А для уроков, для которых нужно заранее подготовить материалы для занятия, например иностранный язык, - позволяет сделать это с помощью онлайн-доски в Unidraw. И уже на уроке работать с готовым материалом прямо на доске всем классом.

4. Продукт Центра Разработки Т-Банка​

Unidraw является продуктом Центра Разработки Т-Банка, мы стремимся к инновациям и качеству. И планируем внедрять в Unidraw самые передовые технологии для того, чтобы вам было легче находить решения для ваших продуктов, проектов, обучения и бизнеса.

5. Мы сами пользуемся сервисом​

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

Заключение​

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

В своем канале Евгений Адамов, Delivery Manager из T-Bank поделился шаблоном Личная карта (Personal Map), и рассказал о том как проводил практику из Management 3.0.

Всем привет!

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

На тех же межкомандных ретро получалось добиться того, чтобы участники перестали смотреть на другую команду как на врагов, из-за которых мы срываем сроки. Более того, с помощью Personal map удавалось даже решить яростные конфликты в команде (чуть позже расскажу эту историю). А сейчас давайте расскажу про саму практику.

Инструкция:​

На встрече объединяем ребят в группы по 3-4 человека, даем им такой шаблон "Личная карта (Personal Map)". Он отличается от оригинального, модифицирован мной на основании опыта сотен проведений

К шаблону выдаем пояснение:

• Один человек — один шаблон. Заранее готовим такой для каждого участника встречи
• Создайте доску в Unidraw
• Откройте набор шаблонов и в поиске введите "Personal Map", и добавьте себе на доску
• Заполняем шаблон в формате “Интервью” — один человек говорит, другой записывает, остальные внимательно слушают и поддерживают говорящего как Юра Дудь на максималках
• Заполняем поля начиная с сектора "Где работал?" на всех участников группы
• Для каждого в группе по очереди меняемся ролями поддерживающих, записывающего и рассказывающего так, чтобы персональную карту одного человека заполнили все участники группы
• Когда у всех в группе заполнен первый сектор переходим к следующему по часовой стрелке ("Где учился?" и т.д.)
• И самое главное: фокусируемся на том, чтобы найти как можно больше общего

Как это работает?​

Давайте разберем магию этого упражнения и заодно расскажу обещанную историю.

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

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

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

Страны — путешествия по разным странам (или мечты о путешествиях) обычно вызывают приятные эмоции (о неприятных люди редко говорят). И вот еще одно очко в копилку общего.

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

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

История использования из личного опыта​

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

После групповой работы​

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

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

Пользуйтесь инструментом и эффективных вам команд 🚀

Привет! Я Георгий, разработчик команды, которая создавала Unidraw. Расскажу историю о том, как мы искали инструмент для совместных сессий на виртуальной доске. Сначала развернули опенсорсное решение, но потом у нас так выросла нагрузка, что пришлось писать свое. Статья — о том, как начинался продукт, какой он сейчас и каким мы хотим видеть его в будущем. Будут технические данные, красивые шаблоны и история нашей главной ошибки.

Поиск подходящих решений​

Мы постоянно используем сервисы с виртуальными досками, остановились на одном варианте, но с 2022 года искали альтернативу. Для нас важно, чтобы мы могли:

1. Проводить ретроспективу
2. Делать быстрые наброски мокапов, которым не нужна дизайнерская проработка
3. Рисовать архитектурные схемы для обсуждения
4. Проводить онлайн-встречи с визуализацией артефактов
5. Обучать коллег

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

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

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

Open-source-решение предлагало:

• одну доску максимум;
• поддержку коллективных сессий;
• хранение доски в браузере пользователя.

Технические детали решения:

• socket.io для синхронизации изменений между пользователями;
• нет единого источника правды: все клиенты хранят состояние доски у себя;
• на клиенте есть механизм Reconciliation, который умеет мержить изменения от разных пользователей;
• обновление доски привязано к жизненному циклу React.

Первые шаги нового продукта​

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

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

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

1. Доска сохранялась целиком (JSON-объект) в БД каждые 20 секунд.
2. Локов при коллективных сессиях не было, каждый клиент выполнял сохранение независимо друг от друга. Небольшая нагрузка от 1 500 пользователей позволяла нам это делать.
3. В коллективных сессиях вновь зашедший пользователь получал данные доски не только с БД, но и от других пользователей по сокету. Поэтому в худшем случае данные в БД неактуальны 20 секунд.

Мы запустили сервис в конце сентября 2022 года и не делали никакого внутреннего маркетинга, кроме метода «расскажи другу». В первый же месяц мы получили 250 стабильно использующих сервис пользователей.

Количество пользователей росло органическим способом — ссылки на доски передавали из рук в руки. За это время мы решали задачи по развитию функционала:

• сделали ссылки на место на доске: если после передачи этой ссылки другому пользователю он вставит ее в браузер, доска откроется на том месте, которое указал создатель ссылки;
• добавили фреймы и стикеры;
• добавили Color Picker, расширив возможности цветовой дифференциации элементов на доске;
• добавили snap-объекты — линии, которые позволяют позиционировать элементы относительно друг друга.

На этом этапе мы стали получать сообщения, что система вполне удовлетворяет их потребностям в решении большого количества задач, для которых использовали Miro и другие системы. Например, к нам стали переходить из Storm BPM, draw.io и других.

Приложение постепенно набирало обороты. По MAU к февралю 2023 года мы подошли к значениям, сопоставимым с количеством пользователей, которые использовали Miro на тот момент, когда мы хотели купить их лицензию для компании. А к началу марта перешли порог 2000 MAU.

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

Ко второй итерации мы пришли с новым решением:

• отказались от хранения досок целиком: нужно, чтобы каждый объект на доске сохранялся и передавался отдельно;
• БД стали единственным источником правды;
• изменения каждого объекта записывали сразу, а не раз в 20 секунд, как было раньше;
• пользователь мог зайти, запросить данные доски из БД и быть уверенным в том, что эти данные актуальны, без ожидания синхронизации с другими пользователями.

Цифры внутри банка за два года:

• > 75 тысяч досок;
• > 30 тысяч пользователей;
• 3,5 тысячи уникальных пользователей в день;
• сравнительно небольшой объем данных: 400 ГБ;
• 80 RPS в пике.

Архитектурную схему можно посмотреть и в Unidraw.

Технические детали проекта​

Цифры по фронтенду: текущее количество циклических зависимостей в проекте — ~940. Постепенно мы переходим на FSD — Feature-Sliced Design, чтобы построить масштабируемую систему и уйти от спагетти-кода, который достался нам от opensource.

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

Причины перехода на FSD:

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

FSD — это наиболее удачная имплементация луковичной архитектуры на фронтенде:

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

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

Отрисовка графики. Раньше мы использовали Canvas API, и у него было несколько плюсов:

• Простота освоения: API, не требующий глубоких знаний в области отрисовки. Большое количество разработчиков знакомы с ним как минимум на базовом уровне.
• Сглаживание, которое работает без дополнительных инструментов.
• Поддержка браузерами: работает во всех, даже старых, браузерах.

Главный минус Canvas API, по сравнению с WebGL, — производительность, поскольку Canvas API использует для отрисовки CPU, а WebGL — GPU. Это особенно заметно на досках с большим количеством элементов.

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

• Использовать техники, примененные в KonvaJS, в уже готовом приложении. Например, разбиение на слои, функции рендера и редактирования текста элементов и тому подобное.
• Переработать имеющуюся кодовую базу под нужные нам требования.

Для ускорения отрисовки мы решили перейти на WebGL-рендеринг. Проанализировали популярные библиотеки и фреймворки для браузерного рендеринга, среди которых выбрали PixiJS. Другие варианты не подходили по следующим причинам:

• ThreeJS в первую очередь предназначен для работы с 3D-графикой. Большая часть функций будет не использоваться, а лишь выполнять дополнительные вычисления. Подавляющее большинство официальных примеров именно в 3D.
• FabricJS. Нет поддержки WebGL.
• PhaserJS, BabylonJS, PlayCanvas предназначены в первую очередь для игр — ориентированы на работу со спрайтами. У них слабые возможности для работы с графическими элементами.

PixiJS — это движок рендеринга графических объектов 2D. С ним можно анимировать и создавать интерактивную графику, рисовать приложения, и у него хороший API. А еще его легко адаптировать под свой стиль кодирования.

Плюсы перехода на PixiJS:

• Значительный прирост производительности. Создали демоверсию Whiteboard с базовым неоптимизированным рендерингом PixiJS, которая показала 8-кратный прирост скорости.
• Создали и оптимизировали для работы с 2D-графикой.
• Проверенное временем решение с большим комьюнити (Miro тоже использует PixiJS).
• Есть devtools-расширение для дебага.
• Существуют дополнительные библиотеки для более продвинутого рендера, сглаживания и анимаций.
• Есть возможность переложить hit-detection на событийную модель PixiJS.
• Проще писать код без необходимости поддерживать «виртуальный» Canvas.
• Используется батчинг отрисовки графических элементов (объединение нескольких отдельных небольших вызовов в один большой).
• Есть встроенный механизм кэширования, который еще больше ускоряет отрисовку.

Особенности бэкенда. Старая архитектура:

• выдерживала всего 1 500 пользователей (Х DAU);
• за один год нагенерировали > 1 ТБ данных (при 1 500 пользователях);
• до 10 человек на одной доске (с появлением задержек);
• недоступность всей системы при 30+ человек на среднего размера доске (> 1 МБ).

С новой архитектурой у нас:

• Неограниченное число пользователей (горизонтально масштабируемся).
• 400 ГБ за два года в Т-Банке (оптимизировали модель данных, стали хранить не доски целиком, а отдельно объекты).
• Большие коллективные сессии на одной доске не оказывают влияния на систему в целом.
• Не рассылаем оптимистичные изменения клиентам до тех пор, пока не запишем персистентно. Весьма дешевый способ, и хорошо работает при сравнительно небольшой нагрузке.
• Stateless -приложение с быстрым временем восстановления.

Используем VPA — Vertical Pod Autoscaling, потому что стараемся осознанно подходить к утилизации ресурсов. С помощью VPA можно автоматически определить, сколько выдавать приложению RAM, CPU и других ресурсов.

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

Мы увеличили интервал до 200 мс и стали двигать курсоры алгоритмически: взяли две точки во времени и самостоятельно вычислили, с какой скоростью двигать курсор. Несмотря на то что теперь отправляем данные в 7 раз реже, реальная плавность, которая ощущается пользователем, стала выше.

Одно событие движения курсора весит 200 B. Вес события может меняться, например, если пользователь выделил какой-нибудь объект или двигает его. Если мы выделяем 16 объектов и двигаем их, размер сообщения уже 430 В. РПС в пике — 80, а количество операций по перемещению на доске — 250/с.

Есть еще область для улучшения скорости рендеринга. Мы планируем отделить состояние доски от жизненного цикла React, изменить управление состояния через ComponentDidUpdate и сделать свой отдельный Flow изменения модели. А еще хотим оптимизировать очень большие схемы, чтобы не было деградации отображения при Zoom.

Главная ошибка в пути​

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

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

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

После этого у нас произошел кратный рост пользователей сразу в два раза — чуть более 2 500 WAU (5 000 MAU по итогу месяца). А такое количество пользователей дало значительную нагрузку на сервер.

Это повлияло на бэклог, и нам пришлось срочно решать проблему сетевого взаимодействия.

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

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

Перед нами была схема, в которой вся модель доски сохранялась целиком. При этом операцию выполняли все пользователи, которые находятся на доске. Если пользователь менял элемент на доске, состоящей из 1 000 элементов, полезная нагрузка в этом случае была 0,1%.

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

Задачу осложняло то, что данные досок были зашифрованы end-to-end-шифрованием и в идеале мы хотели бы провести все изменения без даун-тайма.

Мы сделали так, что обновляется не вся доска, а каждое изменение элемента сохраняется отдельно.

Кейсы использования Unidraw​

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

Типов проведения online-ретроспектив много. Вот несколько примеров:

• Карусель идей. Участники пишут идеи на карточках и обсуждают их по кругу.
• Дерево решений. Проблемы записываются как ветви дерева, а решения — как листья.
• 4-Quadrant Model. Участники делят проблемы на четыре квадранта: важно и срочно, важно, но не срочно, не важно, но срочно, не важно и не срочно.

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

Активное участие в заполнении Unidraw делает процесс стратегического планирования более интерактивным и интересным для участников. Вот несколько способов, как он используется.

Визуализация целей и миссии:

• Mind Mapping. Создание мозгового штурма для визуализации цели компании, ее ценностей и ключевых направлений стратегии.
• SWOT-анализ. Запись сильных сторон, слабых мест, возможностей и угроз на отдельных секторах Unidraw, что помогает ясно увидеть позицию компании на рынке.

Brainstorming и генерирование идей:

• Brainwriting. Участники по очереди записывают свои идеи на стикерах, которые размещаются на Unidraw для группового обсуждения.
• Проектирование сценариев. Разработка возможных сценариев развития компании и их влияние на стратегию.

Структуризация процессов и планирование:

• Kanban-доска. Визуальное представление задач, этапов разработки и прогресса по каждому направлению стратегии.
• Визуализация процесса выполнения проекта. Используется, чтобы следить за тем, как выполняются проекты и перешли ли они временной рубеж относительно процента выполнения.
• Gantt Chart. Создание графика выполнения ключевых задач и этапов реализации стратегии в течение определенного времени.

Командная работа и совместное решение:

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

Визуализация результатов:

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

Планирование и целеполагание:

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

Обсуждение проблем и выработка решений:

• Mind Mapping. Используя его, наставник и подопечный могут вместе проанализировать проблему, разложить ее на составляющие части и генерировать варианты решения.
• Sticky Notes. Каждому из вариантов решения может быть присвоен цветной стикер с кратким описанием плюсов и минусов. Это помогает сделать сравнение и выбор лучшего решения более интерактивным.

Обмен знаниями и опыт:

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

Отслеживание прогресса:

• Kanban-доска. Помогает визуализировать текущее состояние работы над задачами и прогресс в достижении целей наставничества.
• To Do, In Progress, Done — этапы для каждой задачи.

Сбор обратной связи:

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

Unidraw может использоваться для массы других задач. Еще один список мы спрятали тут:

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

• Обучение и тренинги. Для проведения онлайн-обучения позволяет создать визуальную часть контента с путем его прохождения и постепенным открытием для студентов.
• Репетиторство. За счет возможности рисования карандашом, сохранения шаблонов, вставки картинок и рисования примитивов репетитор может онлайн объяснять студенту предметы, при этом сохранить все материалы в кабинете и возвращаться к ним при необходимости.
• Бизнес-процессы. Сделать визуализацию схем бизнес-процессов, рисуя не только BPMN-схемы, но и более простые визуализации для объяснения сути поставленных задач и архитектуры и дизайна процессов.
• Mockup. Unidraw используется как простая версия Figma, в которой на схемах можно объяснить построение концепции дизайна. Во многих случаях, если у команд уже есть свой фреймворк для дизайна, схемы расположения нужных блоков бывает достаточно, а Unidraw — хороший, простой инструмент с низким порогом вхождения в инструмент для вашего бизнеса.
• CJM, исследования. Построение пути клиента — один из хороших аналитических инструментов для бизнеса и выявления слабых мест бизнес-процесса. Записывая на стикерах по этому пути примечания, выявленные в рамках исследования действий клиента, можно легко объяснить проблемные места коллегам из команды.

• Описание структуры, управление персоналом. На Unidraw легко визуализировать организационный дизайн, что повышает прозрачность в компании для коллег, особенно за счет возможности коллективного обсуждения этой схемы. Такой подход нивелирует риски конфликтов при реструктуризации организации.
• OKR. Визуализация общих целей и обсуждение их с командой в рамках одной доски позволяет сохранять не только сами цели, но и артефакты обсуждения, проблемы, связанные с достижением целей.
• Архитекутра ПО, Domain-Driven Design. Unidraw используется для визуализации архитектуры программного обеспечения, проведения сессий по DDD. За счет бесконечного пространства схемы архитектуры и DDD могут быть нарисованы в рамках одной доски, что с использованием ссылок на доске и поиска позволяет легко производить навигацию по всей схеме.

Оставлю ссылку на открытую доску kanban-метрик, чтобы можно было посмотреть, как все выглядит в работе.

Голосование за новые фичи​

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

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

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

Отмечу, что запретов на использование других приложений у нас в компании не было, а высокий Retention (выше 65%) вместе с ростом MAU дает команде большой импульс к дальнейшему развитию продукта.

Наши планы​

Наша задача — сделать максимально комфортной совместную работу людей.

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

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

Мы стараемся слышать наших пользователей и улучшать продукт вместе с ними, поэтому запустили телеграм-канал. Пользуйтесь и оставляйте обратную связь по доработкам!

Ссылка на оригинальную статью https://habr.com/ru/companies/tbank/articles/851440/

В этом году мы сделали важный шаг — в августе запустили наше облачное решение Unidraw.io и начали общаться с вами в этом канале. Пришло время подвести итоги и поделиться нашими достижениями.  

Итоги года​

Наши достижения​

• С момента запуска к нам присоединилось более 50 000 пользователей, и мы продолжаем стабильно расти.  
• 30% Retention показывает, что вы регулярно возвращаетесь к нашему продукту — для нас это важный показатель.  
• Мы лучше узнали нашу аудиторию: среди вас есть преподаватели, репетиторы, ИТ-разработчики, тимлиды, маркетологи, предприниматели, бизнес-тренеры и многие другие.  
• Получили более сотни отзывов через форму на доске, а также множество сообщений в Telegram-канале и личных беседах.  

Ваши отзывы помогают нам становиться лучше! Например, одно из сообщений, которое вдохновило нас:

Мы искренне благодарны вам за доверие и за обратную связь. Именно вы вдохновляете нас развиваться!  

Что мы улучшили благодаря вашим отзывам​

• Изменили подход к дизайну.  
• Исправили ошибки с историей изменений.  
• Ускорили работу доски.  
• Улучшили инструмент «Карандаш».  
• Оптимизировали работу под планшеты.  

С какими трудностями столкнулись​

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

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

Что вас ждет в следующем году​

Мы уже начали готовиться к следующему году: недавно выпустили новый шейп — Треугольник, а впереди ещё больше обновлений:  

1. Новые шейпы для создания архитектуры ПО и проведения онлайн-уроков.  
2. Приглашение через Invite для совместного использования доски.  
3. Новый кабинет, где появятся:  

• Раздел «Избранное».  
• Список досок, которые вы недавно посещали.  

4. Права на управление доской для ваших коллег или ко-тренеров.  
5. Улучшения для стрелок:

• Ортогональные стрелки.  
• Вставка объектов в разрыв стрелки.  
• Добавление текста к стрелкам.  
• Создание связанного элемента с помощью «пупырки».  

6. Обновленные стикеры и их новые функции.  
7. Интеграция с AI, которая поможет отвечать на вопросы и создавать контент.  

И это только начало!  

Заключение​

Мы ценим каждого из вас и благодарим за активное участие в развитии Unidraw.io. Ваши идеи, отзывы и предложения — ключ к созданию продукта, который отвечает вашим потребностям.  

Пишите нам через сайт или в канале — мы читаем все сообщения!  

С наступающим годом и до новых свершений!   Ваша команда Unidraw.io®

Академик Иван Павлов* предложил три принципа по которым можем считать отдых полноценным для восстановления:

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

Расскажем, как запланировать отпуск для всей семьи и учесть все нюансы с Unidraw!

Команда Unidraw уже позаботилась о вас и добавила производственный календарь РФ в шаблоны.

Подготовка​

У каждого в семье есть свои пожелания по отпуску. А также условия и ограничения с которыми можно столкнуться при планировании совестных отпусков (количество днйе отпуска в году, каникулы, официальные праздники). Чтобы ничего не упустить планирование можно оформить с Unidraw, показываем как.

С чего начать:

• Открываем Unidraw.io, создаем доску и открываем ее для редактирования.
• В правом верхнем углу кликнув на иконку "Шаблоны" открывается маркетплейс шаблонов.
  
• В разделе "Стратегия и планирование" выбираем шаблон "Производственный календарь на 2025 год, по месяцам".
• Как только добавили его на доску, закрепляем календарь на доске нажав на "замочек" в меню элемента, чтобы его не сдвинули при добавлении событий.
  

Теперь нам надо создать ограниченное количество дней, для всех членов семьи:

• супруг — 30 дней отпуска
• супруга — 28 дней отпуска
• дети (каникулы)

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

Рисуем 30 отдельных прямоугольников (число соответствует дня в месяце).

Выравниваем треугольники при помощи функции "Smart Align", собирая в табличку прямоугольников.

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

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

Подготовка доски завершена, можно переходить к планированию.

Планирование отпуска​

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

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

Теперь спросим Chat GPT о том как лучше распределить отпуск в 2025 году, с учетом праздничных дней.

Пишем ему запрос:

Он дал такую подсказку:

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

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

Размещаем его рядом с календарем.

И используя эту подсказку и рекомендацию Академика Ивана Павлова, начинаем вместе с членами семьи размечать отпуска.

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

По рекомендации Академика Ивана Павлова, планируем отпуск для себя без ответственности за других.

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

Итог доступен на доске Unidraw.io "Пример планирования отпуска 2025"

(Доска доступна для зарегистрированных пользователей)

Что мы получили?​

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

Нам осталось только оправить на согласование с руководством наши пожелания на этот год по отпуску.

Попробуйте и вы вместе используя Unidraw.io спланировать свой год и отметить важные даты и события.

Этот способ планирования простой и прозрачный, за счет доски Unidraw.io легко отметить важные события, и так же добавлять примечания с течением времени.