Гайд по работе в онлайн-пространстве Miro
Miro — это платформа интерактивной доски для совместной работы, позволяющая объединять команды в любое время, в любом месте и практически для любого проекта.
Вы можете проводить продуктивные, интерактивные, удаленные встречи и семинары. Создавать и развивать идеи, как если бы вы были в одной комнате. Miro удобно для планирования, координации и обсуждения, ведь вы можете объяснять сложные процессы и системы с помощью наглядных карт и диаграмм.
Сотрудникам не обязательно находиться в одном месте, чтобы лучше работать. Нравится это или нет, но виртуальная работа никуда не денется — поэтому мы делимся с вами гайдом по работе с онлайн-пространством на примере наших любимых бизнес-игр.
Содержание
1. Что такое Miro?
Miro — это онлайн-платформа для создания интерактивной доски. Не нужно скачивать программу, чтобы начать работу. Вы можете работать прямо из браузера и неважно, мощный ли у вас компьютер или ноутбук. С Miro можно работать даже на телефоне и планшете, главное, чтобы было подключение к интернету. Весь интерфейс Miro на английском языке, но наше пособие поможет разобраться в программе быстро и легко. Мы перевели для вас весь интерфейс и все самые важные функции.
В бесплатной версии интерактивной доски Miro пользователи получают доступ к ряду функций:
Существует ряд ограничений при бесплатном использовании программы:
При приобретении платной версии Miro пользователь получает больше дополнительных возможностей. К примеру, Web page capture добавляет фото запрашиваемой интернет-страницы, а Google image search осуществляет поиск картинок в интернете прямо с доски. Есть четыре вида подписки:
Такие функции, как совместное использование настраиваемых шаблонов, таймер, голосование, управление проектами, доступны во всех платных пакетах. За отдельную плату приобретаются Внешние редакторы, а ресурсы и платформа для разработчиков есть только на тарифе Enterprise.
2. Как начать работу?
Найдите в любом удобном поисковике сайт Miro или пройдите по ссылке. Вас встретит приветственная страница.
Нажмите синюю кнопку Sign up free в правом верхнем углу и заполните форму регистрации.
На указанный вами email придет автоматическое письмо от команды Miro с кодом подтверждения. Введите его в поле Enter 6-digit cod или в письме дайте согласие на регистрацию (нажмите синюю кнопку Confirm your email). Вас перебросит обратно на страницу Miro и вы сможете продолжить регистрацию.
Следующим этапом станет уточнение количества людей в вашей команде и ваша должность. Это не влияет на количество человек, которое сможет работать в Miro или видеть трансляцию вашей доски. Так что можете поставить Only me и выбрать любую должность. Нажмите «Продолжить».
Теперь вас попросят рассказать друзьям о Miro. Можете скопировать ссылку и поделиться ею в своих соц. сетях. Можете написать email человека, кому хотите отправить приглашение работать с Miro. А можете нажать Skip for now и пропустить этот необязательный шаг.
В этом окне вас попросят выбрать, чем вы планируете заниматься в Miro. На дальнейшую работу это также не влияет. Можете выбрать любой пункт.
Финальный шаг. Перед вами всплывающее окно с шаблонами досок. Можете закрыть его, нажав на крестик справа.
Теперь перед вами пустая рабочая доска Miro. Давайте заполним ее!
3. Панель управления
Панель управления — это главная страница Miro, на которой вы можете перемещаться между командами, проектами и досками.
Команда — это группа людей, с которыми вы можете совместно работать на доске.
Проект — это группа досок, которой вы можете поделиться со своими товарищами по команде и работать над ними вместе.
Доска — это интерактивное рабочее пространство. На доске вы размещаете все фалы, и создаете фреймы.
Панель управления можно визуально разделить на 7 блоков:
Здесь вы можете создать новую доску, отсортировать и организовать свои доски удобным для вас способом. Вы можете фильтровать доски по принадлежности кому-либо в команде или вам.
Вы можете просматривать доски в алфавитном порядке или по дате их создания, последнего открытия или последнего изменения.
Вы можете организовать доски в виде сетки или списка, чтобы их было легче найти.
Щелкните аватар и выберите «Настройки», чтобы открыть сведения о профиле. Здесь вы можете изменить свое имя, компанию, должность, измените свой адрес электронной почты, пароль и удалите свой профиль. 
4. Интерфейс Miro
Для того, чтобы сделать из вашей доски настоящую online-игру нужно узнать об основных инструментах Miro. Если до этого вы уже работали с графическими редакторами вроде Photoshop или Illustrator, то вам будет проще работать с Miro.
Итак, вы видите пять блоков со значками. Разберем блоки по порядку.
Блок 1
Кнопка Miro вернет вас на панель управления. Там вы сможете настроить доски, учетную запись и пригласить участников игры. (Подробнее про панель управления здесь)
Untitled (без названия). Здесь будет название вашей будущей игры. Если нажать на эту кнопку всплывет окно, в котором можно настроить некоторые значения: 
Совет: делать копию доски очень полезно, при проведении online-игр. Вы настраиваете одну эталонную доску, а чтобы провести игру — делаете копию доски. И двигаете элементы уже на копии. После проведения игры, просто удалите копию доски, и вам не придется наводить порядок на эталонной доске. Это очень экономит ваше время.
В бесплатном режиме есть возможность экспорта только в форматах JPG, PDF и кода для верстки сайта. Для создания игры этого более чем достаточно.
Блок 2
Основной курсор, позволяющий выбирать объекты.
Выбор шаблона. При нажатии откроет окно с различными шаблонами досок.
Написать текст. (Подробнее в разделе 5.3 Как работать с текстом)
Вставить стикер для заметок. (Подробнее в разделе 5.4 Как вставить геометрическую фигуру)
Вставить геометрическую фигуру. (Подробнее в разделе 5.4 Как вставить геометрическую фигуру)
Вставить стрелку или соединительную линию. (Подробнее в разделе 5.4 Как вставить геометрическую фигуру)
Создать рабочую область (фрейм). (Подробнее в разделе 5.1 Рабочая область)
Загрузить файл на доску.
Дополнительные функции. 
Так же в дополнительные функции входит вставка таблицы, смайлов.
Блок 3
Посмотреть списком все рабочие области.
Войти в режим презентации.
Посмотреть все комментарии списком.
Посмотреть все карточки списком. (Подробнее в разделе 5.3 Как работать с текстом)
Прогулка с единорогами: сервис Miro, которым пользуются ведущие компании
Стартап: Miro
Чем занимается: сервис для командной работы, визуализации и создания диаграмм связей
Откуда: основан в России, штаб-квартира находится в Сан-Франциско
Оценка: нет
С кем конкурирует: Mural, Stormboard, Conceptboard, Airtable
В апреле 2020 года российские СМИ написали о том, что в стартап Miro проинвестировал крупный венчурный фонд Iconiq Capital. Он управляет капиталами основателя Facebook Марка Цукерберга, главы Twitter и Square Джека Дорси, сооснователя Napster Шона Паркера, сооснователя LinkedIn Рида Хоффмана и других успешных предпринимателей. Но на самом деле Miro — не совсем молодая компания. В этом году ей исполнится девять лет.
Miro занимается разработкой одноименного сервиса для командной работы. Сервис позволяет командам удаленно обсуждать и визуализировать идеи (с помощью эскизов, схем, диаграмм и прочих способов), обмениваться файлами, проводить встречи.
Платформа построена таким образом, что в нее можно интегрировать другие инструменты для командного решения задач: например, программу для управления проектами Trello, корпоративный мессенджер Slack, видеоконференции Zoom или традиционные Google-документы.
Проект получил название в честь каталонского абстрактного художника Хоана Миро. Компания объясняет это тем, что «холсты» в Miro (еще их называют бордами), в которых и взаимодействуют участники команды, по своему духу похожи на абстрактные работы Миро — идеи в них тоже выражаются через цвета и формы.
«Компания растет гораздо быстрее, чем мы ожидали»
Компанию основали в 2011 году жители Перми Андрей Хусид и Олег Шардин. До 2019 года проект просуществовал под названием RealtimeBoard. Сервис появился из необходимости оптимизировать удаленную работу нескольких сотрудников. Основатели RealtimeBoard в то время управляли компанией по производству роликов для социальных сетей, и им понадобился инструмент для командного создания концепций и работы дизайнеров. Это и привело к появлению RealtimeBoard.
«Наш фокус — в том, чтобы позволить командам работать и создавать новые продукты так, будто все сотрудники находятся в одной комнате независимо от местоположения»
За период с 2011 года сервис подсадил на свой подход к коллективному решению задач сотрудников 80% компаний из списка Fortune 100, пишет Techcrunch. В списке ее клиентов — Skyscanner, Netflix, Logitech, Twitter, Salesforce, PwC, Spotify, Expedia и Dell. Свыше 21 тыс. пользователей подписаны на платную версию продукта.
По словам сооснователя Андрея Хусида, пандемия COVID-19 и необходимость находиться дома, с которой в 2020 году столкнулись миллионы людей по всему миру, резко подстегнули интерес к Miro. Спрос, признался Хусид, вырос настолько, что его команде инженеров не просто его удовлетворять. «Компания растет гораздо быстрее, чем мы ожидали», — заявил он.
В апреле 2020 года число сотрудников Miro преодолело отметку в 300 человек. Инвестиции фонда Iconiq Capital позволят в том числе набирать специалистов — ожидается, что к концу года в штат придет еще 150 человек.
Кто вложил деньги в Miro
В списке инвесторов Miro:
Как мы в Miro используем Miro
Собрали примеры, как инженеры и тимлиды в Miro используют доску Miro по работе и в личных проектах. Расскажем, какие фичи они применяют и как это можно повторить. Возможно, что-то из примеров вам пригодится.
Составляем схему вместо долгих объяснений
Марта, тимлид команды Customer Support:
«Мы в команде поддержки стремимся к простому и открытому диалогу с пользователями. Помимо решения технических проблем, мы занимаемся образованием пользователей и подсказываем, как удобно и эффективно адаптировать Miro под конкретный юзкейс.
Чтобы не перегружать людей сложными терминами, многие продуктовые и технические моменты мы объясняем в упрощённых понятиях. Но это не всегда помогает решить проблему, потому что разные сервисы по-разному используют термины «команда», «аккаунт», «профиль». Поэтому, чтобы пользователь понимал значение каждого из терминов в наших реалиях, приходится давать определение каждому термину в отдельности. Это занимало очень много времени и требовало постоянных уточнений.
Для более доступного объяснения структуры и разницы между планами в Miro, а также для обучения новых сотрудников мы использовали Miro доску, где схематично визуализировали сложный технический механизм.
Если интересно разобраться, чем планы использования продукта отличаются друг от друга и как мы систематизировали эту информацию — доска доступна по ссылке«.
Планируем спринты
Иван, тимлид команды Canvas Experience:
“Раньше мы планировали спринты в Jira, но это отнимало много времени из-за сложного интерфейса и невозможности видеть картину целиком. Сейчас мы ведём спринт на доске в Miro, используя Jira интеграцию. Мы используем Kanban виджет, но разбиваем его по дням недели и по членам команды.
В итоге Kanban виджет заполнен двумя типами карточек:
— Jira cards — задачи, результатом которых является код.
— Miro cards — активности, не связанные с написанием кода. Если результатом выполнения такой задачи становится код — карточка конвертируется в Jira task прямо из интерфейса Miro.
Если во время спринта сталкиваемся с проблемами — записываем их в темы для обсуждения на ретро. Ретро спринта проводим здесь же. Каждый участник команды может оценить, насколько он доволен спринтом и насколько чувствует себя в безопасности. Если оценки становятся низкими — это триггер обсудить и выяснить причину, чтобы исправить ситуацию в следующих спринтах”.
Ближе знакомимся с командой на удалёнке
Илья, тимлид команд Activation и Engagement:
“Когда команда перешла на удалённый режим, мы потеряли важную часть работы — живое общение. Разговоры, которые возникают, когда все работают в одном месте, оказывается, имеют сильное влияние на дух команды, настрой и то, как мы относимся к работе.
Мы попробовали разные форматы, чтобы поддержать общение: обеды в Zoom, онлайн настольные игры, чаты. В итоге выбрали простые разговоры о том, что нам интересно. Мы взяли популярный подход ice breaker, перенесли его в Miro и сделали регулярным.
На отдельной доске в Miro мы собираем вопросы, которые люди задают друг другу в обычной жизни: какая музыка тебе нравится, какие фильмы недавно смотрел. Каждый день, до или после командной встречи, мы заходим на доску, смотрим вопрос, за пару минут придумываем ответ и делимся с коллегами. На доске используем базовые функции: стикеры, текст, картинки и таблицы.
Интересно иногда зайти на доску и вспомнить, кто из команды чем увлекается. Например, у нас теперь меньше сложностей с выбором подарков. Конечно, полностью живое общение этот подход не заменит, но он позволяет команде быть ближе”.
Планируем инициативы и проектируем технические решения
Александр, инженер из команды Business Logic Core:
“Мы с командой обычно используем доску для планирования инициатив и проектирования технических решений по ним.
Например, появляется инициатива, мы создаём фрейм, добавляем требования, брейнштормим идеи, собираем несколько схем-прототипов, тут же проводим нужные исследования. Потом составляем таблицу со сравнением этих решений, делаем оценку по трудозатратам. Отдельным фреймом планируем порядок и сроки необходимых работ. На каждом этапе можно пригласить другие команды для консультации, валидации решений и сбора новых идей. В итоге каждая встреча проходит сфокусированно, а участников можно погрузить в контекст заранее или во время встречи.
Для составления плана мы используем Jira-интеграцию, где можно с помощью карточек составить граф задач и зависимостей между ними, корректировать его по необходимости, выбирать следующие задачи и отслеживать общий прогресс. Всё это хранится на одной доске, но структурировано, что позволяет не создавать кучу документов с перекрёстными ссылками, а процесс планирования спринтов превращается в простое следование по графу”.
Изучаем языки
Иван, тимлид команды Canvas Experience:
«Я уже несколько лет изучаю английский язык с преподавателем в удалённом режиме. Курс базируется на Market Leader, Pearson — это бумажный учебник с рабочей тетрадью. Занятия проходят в Zoom. Раньше каждый со своим учебником открывал нужную страницу, и так мы изучали материал. Этот подход хорошо работает для оффлайн занятий, но совершенно не годится для онлайна. В итоге мы решили воспользоваться доской в Miro, чтобы облегчить процесс.
У нас есть совместная доска, на которую преподаватель добавляет сканы учебника в виде изображений и PDF и учебные материалы из других пособий, если мы решаем углубиться в одну из тем. Во время изучения новых материалов я постоянно использую текстовые виджеты для заметок (например подписываю переводы новых слов, заполняю слова в кроссвордах). На текущий момент на доске создано 4510 текстовых виджетов.
В рабочих тетрадях есть задания, в которых нужно сопоставить левую и правую части. Для этого очень удобно использовать connection lines (стрелки между виджетами), а чтобы быстро ориентироваться — раскрашиваю их в разные цвета.
Иногда преподаватель добавляет видео-материалы, которые встраиваются на доску как Embed виджет. Все материалы в одном месте и по ним легко ориентироваться.
В visual notes храню список тем со ссылками на фреймы, которые изучил или только планирую. Там же сохраняю новые слова, которые предстоит выучить.
Здорово, что теперь не нужно портить учебники и рабочие тетради своими записями, а преподаватель всегда видит твои ответы и в любой момент может указать на ошибку.
Планируем капитальный ремонт квартиры
Иван, тимлид команды Canvas Experience:
«Насмотревшись видео, почитав учебники и изучив разные СНИПы и ГОСТы по проектированию помещений, я нарисовал первую версию дизайн проекта, нашёл рабочих, которые готовы реализовать этот проект, и началось самое интересное.
Из-за большого количества зависимостей не всегда можно было распоряжаться ресурсами эффективно, и часть рабочих простаивала. Например, у нас был кейс: отделочник не мог выполнять работу из-за того, что ждал, когда закончит электрик; электрик ждал, когда закончит сантехник; сантехник ждал, когда установят кухню; а кухню нельзя было поставить, пока не завершится отделка пола. Привет циклическая зависимость. Также был риск забыть сделать часть скрытых работ, тем самым нарушив технологию.
Я взглянул на эту ситуацию как на типичный проект с большим количеством зависимостей и визуализировал его в виде бэклога задач на доске в Kanban widget. Использовал card widgets, а зависимости указывал с помощью connection lines. Тогда стал понятен список работ, которые блокируют всё остальное. Их начали делать в первую очередь.
Позже рабочие стали жаловаться, что мешают друг другу в одном помещении и это не продуктивно. Мы добавили цветные теги на карточки с названием помещения, в котором планируются работы. Если в какой-то день запланировано много работ с одним цветом тега — это тревожный звоночек, нужно поменять работы местами.
Электрику мы тоже переделывали: добавили управление освещением с элементами умного дома (мастер выключатели на разные помещения, защиту от протечек). Чтобы электрик понимал, как именно коммутировать контроллеры управления — сделал для него схему из картинок, на которой при помощи текста и connection lines изобразил связи выключателей и групп освещения. Также подписал связи входов и выходов на контроллерах, за что он был очень благодарен и без лишних вопросов выполнял свою работу.
А в visual notes вёл чек листы, когда нужно что-то купить или просто не забыть это учесть».
Наверняка вам хотя бы раз в жизни приходилось пользоваться доской. Это простой, но удобный инструмент для визуализации информации, который можно использовать для заметок, объявлений, писем, планирования, рисования и т.д.
Но что делать, когда семинар, рабочая встреча или мозговой штурм проводятся удаленно? На помощь приходят онлайн-доски. Сегодня говорим о Miro.
Miro — это онлайн-платформа для командной работы, проще говоря, аналог обычной маркерной доски, только теперь она бесконечная и доступна прямо в браузере или мобильном приложении.
Совместную работу в Miro можно провести с помощью текстового, голосового или видеочата, а также совместного наполнения и просмотра доски в реальном времени.
Чтобы пользоваться онлайн-доской, вам не нужны специальные знания. А множество инструментов и шаблонов помогает вам получить красивую и понятную визуализацию.
История Miro началась в 2011 году в городе Пермь. Компанию основали Андрей Хусид и Олег Шардин.
Сервис появился из необходимости оптимизировать удаленную работу сотрудников. Основатели Андрей и Олег в то время управляли компанией по производству роликов для социальных сетей Vitamin, и им понадобился инструмент для командного создания концепций и работы дизайнеров. Это и привело к появлению Miro.
До 2019 года проект просуществовал под названием RealtimeBoard, а затем был проведен ребрендинг. В настоящее время проект носит название в честь абстрактного художника из Каталонии Жоана Миро. Компания объясняет это тем, что борды в Miro, в которых взаимодействуют участники команды, напоминают абстрактные работы Жоана, ведь художник в них тоже выражает идею с помощью цветов и форм.
В 2015 году проект заметило издание Product Hunt — американская площадка, которая освещает стартапы. После этого RealtimeBoard попадает в пятерку лучших продуктов дня и занимает место в топ-30 по итогам месяца. Но еще до ребрендинга компания смогла заинтересовать крупных инвесторов.
Например, в проект Miro вложились:
Сегодня Miro используют более 3 млн человек, а среди клиентов — Netflix, Twitter, Hubspot, Airbnb, Salesforce. Skyscanner, Logitech, PwC, Spotify, Expedia и Dell.
Обзор Miro
Miro (ранее называлась Realtimeboard) — платформа для командной работы, ключевым инструментом которой является виртуальная доска. С ее помощью удается решать всевозможные задачи как небольшой команде фрилансеров, так и крупной организации: от мозгового штурма до планирования и управления рабочими процессами.
Совместная работа реализуется набором функций, среди которых видео- и аудиочаты, презентации, выдача и разграничение прав, голосование и многое другое в реальном времени.
Компания основана в Перми, но достаточно быстро вышла на мировой уровень. В этом году она попала в список Enterprise Tech 30 от Wing Venture Capital, в котором представлены самые перспективные частные технологические компании.
Несмотря на российские корни, платформа не имеет русскоязычного интерфейса. Но это компенсируется широкими возможностями и отличным юзабилити, наличием бесплатного пакета и приемлемыми ценами на платные тарифы.
Содержание
Ключевые возможности
Miro позволяет с легкостью организовывать мозговые штурмы, онлайн-встречи и мастер-классы, составлять карты и диаграммы. Сервис станет универсальным инструментом для Agile-команд.
Платформа решает задачи по исследованию и дизайну, стратегиям и планированию, отображению концепции в виде карты. Интеллектуальная карта помогает фиксировать и структурировать идеи.
Miro разработаны приложения для Android и iOS, Mac и Windows.
Тарифы
Для преподавателей и студентов Miro предоставляет бесплатное пользование основными функциями без ограничения по количеству досок. Для подключения необходимо подать заявку.
Остальные пользователи могут выбирать оптимальный тариф:
Начало работы: регистрация
Откройте стартовую страницу, нажимайте на одну из кнопок регистрации.
Укажите логин, электронную почту и пароль, или авторизуйтесь через предложенные сервисы.
На почту отправят код подтверждения. После этого нужно ответить на 5 вопросов от системы, включая размер компании и вашу роль в ней.
Панель инструментов: обзор
После создания профиля вы попадете в панель инструментов, где можно переключаться между командами, проектами и досками.
Рассмотрим доступные вкладки.
Как создать доску?
Создание доски возможно двумя способами:
Справа предложены шаблоны досок. Воспользуюсь Flowchart (блок-схема). На ее примере разберем интерфейс рабочего пространства.
Рабочее пространство доски: обзор
Вот так выглядит ваше пространство. Весомый плюс — работа с элементами ведется путем их перетаскивания, зажав левую кнопку мыши. При нажатии на любой элемент правой кнопкой мыши, открывается список быстрых функций для его редактирования.
Правый список инструментов выдвигается при нажатии двух стрелок. Настройка осуществляется путем перетаскивания элементов из правого столбца в левый и наоборот.
4. Нижняя панель инструментов:
Действия с досками
Сохранять доски не нужно. Все изменения сохраняются автоматически.
Для выполнения действий необходимо кликнуть в рабочем пространстве на логотип, вернувшись в панель инструментов. Теперь найдите нужную доску, нажимайте на три точки, чтобы увидеть всплывающее меню инструментов.
Аналоги Miro
Google Jamboard — бесплатная интерактивная доска со слайдами (до 20 штук), в которых можно рисовать, оставлять заметки, вставлять изображения, добавлять фигуры и текст.
Whiteboard Fox — небольшой, но самый нужный функционал для совместной работы небольших команд. Для приглашения участников и наблюдателей достаточно поделиться ссылкой на доску.
MURAL — отличается удобством и отличным юзабилити. На доски можно добавлять картинки, ссылки, комментарии, заметки, текст, стикеры.
Limnu — напоминает рисование на обычной доске. Доступны стикеры и изображения, можно рисовать различными цветами и видами маркеров, стирать ненужное ластиком.
Conceptboard — подходит для работы над масштабными и сложными проектами. На досках удастся создавать детализированные объекты с добавлением видео, аудио, фигур, текста, изображений.
InVision Freehand — доски для командного проектирования. На них можно поделиться макетом, оставлять комментарии и пометки, создавать иерархии, рисовать.
Вывод
Большинство схожих сервисов ориентированы на ограниченную аудиторию пользователей. Miro же удается быть универсальной платформой, сохраняя при этом простоту и удобство пользования для быстрой адаптации членов команды. Подходит для личных целей, крупных и небольших проектов.
Плюсы: внушительная коллекция шаблонов под разные задачи, много форматов элементов, бесконечное пространство доски, возможность рисования карандашом от руки, голосование, видеоконференции, чаты, много интеграций и трансляция действий на экране в реальном времени.
Минусы: бесплатной версии хватит для выполнения личных задач — к доскам можно выдавать доступ только зрителям, команда ограничена одним участником.
