О чём этот курс

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

Вы пройдёте весь цикл разработки дизайна: от прототипирования до презентации проекта. В конце сможете оформить кейс в портфолио.

Технологии и навыки, которые вы освоите

Гайдлайны iOS и Android
Дизайн-системы
Прототипирование
Проектирование
Метрики

Как проходит курс

YandexGPT помогает проходить курс

Когда в теории что-то непонятно, нейросеть объяснит это другими словами. А в конце каждого модуля подготовит краткий пересказ о самом главном.

Программа курса

Курс длится 3 месяца, советуем уделять ему не меньше 10 часов в неделю
~1 час
Бесплатно
Тест для самопроверки
Программа рассчитана на дизайнеров с опытом. Чтобы проходить курс было комфортно, нужны базовые навыки в дизайне, умение работать с цветом и выстраивать композицию. Поэтому вначале мы предлагаем пройти тест, чтобы проверить, есть ли у вас необходимые навыки.
  • Базовые навыки
  • UI
  • UX
  • Колористика
  • Типографика
  • Цвет
Что будет в тесте
Колористика, насмотренность, композиция, типографика, владение Figma, прототипирование, применение сетки, компоненты, анализ проблемы, коммуникация с разработкой и подбор референсов
Сможете убедиться, что курс подходит вам по сложности
2
9 тем・1 проект・ 2 недели
Уточнение проблемы и проектирование пользовательских сценариев
  • Мобильная среда
  • JTBD
  • Мобильные референсы
  • Анализ конкурентов
  • Глубинное интервью
  • Мобильные сценарии
Ревью задачи и артефактов
Узнаете, из каких этапов состоит дизайн-процесс. Что из себя представляют артефакты от заказчика и как быть, если их нет.
Бриф от заказчика
Что такое бриф. Узнаете, каким должно быть описание задачи и объёма работы. Разберётесь, как определить целевую аудиторию и как прогнозировать сроки выполнения задачи. Поймёте, какие бывают критерии успеха, как оценивать результаты и ограничения проекта.
Поиск конкурентов и анализ отзывов
Поймёте, зачем знать своих конкурентов и как их искать, как анализировать отзывы и сайты.
Список гипотез по проблемам
Узнаете, что из себя представляют научный метод и гипотезы, как их формулировать и генерировать, что такое гигиена продуктовых гипотез.
Глубинное интервью с пользователем
Поймёте, что такое глубинное интервью. Разберётесь, как к нему готовиться, создавать гайды, находить респондентов, проводить интервью и анализировать результаты.
Подтверждение гипотез и JTBD
Что такое концепция JTBD и как её формулировать. Разберётесь, как проводить приоритизацию Job Story, а также что означает Jobs-As-Progress и Jobs-As-Activities.
Основной сценарий
Узнаете, что такое основной сценарий и для чего он нужен. Поймёте, как написать такой сценарий для приложения. Изучите аппаратные возможности девайсов, разберётесь, как оптимизировать пользовательский путь и тестировать основной сценарий.
Второстепенный сценарий
Что это такое и чем он отличается от основного сценария. Какие бывают пограничные состояния. Научитесь готовить второстепенный сценарий для приложения.
Презентация и согласование сценария
Разберётесь, зачем согласовывать сценарии, кто такие стейкхолдеры, как готовиться к презентации и проводить её.
Исследуете проблему, сгенерируете гипотезы и спроектируете мобильные сценарии
3
8 тем・1 проект・3 недели
Проектирование в рамках дизайн-системы
  • UI-kit
  • Дизайн-системы
  • Нативные приложения
  • Адаптация компонентов
  • Технические ограничения
  • Интерактивные компоненты
