Вайрфреймы
Вайрфрейминг — это простой способ визуализации дизайна приложения или веб-сайта, а также определения элементов нового проекта. Созданная простая схема позволит легко представить, как различные элементы будут взаимодействовать друг с другом и выявить потенциальные UX-проблемы.
Создание вайрфрейма →
60 млн пользователей по всему миру доверяют Miro
Вайрфреймы могут использоваться для макетирования общей структуры веб-страницы или окна приложения в упрощенном виде и создания последовательных макетов, отвечающих предпочтениям пользователей. Используйте инструмент для вайрфрейминга , чтобы с легкостью создавать вайрфреймы для будущих дизайнов и проектов.
Что такое вайрфрейм?
Вайрфрейм — это наглядная схема, которая моделирует скелет проекта или технологии. Иногда вайрфрейм называют схемой страниц или экрана, на которой показано, как элементы связаны друг с другом и как они структурированы. Вайрфрейминг — это процесс высшего уровня. UX-дизайнеры часто используют его, чтобы наметить дизайн и макет работы в целом, не вникая в детали. Это первый этап процесса проектирования, который впоследствии будет доработан и дополнен деталями. Помимо дизайна и компоновки, вайрфреймы содержат следующую информацию:
Структура страницы
Вайрфрейм описывает структуру страницы или мобильного приложения. Он помогает дизайнерам определить, где должны располагаться определенные элементы и как будет выглядеть дизайн в целом.
Информационная архитектура
В рамках структуры дизайнерам также необходимо спланировать, где будут располагаться элементы страницы — это называется информационной архитектурой. Дизайнеры могут определять расположение этих элементов в структуре страницы.
Пользовательский поток
UX-дизайнерам необходимо учитывать, как пользователи будут перемещаться по странице. В этом может помочь создание вайрфрейма. Создание вайрфрейма позволяет дизайнерам рассматривать содержимое сайта с точки зрения пользователя. В результате с большей вероятностью получится создать удобную для пользователя страницу или приложение.
Функциональность
Прежде чем перейти к этапу технического проектирования, разработчики создают вайрфрейм для визуализации функциональности приложения. Они могут увидеть, как по их мнению все должно работать и какие ресурсы нужны для этого.
Как используются вайрфреймы?
Хотя в большинстве случаев вайрфреймы используются для описания технологий и программ, их используют и для других целей, например, для управления проектами и при разработке продуктов. Чтобы понять, как используются различные вайрфреймы, рассмотрите несколько наиболее распространенных примеров (а также несколько бесплатных шаблонов):
Что такое вайрфрейминг в UX-дизайне?
Вайрфрейм в дизайне пользовательского опыта который также называют диаграммой пользовательского потока ) направлен на то, как пользователь использует определенный продукт или услугу. На диаграмме показаны маршруты, которые проходят пользователи, и то, как они взаимодействуют с продуктом или услугой при попытке решить определенную задачу.
Создание диаграммы пользовательского потока →
Что такое вайрфрейм с низкой детализацией?
Вайрфреймы с низкой детализацией часто используются при разработке приложений. Они позволяют разработчикам приложений и веб-дизайнерам быстро набросать макет и представить, как все будет работать с точки зрения конечного пользователя. Эти диаграммы схематичны, поэтому не содержат много подробностей. Если необходимо создать диаграмму с большим количеством деталей, используйте вайрфрейм с высокой детализацией. Вайрфрейм с высокой детализацией — это полное наглядное представление структуры. В таком макете содержится больше технических деталей, он содержит работающие переходы и реагирует на действия пользователя. Это дает дизайнерам представление об использовании конечного дизайна реальными пользователями, что удобно для пользовательского тестирования. Как правило, первым при проектировании создается вайрфрейм с низкой детализацией. После одобрения такого вайрфрейма, дизайнеры переходят к созданию вайрфрейма с высокой детализацией.
Создание вайрфрейма с низкой детализацией →
Что такое вайрфрейм приложения?
Вайрфрейм приложения отображает все элементы интерфейса мобильного приложения. Команды используют его на начальных этапах разработки приложения для определения потока, функциональности и дизайна программы. Вайрфрейм приложения обычно содержат интерактивные функции, что позволяет легко визуализировать, как пользователи будут взаимодействовать с приложением. Как и в вайфрейме в UX-дизайне, дизайнеры анализируют ключевые элементы с точки зрения пользователя. Если чего-то не хватает или же имеются области для улучшения, дизайнеры могут вносить изменения до запуска проекта.
Создание вайрфрейма приложения →
Что такое вайрфрейм веб-сайта?
Вайрфрейм веб-сайта определяет расположение визуальных элементов на каждой странице веб-сайта. Он содержит больше деталей, чем вайрфрейм с низкой детализацией, и используется в качестве модели для окончательного дизайна. Он дает дизайнерам возможность увидеть, как именно будет выглядеть пользовательский интерфейс и как пользователи будут с ним взаимодействовать. Кроме того, он позволяет определять области для улучшения. Дизайнеры могут увидеть сайт с точки зрения реального посетителя, что позволяет им точно выявить технические ошибки или сбои, которые могут ухудшить пользовательский опыт. Дизайнеры также могут выявлять пробелы на существующем веб-сайте, которые необходимо заполнить новыми элементами — например, отсутствующую кнопку призыва к действию или вспомогательное изображение. Обнаружив эти пробелы на диаграмме, дизайнеры могут добавить недостающую информацию до того, как сайт начнет работать.
Создание вайрфрейма веб-сайта →
Что такое вайрфрейм разработки продукта?
Хотя вайрфреймы обычно используются при создании программ и технологий, менеджеры по продуктам также могут использовать их для улучшения существующих продуктов. Менеджеры по продуктам используют вайрфреймы, чтобы изложить свою концепцию развития продукта. Сюда относится логическая часть, технические требования, ресурсы и новые функции. Хорошим примером является шаблон Prune the Product Tree (Дерево продукта). Данная методология, созданная Люком Хоманном (Luke Hohmann), помогает менеджерам по продукту и разработчикам организовывать и определять приоритеты заявок на расширение функциональных возможностей. Это еще один формат дорожной карты продукта , который помогает командам разработчиков развивать и формировать новый или существующий продукт.
Создание дерева продукта →
Что такое вайрфрейм в управлении проектами?
В управлении проектами вайрфрейм отображает детали предстоящего проекта. Он обеспечивает наличие у всех заинтересованных сторон одинакового представления о следующей информации:
В чем заключается цель проекта?
Руководителю (и команде) проекта важно понимать, для чего вообще нужен проект. Чтобы охватить более широкую аудиторию? Запустить новый продукт? Усовершенствовать внутренний процесс? Какой бы ни была цель, ее необходимо включить в вайрфрейм.
В чем заключается цель?
Помимо цели проекта, у руководителей проекта должна быть отдельная цель на этапе планирования проекта. Таким образом, руководители проекта смогут согласовать все задачи и мероприятия с целями проекта.
Будет ли ощутимый результат после завершения проекта?
Если да, то руководители проекта должны отметить это в вайрфрейме. Это позволит команде проекта понимать, чего ожидать по завершению проекта.
После представления вайрфрейма на утверждение соответствующим инстанциям, менеджер проекта поместит данные проекта в более подробный и структурированный формат, такой как дорожная карта или канва продукта .
Вайрфреймы и мокапы: В чем разница?
Понятия «вайрфрейм» и «мокап» часто используются как синонимы, однако это разные вещи.
Вайрфрейм — это схема высшего уровня, иллюстрирующая структуру сайта, приложения или проекта. На нем нет эскизов или большого количества деталей. На нем показана структура и ключевые элементы. Мокап — это вайрфрейм с высокой детализацией. Это визуальная диаграмма, которая содержит гораздо большее количество деталей, по сравнению с вайрфреймом с низкой детализацией. Например, на нем будут присутствовать все элементы дизайна, и он будет интерактивным. • Вайрфрейм: Простая схема, которая описывает структуру продукта или услуги. • Мокап: Подробная интерактивная диаграмма, иллюстрирующая, как будет выглядеть готовый продукт или услуга. При разработке новой программы или запуске нового продукта сначала следует создать вайрфрейм с низкой детализацией. Он позволяет сориентироваться в отправной точке процесса и обсудить с членами команды, что хорошо, а что нет. Но если вместо этого сразу приступить к созданию мокапа, есть риск потратить время впустую — особенно при наличии элементов, которые необходимо изменить. Разумно начать с малого и постепенно продвигаться дальше. После утверждения первоначального вайрфрейма можно постепенно добавлять детали и элементы визуального дизайна для создания мокапа. При обновлении существующей платформы можно сразу переходить к созданию мокапа. Так как платформа уже работает, можно использовать существующий дизайн в качестве основы и искать области для его улучшения.
Как создать вайрфрейм?
Независимо от сложности веб-сайта или проекта, инструменты для вайрфрейминга (например, Miro) позволят облегчить этот процесс. Наша платформа для совместной работы интуитивно понятна, проста в использовании, а также обладает необходимой гибкостью, чтобы увидеть, какие решения работают, а какие нет. Чтобы создать хороший вайрфрейм с помощью Miro, следуйте простым действиям.
1. Выберите подходящий вайфрейм
Существуют различные типы вайфреймов, поэтому выберите тот, который вам подходит. Мы уже рассмотрели некоторые из наиболее распространенных форматов, но вы должны сами решить, какая структура наиболее удобна для вас и вашей команды. Вот несколько моментов, которые следует учитывать при принятии решения: Что будет моделировать вайрфрейм? Вы хотите создать вайрфрейм UI-дизайна? Мобильного приложения? Веб-сайта? Продукта? Четко определите, что именно планируется отобразить, чтобы выбрать шаблон, который подойдет в данном случае. Что нужно, информация высшего уровня, или же большее количество деталей? Если нужно большее количество деталей, то подойдет вайрфрейм с высокой детализацией. Если нужна простая схема, чтобы начать работу, то лучше выбрать вайрфрейм с низкой детализацией. После того как вы определитесь с типом вайрфрейма, перейдите к выбору шаблона вайрфрейма . Все эти шаблоны бесплатны, просты в работе и готовы к использованию. Просто выберите понравившийся и сразу приступайте к работе.
2. Персонализируйте макет
Все шаблоны Miro готовы к использованию, поэтому можно сразу приступать к созданию вайрфрейма. Иногда может понадобиться изменить структуру или скорректировать ее в соответствии с видом деятельности компании. Для этого мы предлагаем очень удобные инструменты. С помощью Miro можно добавлять новые фигуры , цвета , шрифты , диаграммы — есть все необходимое для создания вайрфрейма, идеально отображающего ваши планы.
3. Добавьте вспомогательные документы или ссылки
Если вы используете вайрфрейм впервые, он поможет вам увидеть контекст для понимания окончательного дизайна. Именно в этом случае могут пригодиться вспомогательные документы и ссылки. Например, в нем можно добавить ссылку на веб-сайт, структура которого схожа с той, которую вы задумали, или на мобильное приложение от главного конкурента. Когда придет время поделиться диаграммой с командой дизайнеров, вся эта информация даст им более глубокое понимание того, каким вы представляете себе конечный продукт. Вы также можете добавлять внутренние и внешние ссылки для предоставления дополнительного контекста, а также вручную загружать вспомогательные файлы и изображения .
4. Поделитесь вайрфреймом с заинтересованными сторонами
После того как вайрфрейм будет готов, поделитесь им с заинтересованными сторонами, чтобы получить отзывы и держать всех в курсе дел. Возможно, будет полезным провести сеанс мозгового штурма, чтобы совместно с командой обсудить их отзывы, или созвониться, чтобы обсудить все как можно быстрее. После изучения отзывов и внесения необходимых изменений можно сделать одно из двух: 1. Запустить новый проект или платформу 2. Создать более подробный вайрфрейм с высокой детализацией Выбор зависит от того, что планируется создать и насколько подробная информация необходима до начала работы.
Как сделать онлайн-тренинг с помощью Miro
Miro — очень удобный инструмент для работы с группой онлайн. С помощью него легко вовлечь участников и удобно организовывать информационные потоки на тренинге. Нужно разобрать возражения клиентов? Систематизировать знания о продукте? Построить функциональную карту? Это все очень удобно прямо на тренинге (или сессии) делать в Miro.
Сначала мы пройдемся по возможностям, которые дает Miro для тренинга, а потом пошагово разберем техническую часть.
Всё можно поместить в Miro, если хотите
Видеосвязь, показ слайдов, фасилитации, модерации, практические занятия — всё можно делать не выходя из Miro. Да, не обязательно использовать Zoom!
Нужно просто сделать слайды из фреймов Miro c содержанием вашей презентации. Потом включаете Presentation mode и — вуаля — каждый участник у себя в браузере видит слайд, на котором вы находитесь.
Общайтесь по видео
Можно включить видео прямо в Miro — причем и у вас, и у участников тренинга.
Функционал получается практически такой же, как в Zoom, Adobe connect и Ms Teams: двустороннее видео, чат и показ слайдов. И это всё с возможностью работать с карточками и другими материалами на доске.
Работайте с ожиданиями
Легко собирать ожидания, работать с ними в течение тренинга и потом обращаться к ним при подведении итогов.
Всё, что нужно, — создать доски с карточками и объяснить людям, как на них писать.
И — ура! — у нас нет проблем с непонятным почерком и исправлением карточек: ведь тут всё понятно и всегда можно дополнить или исправь.
Карточки очень удобно систематизировать, чтобы выделять группы. А еще их можно быстро копировать, чтобы использовать где-то внутри тренинга.
Организуйте работу участников с проблемами
- распределив в мни-группы для мозговых штурмов, результаты которых участники напишут на карточках и обсудят с остальными,
- взяв для практической отработки. Например, в тройках, когда каждый участник в свою очередь отыгрывает “клиента” — берет очередную карточку с возражением/ситуацией
Я считаю, что в Miro работать удобнее и быстрее, чем с бумажной модерацией в аудитории. Ведь любую карточку быстро можно скопировать и взять для работы в многих группах сразу — и для этого ее не нужно переписывать. Нет проблемы плохого почерка, как я уже отмечал. И не нужно читать каждую карточку вслух: чтобы разглядеть текст, участникам не нужно подходить к флипчарту.
Размещайте материал для самостоятельного изучения
В Miro можно выкладывать рабочие тетради, видеоролики, бланки для выполнения заданий и много другое. Пусть это будет единым окном обучения на их тренинге, чтобы им не приходилось искать материал в электронной почте и других местах.
Технические детали
Зарегистрируйтесь
Введите имя, e-mail и пароль на странице регистрации https://miro.com/signup/ и после этого выберите “Free plan” (бесплатный, ограничение на 3 доски) либо сразу купите “Consultant” (12 долларов в месяц, сколько угодно досок и масса удобств). Если вы потерялись, это в разделе Settings-Account-Billing.
Создайте доску
Miro состоит из досок. К каждой из них можно задавать отдельные настройки доступа. Обычно один тренинг = 1 доска. Создайте доску: обычно для тренинга нужна пустая, но, возможно, вам пригодится один из шаблонов.
Теперь у вас есть доска с именем Untitled . Выы можете переименовать ее соответственно тренингу и группе. Если мы создали пустую доску, то она будет выглядеть вот так:
На панели инструментов слева я обвел четыре кнопки, которые нам понадобятся в первую очередь.
Ваш первый фрейм
Создайте первый экран (frame), чтобы уже на нем размещать карточки и другие элементы. Нажмите на значок экрана (это нижняя из обведенных на предыдущей картинке кнопок) и выберите типа экрана, который вы хотите создать. Рекомендую делать экраны с соотношением сторон 16:9, это самый популярный формат мониторов у участников.
У вас появится пустой экран (фрейм), который можно переименовать, кликнув два раза по “Frame 1” в его левом верхнем углу. Также мы можете сделать крупный заголовок инструментом Text с левой панели инструментов и разместить его сверху в центре вашего фрейма/экрана. Можно выбирать размер текста и фон на ваш вкус.
Если у вас не получается выделить элемент, а вместо этого доска прокручивается, или наоборот, вы хотите прокрутить доску, а у вас выделяются элементы — кликните на панели инструментов слева (можно сделать просто клавишей V на клавиатуре. Кстати, в Miro многие действия можно выполнять с помощью горячих клавиш).
Сам экран (фрейм) можно сразу покрасить в какой-то цвет (“шахматный” значок на всплывающей панели инструментов). Лучше использовать неяркие цвета, потому что это будущий фон для других элементов.
Экран (фрейм) и заголовок лучше сразу зафиксировать, чтобы участники случайно не сдвинули их при работе с карточками. Для этого нужно выделить весь фрейм вместе с заголовком и нажать “замочек”. Такие “замочки” бывают почти на всех элементах. Чтобы потом открыть такой “замочек”, понадобится долгое нажатие.
Также обратите внимание на иконку “глаза”: с помощью нее вы можете скрывать заполненные фреймы от участников — например, чтобы не показывать им правильные ответы или следующий блок.
Сделайте “слайды” на базе экранов/фреймов
Ставив в фреймы ваши слайды, вы можете полностью заменить Powerpoint, а также использовать удобные подложки для модерации:
Вот как поставить на экран/фрейм нужную вам картинку:
- Создайте сами картинки, которые вы хотите поставить. В Powerpoint можно сделать скриншоты нужных слайдов либо выполнить экспорт в jpeg (Файл-Экспорт и выбрать jpeg)
- Подготовьте экраны/фреймы, куда вы хотите поместить картинки
- Добавьте картинки на вашу доску Miro. Это можно делать простым перетягиванием файла на доску.
- Масштабируйте каждую картинку под фрейм, на который вы хотите поставить. Если картинок много, их можно масштабировать вместе, выделив все сразу.
- Зафиксируйте картинки на фреймах с помощью “замочка”.
Создайте карточки
Одиночные карточки удобно создавать с помощью Sticky note на левой панели инструментов (или клавиши N). Их можно создавать и массово, если использовать “Bulky mode”. В этом режиме можно просто вставлять карточки из столбцов Excel, если у вас есть готовые значения, которые вы хотите вставить на доску.
Для массового создания карточек я обычно использую другой метод: сначала делаю одну карточку-образец нужной формы, размножаю ее до целого ряда с помощью Shift-D (на маке — Cmd-D), а потом выделяю весь ряд и тем же сочетанием клавиш заполняю весь экран.
Всё готово: теперь участники могут писать на этих карточках и перемещать их.
Настройте видео
Мы можете включить ваше видео (Video Chat), а также показ экрана (Screen Sharing).
Можно начинать с любой кнопки: хоть с Video Chat, хоть со Screen Sharing.
У вас появится панель трансляции, на которой уже нужно будет включить видео и микрофон.
И вот результат: участники видят вас, а вы видите их (после того, как они пришли на доску, конечно).
Отправьте участникам ссылку, чтобы они присоединились к тренингу
При нажатии на синюю кнопку Share в правой верхней части экрана вы увидите настройки доступа.
Выберите “Anyone with link Can edit” — “любой по ссылке может редактировать”, если вам нужно, чтобы участники могли писать в карточках и двигать их. Если они просто будут слушателями — то достаточно варианта “Can view” (“может смотреть”).
Теперь всё готово для тренинга!
Как использовать онлайн-доску Miro в обучении
Когда-то онлайн-доски для совместной работы были в ходу только у IT-разработчиков, ивент-менеджеров и дизайнеров, но сегодня это ещё и популярный инструмент обучения.
Отличие Miro от школьной доски в том, что Miro — доска интерактивная и доступ к ней осуществляется через интернет. А это значит, что писать, рисовать, добавлять файлы на неё можно бесконечно и всё это будет видно не то, что с последней парты, а из любой точки мира.
Онлайн-доска — отличный инструмент для того, чтобы смешать онлайн- и офлайн-обучение, оставив только плюсы каждого из форматов. Вам не нужно быть в одном помещении с учеником, чтобы мотивировать и вовлекать в процесс. Но это и не «мёртвый» контент, который может быть легко скопирован: от пиратов ваше обучение защищено интерактивностью.
Miro — один из лучших способов сделать обучение интерактивным. В конструктор онлайн-курсов We.Study вы можете интегрировать доску Miro в несколько кликов.
Гайд по работе в онлайн-пространстве Miro
Miro — это платформа интерактивной доски для совместной работы, позволяющая объединять команды в любое время, в любом месте и практически для любого проекта. Вы можете проводить продуктивные, интерактивные удалённые встречи и семинары. Создавать и развивать идеи, как если бы вы были в одной комнате. Miro удобно для планирования, координации и обсуждения, ведь вы можете объяснять сложные процессы и системы с помощью наглядных карт и диаграмм. Сотрудникам не обязательно находиться в одном месте, чтобы лучше работать. Нравится это или нет, но виртуальная работа никуда не денется — поэтому мы делимся с вами гайдом по работе с онлайн-пространством на примере наших любимых бизнес-игр. Больше материалов в https://t.me/avsoln
1. Что такое Miro?
- Все основные функции, которые нам понадобятся для создания игры, уже присутствуют в базовой бесплатной версии. Но есть и подписка на расширенную версию программы с функциями видеочата, таймера и голосования.
- В бесплатной версии у вас может быть три активных редактируемых доски (пространство для работы) одновременно, остальные доски будут заархивированы.
- Рабочая область каждой доски бесконечна, а файлы останутся в программе, даже если вы удалите их с компьютера.
- В программе настроено автосохранение, поэтому кнопки «сохранить» нет, и вы можете не бояться потерять прогресс работы.
В бесплатной версии интерактивной доски Miro пользователи получают доступ к ряду функций:
- Печать текста, добавление стикеров, рисунков и разных файлов.
- Рисование, написание формул вручную.
- Создание интеллектуальных карт с нуля или по шаблону.
- Использование канбан-доски для управления проектами по аналогии с Trello (колонки «новые задачи», «в работе», «сделано» и карточки).
- Работа в команде в режиме реального времени на одной доске.
Существует ряд ограничений при бесплатном использовании программы:
- не более трех досок для редактирования;
- все последующие доски только для просмотра;
- доски нельзя делать приватными, их видят все участники;
- нет доступа ко многим полезным функциям.
При приобретении платной версии Miro пользователь получает больше дополнительных возможностей. К примеру, Web page capture добавляет фото запрашиваемой интернет-страницы, а Google image search осуществляет поиск картинок в интернете прямо с доски. Есть четыре вида подписки:
- Team (Команда) — для 2-19 пользователей, нет ограничений по количеству используемых досок с возможностью их редактирования, можно сделать приватные доски и делиться ими с выборочными пользователями, есть интеграция с другими программами, набор инструментов для онлайн-встреч.
- Business (Бизнес) — для групп из 20-49 человек, несколько участников могут заходить через одну учётную запись, есть возможность дополнительно приобрести Daily Pass для добавления внешних редакторов для определённых пользователей в определённые дни.
- Enterprise (Предприятие) — для одновременной работы более чем 50 участников, есть многокомандная настройка для совместного пользования через общекорпоративный аккаунт, гибкая программа лицензирования, расширенная безопасность, специализированный менеджер по работе с клиентами, индивидуальная программа адаптации, управление данными и другое.
- Consultant (Консультант) — подходит для агентств, фрилансеров, консультантов, которые работают с клиентами, нет ограничений по числу участников, можно создать отдельные команды для каждого клиента с бесплатным доступом для просмотра информации, для возможности редактирования доски определённым пользователем можно приобрести Daily Pass, контроль доступа для членов команды и внештатных сотрудников.
Такие функции, как совместное использование настраиваемых шаблонов, таймер, голосование, управление проектами, доступны во всех платных пакетах. За отдельную плату приобретаются Внешние редакторы, а ресурсы и платформа для разработчиков есть только на тарифе 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 (без названия). Здесь будет название вашей будущей игры. Если нажать на эту кнопку, всплывёт окно, в котором можно настроить некоторые значения:
- В строке untitled впишите название вашей игры.
- Чуть ниже строка для описания.
- Нажав на значок Miro в большом квадрате, вы сможете выбрать обложку для игры из файлов на своём компьютере.
- Если нажать на строку Select preview area, вы сможете сделать скриншот того, что сейчас находится на вашей доске и сразу поставить эту картинку на обложку.
- Нажав на кнопку Delete, вы удалите всю доску и всё её содержимое.
- Кнопка Duplicate сделает копию вашей доски.
Совет: делать копию доски очень полезно, при проведении online-игр. Вы настраиваете одну эталонную доску, а чтобы провести игру — делаете копию доски. И двигаете элементы уже на копии. После проведения игры, просто удалите копию доски, и вам не придётся наводить порядок на эталонной доске. Это очень экономит ваше время.
Кнопка экспорта.
В бесплатном режиме есть возможность экспорта только в форматах JPG, PDF и кода для вёрстки сайта. Для создания игры этого более чем достаточно.
Блок 2
Основной курсор, позволяющий выбирать объекты.
Выбор шаблона. При нажатии откроет окно с различными шаблонами досок.
Написать текст. (Подробнее в разделе 5.3 Как работать с текстом)
Вставить стикер для заметок. (Подробнее в разделе 5.4 Как вставить геометрическую фигуру)
Вставить геометрическую фигуру. (Подробнее в разделе 5.4 Как вставить геометрическую фигуру)
Вставить стрелку или соединительную линию. (Подробнее в разделе 5.4 Как вставить геометрическую фигуру)
Рисование от руки.
Создать рабочую область (фрейм). (Подробнее в разделе 5.1 Рабочая область)
Загрузить файл на доску.
Дополнительные функции.
Так же в дополнительные функции входит вставка таблицы, смайлов.
Блок 3
Посмотреть списком все рабочие области.
Войти в режим презентации.
Посмотреть все комментарии списком.
Посмотреть все карточки списком. (Подробнее в разделе 5.3 Как работать с текстом)
Поделиться записью с экрана.
Голосование. (Только для платной версии)
Видео чат. (Только для платной версии)
Таймер. (Только для платной версии)
Блок 4
Настройки. При нажатии всплывает окно:
Центр обучения (руководство, часто задаваемые вопросы, форма для связи со службой поддержки и т. д.)