Учебная программа и материалы для самоподготовки к DesignSpot School 2020
DesignSpot School — это бесплатная образовательная программа по UX-дизайну с практикой и менторством от дизайнеров сообщества DesignSpot.
UPD 11.02.2020: Все учебные материалы из этой статьи (и не только) собраны в единой программе для самообучения на learn.epam.com.
Переходите по ссылке и прокачивайтесь :)
***
Школа готовит универсальных дизайнеров-практиков, которые смогут самостоятельно разрабатывать современные цифровые продукты. Выпускник DesignSpot School сможет проводить пользовательские исследования, создавать концепцию продукта, проектировать логику взаимодействия и делать первоклассные интерфейсы. А также уметь отстаивать свои дизайн-решения и интересы пользователей перед заказчиками. В обучении мы делаем упор на практику и создание интерфейсов для реальных задач.
Учебная программа
Обучение состоит из двух этапов: онлайн-обучению основам прототипирования и очной менторинг-программе, сфокусированной на исследовании и разработке концепции и дизайна продукта.
Полный шестимесячный курс направлен на освоение ключевых практических навыков и систематизацию знаний о процессе разработки цифровых продуктов, чтобы выпускник мог эффективно работать UX-дизайнером в компаниях любого формата и масштаба.
В программе предусмотрено много индивидуальной работы по изучению теории и интенсивной практики с работой над ошибками. Домашние задания подготовлены из типовых задач специалистов уровня Junior и Middle
В конце программы у выпускника будет на руках сильное портфолио, опыт командной работы, умение создавать продукты с нуля, уверенность в своих силах и новые друзья в сообществе DesignSpot :)
Почитайте примеры выпускных проектов или посмотрите видео защиты итоговых работ менторинг-программы 2019.
Общий учебный план основан на ключевых этапах дизайн-процесса:
- Модуль 1: введение в дизайн-специализацию и знакомство с дизайн-процессом.
- Модуль 2: старт проекта, установочная встерча и дизайн-бриф (Discovery).
- Модуль 3: исследование потребностей пользователей (User Research).
- Модуль 4: анализ результатов исследования.
- Модуль 5: идеация и разработка концепции продукта (MVP).
- Модуль 6: проектирование и прототипирование (UX Design).
- Модуль 7: универсальные инструменты UX-дизайнера.
- Модуль 8: прототипирование для мобильных платформ (Mobile native).
- Модуль 9: пользовательское тестирование прототипов (UX Testing).
- Модуль 10: визуальный дизайн (UI Design).
- Модуль 11: презентация дизайна заказчикам, сопровождение разработки продукта (Delivery and Support).
Учебные модули разделены по этапам обучения в соответствии с задачами этапа:
- этап 1 — обучение основам (февраль — апрель).
Базовые навыки проектирования интерфейсов, инструменты дизайнера, основная теория по прототипированию и визуальному дизайну. - этап 2: применение изученных основ на практике (июнь — август)
Общий дизайн-процесс и разработка продукта от идеи до работающего прототипа. Командная работа над проектом с реальными заказчиками и пользователями, работа с ментором и погружение в нюансы профессии.
Учебные материалы для первого этапа
Для того, чтобы полученные знания максимально соответствовали реальным потребностям и задачам UX-дизайнера, мы отобрали самые актуальные темы из нашей работы и наши практикующие дизайнеры подготовили по ним лекции.
UPD 11.02.2020: Все учебные материалы из этой статьи (и не только) собраны в единой программе для самообучения на learn.epam.com.
Переходите по ссылке и прокачивайтесь :)
Модуль 1: введение в дизайн-специализацию и знакомство с дизайн-процессом
1.1 Кто такой UX-дизайнер (Experience Designer)
https://youtu.be/KkmiqGBtSYw
Кто такой и чем занимается Experience Designer, чем отличается от UX-дизайнера/UI-дизайнера и продуктового дизайнера.
1.2 Дизайн-процесс и ключевые навыки в работе Experience Designer
https://youtu.be/V7U2xp9yZYE
Модуль 7: универсальные инструменты UX-дизайнера
В рамках обучения мы не ограничиваем студентов в инструментах и рекомендуем делать разные задания в разных, чтобы понять отличия, набить руку и выбрать наиболее подходящий инструмент.
* Учебные видео записаны в начале 2019 года. За это время инструменты обновились, но общая база и принцип работы не поменялся и видео будут актуальны и для 2020 года.
Для удобства сравнения инструментов, во всех видео разбирается процесс создания первой страницы google.com
7.1 Основы работы с Adobe XD
7.2 Основы работы со Sketch
7.3 Основы работы с Figma
Основным инструментом на втором этапе менторинг-программы будет Figma.
Дополнительно, рекомендуем вам ознакомиться с оффициальными материалами от разработчиков
7.4 Основы работы со Axure RP.
После просмотра видео, рекомендуем вам закрепить навыки, повторив процесс создания главной страницы google.com самостоятельно в выбранном инструменте или инструментах. Выполните работу в точности по указанным ниже размерам элементов, отступов, шрифтов. Для самопроверки, в примере допущена ошибка в размерах. Если нашли — значит вы на верном пути :)
7.5 Как выбрать правильный набор инструментов для прототипирования | DesignSpot Meetup (28.11.2019)
7.6 [Для общего развития] Как с помощью Framer X сделать приложение без знания кода | DesignSpot Meetup (28.11.2019)
Мастер-класс по созданию интерактивных прототипов на основе реальных данных.
Модуль 6: проектирование и прототипирование интерфейсов (UX Design and prototyping)
Для учебного процесса мы поменяли модули 6 и 7 местами, чтобы студенты могли сперва научиться работать в инструменте прототипирования. Но в дизайн-процессе, этап проектирования не привязан к тулам и может выполняться даже на листе бумаги или стикерах :)
6.1 Что такое прототип, способы прототипирования
6.2 Пользовательские сценарии/сценарии взаимодействия и story-telling (рассказывание историй :))
6.3 Информационная архитектура
6.4 Веб- и кросплатформенные UI паттерны
6.5 Responsive Website Development — дизайн сайтов и страниц для различных устройств.
6.6 Accessible design или как сделать ваш дизайн доступным для всех
Модуль 10: визуальный дизайн (UI Design)
10.1 Цвет
- Общий ликбез
- Что такое свет и цвет. История теории цвета. Цветовые модели. Цветовой охват и цветовые пространства. Восприятие цвета и цветовые иллюзии
- О цветовой гармонии и в целом о цвете, или точнее сказать о его взаимодействии со средой, в которой он обитает
- Общий ликбез
10.2 Шрифт и типографика
Ликбез по шрифтам
10.3 Модульные сетки
10.4 Композиция
Основы композиции для UX-дизайнера. Законы, средства, элементы, применение.
10.6 Visual research
Как повышать дизайнерскую насмотренность, использовать тренды в своей работе и где искать вдохновение для решения задач дизайнера.
UPD 11.02.2020: Все учебные материалы из этой статьи (и не только) собраны в единой программе для самообучения на learn.epam.com.
Переходите по ссылке и прокачивайтесь :)
Это был список только основных тем, которые помогут вам лучше разобраться в дизайн-процессе и подготовиться к работе в DesignSpotSchool. Во время обучения, мы детальнее коснемся озвученных тем, разберем практические примеры и типовые ошибки.
Не беспокойтесь, что этого всего слишком много и это все сложно. Мы понимаем, что каждый пункт может представлять собой отдельный трехмесячный курс. Но мы специально подготовили и адаптировали программу так, чтобы вы все смогли. И у вас это получится!