Знакомство с дизайн-системой продукта
Узнаете, что такое дизайн-система, кому и зачем она нужна, как с ней работать. Поймёте, что из себя представляет UI-kit и библиотеки в Figma. Научитесь создавать библиотеки и подключать их к файлу.
Анализ продуктовых вводных и ограничений
Разберётесь, какие бывают ограничения вводных в дизайн-процессе и в информационной архитектуре.
Анализ сценариев веба и десктопа
Поймёте, что такое десктопные и мобильные приложения, чем они отличаются друг от друга. Узнаете, что такое анализ сценариев и как его делать. Разберётесь, какой бывает доступность, зачем она нужна, как её оценить и какие есть стандарты доступности. Узнаете, как упростить работу с анализом сценариев и доступностью.
Адаптация дизайна для мобильного экрана
Изучите особенности мобильной платформы и правила адаптации. Поймёте, как быстро адаптировать разные компоненты дизайна.
Адаптация веб-элементов для мобильных экранов
Узнаете, что такое нативная разработка и кросс-платформенность, зачем нужны гайдлайны.
Мобильные паттерны
Поймёте, как вводить данные при проектировании мобильных интерфейсов. Разберётесь, что из себя представляет контекстное меню и скрытые действия. Научитесь адаптировать десктопные элементы.
Добавление новых элементов в UI-kit
Научитесь создавать компоненты и ветки, изменять их, добавлять состояния и публиковать изменения.
Отрисовка основного адаптированного сценария
Спроектируете User Flow для сценариев, подготовите макеты для прототипа и согласуете их с заказчиком.
Погрузитесь в работу с дизайн-системой, адаптируете существующие элементы в UI-kit под мобильные устройства и создадите новые элементы
4
11 тем・1 проект・3 недели
Проектирование и создание UI-kit
  • Спецификации
  • Создание UI-kit
  • Умные устройства
  • Визуальный концепт приложения
  • Работа с иконками
  • Кросс-платформенность
Подбор визуальных референсов
Узнаете, что такое мудборд и референсы, какие у них бывают типы и значения. Подберёте визуальные референсы. Научитесь разбираться в трендах интерфейсов и культурном контексте. Поймёте, как организовать референсы в Figma.
Определение основных разрешений девайса
Изучите разные разрешения и размеры экрана. Узнаете, какие есть способы для их выбора.
Наброски визуального концепта
Подготовите и составите визуальный концепт, выберете цвета и шрифты, создадите основные элементы и проверите их отображение на телефоне.
Сбор фундамента в UI-kit: работа со стилями
Узнаете, что входит в UI-kit, как создавать и называть стили.
Работа с иконками
Узнаете, что из себя представляют системные и коммуникационные иконки, какие есть паки с иконками и как с ними работать.
Сбор основных элементов в UI-kit
Начнёте создавать компоненты и добавите их в UI-kit.
Отрисовка основного сценария
Изучите видеоинструкции по отрисовке основного сценария.
Отрисовка дополнительных сценариев
Подготовите типовые экраны и шаблоны в UI-kit. Узнаете, какие есть особенности и паттерны дизайна интерфейса при пограничных сценариях. Научитесь писать тексты для разной аудитории и полезные сообщения об ошибках.
Отрисовка экранов по гайдлайнам другой ОС
Узнаете, какие есть платформы, шрифты и системные привычки. Научитесь заменять элементы.
Подготовка макетов для разработчиков
Узнаете, какие есть задачи у документации и как её писать.
Адаптация дизайна под девайсы: ТВ, планшеты, умные часы
Познакомитесь с особенностями дизайна для разных устройств: ТВ, планшетов и умных часов. Узнаете, что из себя представляет дизайн кросс-платформенных продуктов.
Подготовите визуальный концепт приложения, создадите UI-kit с нуля и соберёте экраны по сценариям
5
9 тем・1 проект・4 недели
Тестирование мобильных прототипов и взаимодействие с разработкой
  • Тестирование макетов
  • Анализ обратной связи
  • Передача макета в разработку
  • Метрики мобильных приложений
