Как сделать кликабельный прототип Figma для тестирования сценария работы продукта

Гибкая цена: чем больше тем изучаете, тем выгоднее

• от 5 тем — 10% скидка 
• от 10 тем — 25% скидка
• от 20 тем — 50% скидка

Формат и условия

Онлайн-занятие в записи. Материалы включает в себя: видеозапись, презентацию и дополнительные ссылки и материалы (если предусмотрены планом занятия).

Как приобрести занятие в записи

1. выбираете темы занятий, добавляете в корзину и оплачиваете →
2. сразу получаете записи, презентации и полезные материалы в лк во вкладке "Завершенные заказы"→
3. учитесь, когда удобно без привязки к расписанию →
4. возвращаетесь к материалам в любое время, доступ к занятию бессрочный.

О занятии

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

В результате участники будут

Знать: 

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

Уметь: 

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

Считать (с какими установками выходит участник):

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

Сценарий занятия

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

2. Создание сценария ≈ 10 мин. 

Показываем готовый сценарий или остановимся на создании структуры в FigJam.

3. Практическая часть ≈ 80 мин. 

Вайрфреймы. Как их рисовать.

• Нарисуем вместе 1-2 основных экрана со всеми основными элементами.

Создание прототипа:

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

На выходе должен получиться готовый кликабельный прототип (≈ 10 экранов).