17 листов. Чертежи векторные — печатаются чётко в любом масштабе. На чертежах есть размеры и сетка (1 клетка = указанному числу мм) — переносите на материал по клеткам.
Карта понимания
Как учиться на этом курсе
Карта темы: от вопроса к самостоятельному выводу
Что рисовать и фиксировать
Как учиться на этом курсе
Визуальный конспект удерживает понятие, пример, ошибку и критерий
Ритм практики и повторения
Как учиться на этом курсе
Цикл закрепления: извлечь из памяти, применить, проверить и исправить
Модель, кейс, артефакт
Профессиональный практикум: кейс, модель и итоговый артефакт
Профессиональная подача связывает модель, практику, проверку и результат ученика.
Модель курса
Атлас моделей: схема, пример, критерий и проект
Учебная визуализация связывает понятие, пример, критерий и итоговый артефакт.
Чем UX отличается от UI
UX и UI
UX задаёт удобный путь к цели, UI одевает его в понятную форму
Дизайн-процесс
UX и UI
Дизайн-процесс: от понимания пользователя к прототипу и улучшению по итогам тестов
Кто пользователь
Пользователи и сценарии
Электрическая схема дрона разделяет силовую шину, регуляторы, сигнальные линии и общую землю.
Пользовательские сценарии и CJM
Пользователи и сценарии
Сценарий пользователя: проектируем весь путь к цели, а не отдельные экраны
Хик, Фиттс, Миллер
Законы юзабилити
Временная диаграмма помогает увидеть порядок фронтов и логических состояний.
Очевидность и обратная связь
Законы юзабилити
UX-процесс проверяет решение на пользовательском сценарии, а не на вкусе автора.
Как направить взгляд
Визуальная иерархия
Иерархия ведёт взгляд: сначала главное и яркое, потом второстепенное
Типографика
Типографика и цвет
Координатная плоскость связывает таблицу значений с видом зависимости.
Цвет и контраст
Типографика и цвет
Палитра: много нейтрального фона, немного основного и совсем чуть-чуть акцента для действий
Сетка и система отступов
Сетки, отступы, компоненты
UX-процесс проверяет решение на пользовательском сценарии, а не на вкусе автора.