Разработка сценариев для тестирования
Узнаете, когда и зачем тестировать макеты, как определять цели и гипотезы для тестов, как составить план и описать сценарий
Подготовка анимированного прототипа
Поймёте, зачем нужен прототип. Разберётесь, какие есть особенности прототипирования в мобильных устройствах, как собрать и проверить прототип. Познакомитесь с разными сервисами, где можно сделать прототип.
Поиск и работа с респондентами
Узнаете, где найти респондентов, как выбрать нужных и начать с ними работать. Научитесь проводить тестирование интерфейса в Figma Mirror.
Анализ результатов тестирования
Научитесь фиксировать и интерпретировать результаты исследований, ранжировать проблемы и инсайты. Узнаете, в каком формате лучше сохранять отчёт.
Как работать с критическими проблемами
Узнаете, какими бывают проблемы, как с ними работать. Научитесь приоритизировать гипотезы.
Проверка макетов на требования разработчиков
Научитесь готовить макет для разработки: работать со слоями, отступами и размерами.
Дизайн-ревью свёрстанных макетов
Поймёте, как подготовиться к дизайн-ревью, проверять UI и UX, находить баги и сообщать о них разработке.
Подготовка маркетинговых материалов
Познакомитесь с магазинами приложений и научитесь готовить материалы для публикации приложения в них: иконку, скриншоты, видеопревью. Узнаете, что такое In-App Events и LiveOps. Научитесь публиковать приложение в сторе и поймёте, как привлекать туда пользователей.
Анализ фидбэка после запуска продукта
Познакомитесь с разными метриками бизнеса и инструментами для их сбора и отслеживания. Узнаете, как размечать макеты под метрики. Научитесь анализировать данные в Amplitude и фидбэк пользователей.
Подготовите макет по требованиям разработки и создадите маркетинговые материалы для публикации приложения в сторах
6
Самостоятельно
Сборный проект
В начале курса вы сможете выбрать один из 2 кейсов, над которым будете работать всё время.

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

Эти задания помогут вам быстрее ориентироваться в гайдлайнах и паттернах. Наши ревьюеры проверят ваши проекты, подсветят удачные решения и зоны роста.
Этот курс может оплатить
ваш работодатель
Полностью или разделив оплату с вами,
например 50/50 или 75/25
  • Расскажем всё про курс
  • Поделимся презентацией
  • Ответим на ваши вопросы
  • Подготовим договор и счёт

Отвечаем на вопросы

Каким требованиям нужно соответствовать?
Для старта нужно владеть Figma на базовом уровне, знать основы композиции, цвета, типографики, сеток и иметь возможность заниматься в среднем 10 часов в неделю.

Сюда включено время на прохождение теории на платформе, самостоятельные задачи для отработки навыков и выполнение финального проекта. В рамках спринтов вы можете заниматься в своём темпе — так, чтобы оставалось время на работу, семью и отдых.
Кто будет помогать мне проходить курс?
Все наставники — практикующие специалисты: сотрудники Яндекса и других крупных компаний. Программу составляют опытные методисты, а ещё действующие специалисты Яндекса, Школы анализа данных и других лидеров технологической индустрии.
Что делать, если я не справлюсь с нагрузкой?
Если случилось непредвиденное или понадобилось уделить больше времени закреплению материала, напишите своему куратору. Он поможет перенести дедлайн сдачи проекта или перевестись в более позднюю когорту. На общую стоимость курса это не повлияет.
Если не понравится, я могу вернуть деньги?
Конечно. Если курс ещё не начался, вернём всю сумму. Если уже начался, придётся оплатить прошедшие дни со старта вашей первой когорты — но мы вернём деньги за остаток курса. Более подробно рассказываем об этом в 7 пункте оферты.
Получу ли я какой-то документ после курса?
Да, вы получите сертификат о завершении курса.
Как можно оплатить?
Банковской картой: внести всю сумму сразу или платить ежемесячно.

Ежемесячные платежи работают так: вы вносите первую оплату, и в этот момент привязывается карта. С этой карты автоматически будут списываться следующие платежи каждые 30 календарных дней. Например, оплатили 25 марта — следующий платёж пройдёт 24 апреля. Курс будет стоить меньше, если оплатить его сразу целиком.

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

Чтобы вам было проще сориентироваться, мы указываем примерную стоимость в долларах США, но списание будет в казахстанских тенге, а конвертация — по курсу вашего банка.

Давайте поможем

Мы работаем с 09:00 до 18:00 по минскому времени и связываемся в течение одного дня. Если оставите заявку сейчас, то перезвоним уже в рабочее время.