Дизайн и программирование

1 модуль

Лонгрид и экранная типографика

В модуле изучается интернет как носитель сообщения и особенности текстовых практик в цифровой среде. Шрифт, композиция и темпоритм публикации в экранном дизайне. Управление вниманием читателя цифровой публикации. Повествование в веб-дизайне. Сайт как история. Жанр «лонгрида». В течение модуля студенты выполнят ряд упражнений, посвящённых работе с текстами, графикой и анимацией в вебе, проанализируют подборку референсных проектов и создадут свою большую интерактивную статью.
Преподаватели: Пащенко О. Г.

Дизайн сайта: идея и устройство

Студенты разрабатывают концепцию сайта, изучают целевую аудиторию и верстают одностраничный сайт с описанием проекта. Описывают объектную структуру проекта. Создают интерактивный прототип медиа-сервиса в Figma для формирования видения развития проекта. Изучают методология JTBD и учатся создавать Job Stories и User Stories.

Разработка сайта: сборка стека, создание шаблонов, роутинг, обвес

Студенты изучают сборщик проектов WebPack и учатся работать с ним, проектируют маршрутизацию информационной системы и структуры данных для хранения контента. Верстают страницу «О проекте» и заглушку сайта (splash screen) с модулем сбора адресов электронной почты.

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 1)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

2 модуль

Лендинг, посадочные страницы

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

Дизайн сайта: бренд, айдентика и стилистика

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

Разработка сайта: создание и адаптивная веб-вёрстка шаблонов

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

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 2)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

3 модуль

Прототипирование интернет-магазина

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


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

Дизайн сайта. Дизайн веб-интерфейсов (этап 3)

Детальное проектирование интерфейсов с упором на качественную типографику. Дополнение интерфейса поддерживающей графикой.

Студенты детально прорабатывают интерфейс продукта и финализируют его.

Разработка сайта. Разработка интерактивных модулей (этап 3)

Проектирование и реализация дизайн-системы, производство интерактивных модулей и их веб-интерфейсов на JavaScript.

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

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 3)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

4 модуль

Мобильное приложение

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


На раннем этапе 4-го модуля студент формулирует проектную гипотезу мобильного приложения и согласует её с куратором. Гипотеза может быть реализована в одном из двух допустимых форматов:


1) прикладное мобильное приложение — проект, ориентированный на решение конкретной пользовательской задачи;

2) исследовательское / экспериментальное мобильное приложение — проект, ориентированный на исследование, переорганизацию или проблематизацию пользовательского опыта в повседневной среде.


Выбор исследовательского / экспериментального формата осуществляется по согласованию с куратором при соблюдении следующих условий:

— гипотеза сформулирована в явном виде;

— показано, почему выбранная задача или ситуация должна быть решена именно в формате мобильного приложения;

— определены предполагаемые пользователи, контекст использования и сценарий взаимодействия;

— намечены методы исследования и/или проверки гипотезы;

— проект предполагает создание интерактивного прототипа в Figma и прохождение всех обязательных этапов проектирования.


Если к моменту промежуточной проверки гипотеза недостаточно операционализирована или не подтверждена материалами исследования, куратор вправе рекомендовать перевести проект в прикладной формат.


Рабочее определение проектной гипотезы

Под проектной гипотезой понимается кратко сформулированное предположение о том, что:

— существует определённая пользовательская, поведенческая, исследовательская или опытная задача;

— мобильное приложение является адекватной формой её решения или исследования;

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

Преподаватели: Пащенко О. Г.

Дизайн сайта (этап 4)

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

Разработка сайта. Автоматизация (этап 4)

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

Вариативные дисциплины блока "История и теория дизайна" (2 курс, модуль 4)

На втором году обучения студентам предлагается на выбор по 2 предмета из блока «История и теория дизайна» на каждое полугодие.

Варианты

Мы используем файлы cookies для улучшения работы сайта НИУ ВШЭ и большего удобства его использования. Более подробную информацию об использовании файлов cookies можно найти здесь, наши правила обработки персональных данных – здесь. Продолжая пользоваться сайтом, вы подтверждаете, что были проинформированы об использовании файлов cookies сайтом НИУ ВШЭ и согласны с нашими правилами обработки персональных данных. Вы можете отключить файлы cookies в настройках Вашего браузера.