Преподаватель · НИУ ВШЭ · 2022–2023

Преподавание в ВШЭ

1

Контекст

Проектный семинар «Основы проектирования интерфейсов» в магистратуре НИУ ВШЭ. Две группы, 19 студентов, один семестр. Студенты — смешанный состав: графические дизайнеры, разработчики, проджект-менеджеры, маркетологи. Большинство без опыта в UX.

Формат: лекция + практика на каждом занятии. Теория подкреплялась разбором реальных продуктов — Apple, Google, Яндекс, Авито. Финальный проект — полноценное UX-исследование выбранного приложения с презентацией результатов.

4
семинарских блока
181
слайд
19
студентов
2
группы
Формула оценки: семинар × 0.3, проект по исследованию × 0.3, финальный проект × 0.4
Формула оценки: семинар, проект по исследованию, финальный проект
2

Семинар 1: графический дизайн и айдентика

Первый блок — 78 слайдов. Основы визуального языка. Типографика: от римских пропорций до современных гротесков. Геометрия логотипов: разбор конструкции Google, Apple, Amazon. Композиция, цвет, сетка. Примеры из реальных продуктов — Apple.com, фирменный стиль баров и ресторанов. Вторая часть — кто такой продуктовый дизайнер, виды дизайнеров, карьерный рост.

Задание: провести визуальный аудит выбранного бренда и предложить улучшения на основе изученных принципов.

Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика Семинар 1: графический дизайн и айдентика
1/78
Семинар 1: 78 слайдов — типографика, логотипы, композиция, цвет, продуктовый дизайнер, карьера
3

Семинар 2: HCI и UX-дизайн

Самый большой блок — 88 слайдов. Human-Centered Design от Bell Labs до ISO 9241. История интерфейса: от командной строки до жестов. Принципы UX: понимание контекста, эффективность, доступность, эстетика. Разбор Amazon Go, Instagram, Одноклассников.

Отдельный блок — карьера в дизайне: Junior → Middle → Senior → Lead. Что отличает каждый уровень, какие навыки нужны, как расти.

Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн Семинар 2: HCI и UX-дизайн
1/88
Семинар 2: 88 слайдов — HCI, история интерфейсов, UX-принципы, карьера
4

Семинар 3: Figma и основы веб-дизайна

12 слайдов. Десктоп, мобайл, приложение — особенности платформ. Гайдлайны платформ: Material Design, Human Interface Guidelines. Правила типографики в интерфейсах. Практическое знакомство с Figma.

Задание: спроектировать экран мобильного приложения в Figma с учётом гайдлайнов платформы.

Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна Семинар 3: Figma и основы веб-дизайна
1/12
Семинар 3: 12 слайдов — Figma, гайдлайны платформ, типографика, веб-дизайн
5

Семинар 4: исследования и тестирование

3 слайда. Методы исследований интерфейсов: качественные и количественные. Юзабилити-тестирование: метрики по ISO 9241-11 — эффективность, продуктивность, удовлетворённость. Дизайн сценариев, рекрутинг респондентов, модерация.

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

Семинар 4: исследования и тестирование Семинар 4: исследования и тестирование Семинар 4: исследования и тестирование
1/3
Семинар 4: 3 слайда — методы исследований, юзабилити-тестирование, рекрутинг
6

Работы студентов

Финальный проект — UX-исследование реального продукта: формулировка цели, выборка респондентов, сценарии, проведение тестирования, анализ результатов и рекомендации. Защита перед группой.

Титова Ангелина: карточка исследования Сбербанк — цель, выборка, результаты Титова Ангелина: конкурентный анализ — Тинькофф, Альфа Банк, Сбербанк Титова Ангелина: редизайн экрана Платежи в Сбербанк Титова Ангелина: экран QR-сканирования Титова Ангелина: экран Все сервисы
1/5
Титова Ангелина: UX-исследование Сбербанк — карточка исследования, конкурентный анализ, редизайн экранов
Хашба Елизавета: UX-исследование Яндекс Музыки — цель, выборка, результаты + скриншоты Хашба Елизавета: сравнение старых и новых интерфейсов Яндекс Музыки Хашба Елизавета: UI Kit — цветовая палитра, типографика, кнопки, иконки
1/3
Хашба Елизавета: UX-исследование Яндекс Музыки — обзор, сравнение интерфейсов, UI Kit
Мочалова Виктория: юзабилити-тестирование Яндекс Карт — цель, выборка, результаты Мочалова Виктория: навигация и настройки маршрута в Яндекс Картах Мочалова Виктория: редизайн страницы ресторана — меню, спецпредложения, бронирование
1/3
Мочалова Виктория: юзабилити-тестирование Яндекс Карт — навигация, меню ресторанов, бронирование