Курсы и обучение прототипированию: Figma, Axure и предметные прототипы от 900 ₽

Что такое прототипирование простыми словами

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

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

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

Отдельная аудитория — преподаватели. Модуль «3D-моделирование, прототипирование и макетирование» входит в школьную технологию, и учителям нужны программы повышения квалификации, а не дизайнерские интенсивы. Такие курсы в каталоге тоже есть, но искать их надо в разделе педагогики.

Две ветки прототипирования: цифровая и предметная

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

Цифровое прототипирование, оно же прототипирование интерфейсов, — это экраны. Сайты, мобильные приложения, дашборды, личные кабинеты. Вы начинаете с вайрфрейма (грубой схемы из прямоугольников), доводите его до детального макета и добавляете интерактив: переходы, состояния кнопок, анимации, условную логику. Инструменты — Figma, Axure RP, ProtoPie, Framer. Аудитория — UX/UI-дизайнеры, продакт-менеджеры, фронтендеры, веб-дизайнеры.

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

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

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

В нашем каталоге собраны обе ветки. Цифровая представлена шире: интерфейсное прототипирование входит почти в любую программу по дизайну интерфейсов и UX/UI. Предметная ветка — это курсы промышленного дизайна, 3D-печати и программы для педагогов, которые ведут модуль моделирования и макетирования в школе.

Этапы и методы, которые разбирают на курсах

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

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

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

Что обычно входит в программу:

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

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

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

Инструменты: Figma, Axure, ProtoPie и предметный стек

Инструмент выбирают под задачу, а не наоборот.

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

Axure RP берут там, где интерфейс сложнее набора экранов: корпоративные системы, банковские кабинеты, админки с ролями и правами. Он умеет переменные, условия и работу с данными, поэтому прототип ведёт себя почти как настоящее приложение.

ProtoPie и Framer нужны, когда важна не логика, а ощущение: жесты, инерция, микровзаимодействия. Это узкая, но хорошо оплачиваемая специализация.

Для предметной ветки набор другой — Blender, Fusion 360, Tinkercad, слайсеры для 3D-печати. Здесь курс почти всегда завязан на конкретное оборудование, поэтому смотрите, есть ли у школы доступ к принтеру или хотя бы разбор реальных отпечатков.

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

Сколько стоит обучение прототипированию и сколько оно длится

В каталоге 57 программ обучения от 29 школ. Цены начинаются от 900 ₽ и доходят до 440 000 ₽, медиана держится около 65 000 ₽.

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

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

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

По срокам ориентир такой. Базовый интерактив в Figma осваивается за две-три недели регулярных занятий. До уровня, когда прототип можно показывать заказчику без стыда, уходит два-три месяца с обратной связью. Сложные вещи вроде условной логики в Axure или анимаций в ProtoPie добираются потом и точечно, под конкретный проект.

Отдельная история — курсы прототипирования внутри больших профессий. Там навык идёт одним блоком из десяти, зато вы получаете полную специальность. Если цель — работа UX/UI-дизайнером, а не разовая задача, считать надо именно такие программы.

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

Как выбрать курс прототипирования

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

Ветка. Цифровая или предметная. Курс по Figma не научит печатать корпус, курс по 3D-печати не научит собирать пользовательский сценарий.

Доля практики. Смотрите на количество проектов, а не часов. Если в описании нет ни одного слова о том, что вы соберёте своими руками, скорее всего, прототипирование там — одна лекция в общем потоке.

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

Инструмент. Один освоенный глубоко полезнее четырёх на уровне «открывал». Начинать почти всегда стоит с Figma и добирать остальное под задачи.

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

Как мы отбираем программы в каталог

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

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

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