Курс «Прототипирование IT-продуктов»

Зачем нужен прототип

Прототип – это продуманный эскиз и структура будущего проекта (сайта, веб сервиса, мобильного приложения, crm, erp и т.д.). В прототипе подробно отражается каждая страница будущего проекта с подробным функционалом. По сути, прототип показывает как будет выглядеть и работать конечный продукт.

Для кого курс

Веб-дизайнер

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

Стартапер

Хотите запустить свой IT-продукт, но пока все только на стадии идеи или зарисовок на бумаге. Прототип позволит вам визуализировать вашу идею и представить проект инвесторам /партнерам / разработчикам.

Веб-студия

Хотите повысить качество разрабатываемых сайтов и оптимизировать процессы за счет правильного прототипирования проекта на начальном этапе, а также профессионально презентовать стартапы заказчикам и быстрее согласовывать

Содержание

Модуль 1. Основы прототипирования и введение в Figma

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

Урок 1.1. Введение в прототипирование

В этом уроке вы получите фундаментальные знания о прототипировании

Урок 1.2. Знакомство с интерфейсом Figma

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

Урок 1.3. Практическое задание: Создание простого интерфейса

Модуль 2. Основы создания вайрфреймов (Wireframes)

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

Урок 2.1. Планирование пользовательского пути (User Flow)

Урок 2.2. Создание низкодетализированных варфреймов (Low-fidelity Wireframes)

Урок 2.3. Практическое задание: Создание User Flow и варфреймов

Модуль 3. Визуальный дизайн и интерактивные элементы

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

Урок 3.1. Создание UI-компонентов

Урок 3.2. Создание высокодетализированных варфреймов (High-fidelity Wireframes)

Урок 3.3. Интерактивные прототипы

Урок 3.4. Практическое задание: Создание интерактивного прототипа

Модуль 4. Прототипирование веб-приложений

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

Урок 4.1. Создание прототипов для веб-сайтов

Урок 4.2. Практическое задание: Прототип веб-приложения

Модуль 5. Прототипирование мобильных приложений

Изучите создание прототипов мобильных интерфейсов с учетом особенностей iOS и Android устройств. Научитесь проектировать приложения, создавая детализированные прототипы, оптимизированные для удобства и функциональности

Урок 5.1. Создание прототипов для мобильных приложений

Урок 5.2. Практическое задание: Прототипирование мобильного приложения

Модуль 6. Завершение проекта

Завершите работу над интерактивным прототипом и подготовьте его для передачи разработчикам / презентации партнерам или инвесторам / включении в портфолио

Урок 6.1. Финальный проект: создание интерактивного прототипа

Урок 6.2. Оптимизация для презентации прототипа (разработчикам / партнерам / инвесторам)

Урок 6.3. Итоговая самооценка