Учебная программа и материалы для самоподготовки к DesignSpot School 2020

Nikita Zenchenko
DesignSpot
Published in
6 min readDec 13, 2019

DesignSpot School — это бесплатная образовательная программа по UX-дизайну с практикой и менторством от дизайнеров сообщества DesignSpot.

UPD 11.02.2020: Все учебные материалы из этой статьи (и не только) собраны в единой программе для самообучения на learn.epam.com.
Переходите по ссылке и прокачивайтесь :)

***

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

Учебная программа

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

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

В программе предусмотрено много индивидуальной работы по изучению теории и интенсивной практики с работой над ошибками. Домашние задания подготовлены из типовых задач специалистов уровня Junior и Middle

В конце программы у выпускника будет на руках сильное портфолио, опыт командной работы, умение создавать продукты с нуля, уверенность в своих силах и новые друзья в сообществе DesignSpot :)

Почитайте примеры выпускных проектов или посмотрите видео защиты итоговых работ менторинг-программы 2019.

Выпускники и менторы 3-го этапа DesignSpot school 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. Во время обучения, мы детальнее коснемся озвученных тем, разберем практические примеры и типовые ошибки.
Не беспокойтесь, что этого всего слишком много и это все сложно. Мы понимаем, что каждый пункт может представлять собой отдельный трехмесячный курс. Но мы специально подготовили и адаптировали программу так, чтобы вы все смогли. И у вас это получится!

--

--