Исходный размер 1140x1600

Заметки после разговора с преподавателями курса «Дизайн интерактивных систем»

Сегодняшний разговор начался с технического вопроса: должны ли студенты делать первые модули на GitHub или им можно выбрать Tilda, Cargo, Figma и любой другой инструмент, который подвернётся под руку и не развалится к просмотру. Довольно быстро выяснилось, что за вопросом о платформе прячется вопрос об устройстве курса вообще: что именно получает преподаватель, которому достались чужие лекции, чужие задания и несколько сотен слайдов, часть из которых сообщает полезные сведения, а часть просто создаёт погоду.Сам курс растянут на учебный год и проходит через четыре проекта: интерактивную веб-публикацию, лендинг для придуманного артефакта, интернет-магазин и мобильную интерактивную систему. Вокруг них собраны лекции, короткие задания на занятиях, домашняя работа и подробные консультации; унаследовать всё это одним куском почти невозможно, даже если очень хочется вести себя как приличный методист.Я мог бы ответить, что в курсе есть обязательное ядро, вокруг которого каждый волен нарастить собственную методику. Это звучало бы солидно, успокоило бы молодых коллег и немедленно оказалось бы неправдой. Ничего нерушимого здесь нет: курс складывался под мой способ думать и рассказывать, поэтому мне нужны переходы от Хайдеггера к Figma, от Латура к веб-форме, от Хармана к товару — через эти концептуальные линзы я умею рассматривать проект. Другому преподавателю они могут мешать, требовать слишком долгой подготовки или просто не подходить по темпераменту, и тогда их можно вынуть. Хайдеггер не является лицензионным ключом, без которого перестаёт запускаться Auto Layout.Можно взять отдельный слайд, упражнение, схему, критерий или ход рассуждения; можно поменять порядок тем, собрать собственную презентацию, сократить теоретическую часть и добавить ту теорию, которой вы действительно умеете пользоваться. Даже последовательность занятий хранит след моих привычек; тайного педагогического закона я в ней не обнаружил. У этого текста тоже нет административной силы. Это описание моей нынешней позиции — с большой вероятностью она ещё изменится после следующего семестра, нескольких просмотров и очередного обновления Figma, которое снова спрячет привычную кнопку в месте, где её не найдёт сам разработчик.

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

Преподаватель не обязан помнить, где теперь Auto Layout

Студенческая претензия известна: «Нас не научили делать Auto Layout в Figma, зато грузили Делёзом и Хайдеггером». В ней есть неприятная для преподавателя доля правды. Нельзя объявить курс концептуальным и этим оправдать технически беспомощный макет. Если элементы рассыпаются, текст вылезает из контейнеров, один и тот же контрол на двадцати экранах живёт двадцатью разными жизнями, концептуальная глубина не собирает его обратно.Отсюда, впрочем, не следует, что значительную часть занятия нужно отдавать экскурсии по текущему интерфейсу Figma. Инструмент меняется быстрее учебного плана, а навык поиска решения уже входит в профессиональную работу. Студенту допустимо и полезно самостоятельно выяснить, как собрать компонент, настроить адаптивное поведение или опубликовать сайт; преподаватель заранее называет требуемое качество, показывает, как его проверить, и вмешивается там, где за частным пробелом обнаруживается непонимание принципа.С компонентами это видно особенно хорошо. В маленьком концептуальном проекте необязательно немедленно превращать каждый чих в компонент: религиозное предписание здесь только добавит служебной работы. Но повторяющийся элемент, которому предстоят изменения, лучше собрать системно с самого начала. Иначе через неделю студент обнаруживает двадцать осиротевших копий и вручную правит одну и ту же кнопку на каждом экране. В этот момент компоненты перестают быть абстрактной «правильной практикой» и становятся личной гигиеной, экономящей несколько часов жизни.Проверяется этот навык без отдельного экзамена по расположению кнопок. Достаточно попросить изменить один повторяющийся паттерн, заменить длинный текст коротким, перестроить экран под другую ширину — и посмотреть, проходит ли изменение через систему или студент чинит каждый фрагмент руками. Преподаватель здесь задаёт порог, диагностирует причину сбоя, иногда открывает файл и показывает конкретный приём. Само освоение интерфейса остаётся на стороне студента, который может выбрать подходящее объяснение, темп и глубину.

Исходный размер 1664x936

Чтобы эта договорённость не выглядела уловкой, её следует произнести в самом начале: «Мы проверяем техническое качество вашей работы и потребуем освоить необходимые функции. Занятия посвящены проектным решениям, потому что документация и обучающие ролики объясняют интерфейс программы лучше лекции, а обсуждать с вами замысел, сценарий и последствия выбора они пока умеют хуже». После такой формулировки жалоба «нас этому не учили» становится предметом разговора о распределении ответственности; роль доказательства тайного провала программы ей уже не достаётся.

Платформа как часть решения

Общий инструмент удобен преподавателю: работы легче открывать, технические требования проще унифицировать, неожиданных аварий меньше. Для начинающей группы полезен и рекомендованный маршрут — он снимает стартовую тревогу у тех, кто ещё не способен сравнить пять платформ и быстро попадает в цифровое болото с тремя бесплатными тарифами, двумя истекающими пробными периодами и доменом, который отключат завтра. Такой маршрут можно дать как надёжную дорожку.Рядом с ней должен оставаться выход. Студент может собрать публикацию на Tilda, Cargo, в коде или в среде, которой преподаватель сам никогда не пользовался, если способен объяснить выбор, показать рабочий результат и не требует превратить консультацию по проекту в круглосуточную службу поддержки экзотического движка. К моменту выпуска конкретный сервис может измениться до неузнаваемости, потерять доступность или уступить место новому; способность подобрать средство под задачу переживает платформу заметно дольше.Свобода инструмента требует общих критериев результата. Сравнение начинается с того, насколько публикация решает поставленную задачу, выдерживает выбранный жанр, работает технически, управляет вниманием и сохраняет смысл после встречи с реальным читателем; виртуозность обращения с одной и той же панелью здесь вторична. Если платформа ограничила решение, это тоже часть проектной истории: ограничение можно принять, обойти или превратить в выразительное правило, но его нельзя задним числом выдавать за замысел.

Исходный размер 1664x936

Есть и менее изящное обстоятельство: доступ распределён неравномерно. У одного студента оплачены ChatGPT, Claude, Midjourney и ещё несколько сервисов, названия которых меняются быстрее, чем я успеваю их записывать; у другого есть бесплатный аккаунт и банковская карта, которую половина сервисов не принимает. Поэтому подписка сама по себе не может становиться образовательным преимуществом, за которое начисляется оценка. Сравнивать следует качество выбора и обращения с доступными средствами.

Когда упражнение съедает проект

В старой версии курса было много больших воркшопов: скринкасты, лирикс-видео, портреты из букв и другие упражнения, когда-то полезные и довольно эффектные. Год от года студенты выполняли их всё менее охотно. Дело, вероятно, не только в падении нравов. Большое упражнение требует почти столько же внимания, сколько самостоятельный проект, но заканчивается отдельным артефактом, который никуда дальше не ведёт. Студент уже видит основную работу, хочет двигать её, а преподаватель вручает ему ещё один красивый учебный чемодан без ручки.

Исходный размер 1664x936

Такие задания можно оставить в архиве и доставать, когда они точно лечат обнаруженную проблему. Кто-то захочет провести отдельную лабораторию визуальной поэзии — прекрасно. Где-то лирикс-видео окажется лучшим способом почувствовать ритм типографики. Обязательность здесь ничего не добавляет.Короткие интерактивы внутри занятия устроены иначе. Они занимают несколько минут, требуют немедленного следа — схемы, решения, подписи, микро-прототипа — и позволяют теории сразу войти в руку. Домашняя работа при этом продолжает основной проект. Получается ритм, в котором занятие даёт локальные инструменты зрения, а проект принимает на себя их последствия. Если упражнение не меняет дальнейшую работу студента и не открывает ему новый способ видеть, у него должны быть очень веские основания занимать половину пары.

Лонгрид, которого больше нет

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

Исходный размер 1664x936

Если студент пишет текст с помощью языковой модели, предметом оценки становится редакторская ответственность. Кто собрал и проверил материал, кто выстроил композицию, кто заметил стилистические тики, кто способен переписать абзац и объяснить, зачем он вообще находится на странице? Формальное установление «процента ИИ» здесь мало помогает. Владение текстом обнаруживается в разговоре: автор различает его части, видит слабые места, может изменить интонацию и не защищает случайную формулировку только потому, что она уже красиво легла в макет.Типографику в таком модуле тоже полезнее преподавать через восприятие и устройство формы, чем через обязательное заучивание исторической классификации антикв. Студенту нужно видеть, где в букве ещё живёт движение письма, где форма стала статичной, как шрифт накапливает культурную репутацию и почему два красивых начертания рядом могут образовать невкусную пару. Картофельное пюре и картошка фри по отдельности вполне съедобны; подавать одно гарниром к другому — странно. Со шрифтами бывает примерно так же: сходство или контраст должны иметь пластическую и смысловую причину. История шрифта помогает эту причину увидеть.

Идея должна доехать

Свобода выбора темы часто кажется безусловным благом, пока студент не выбирает нечто чрезвычайно интересное, рождает идею и останавливается перед необходимостью её выразить. Дальше появляются референсы, вопросы об аудитории, требования построить внятный сценарий — и первоначальный восторг быстро остывает. Кажется, что сам факт хорошей темы уже должен был произвести хорошую работу.Идею мало родить, её ещё нужно донести так, чтобы она доехала куда надо. Идея, которую вы не донесли, находится в нигде: она не становится глубже оттого, что зритель её не понял, и не становится радикальнее от отсутствия адресата. Даже проект о современном искусстве делается для каких-то людей. Необязательно объяснять его всем; нужно хотя бы решить, с кем вы хотите вступить в разговор, что эти люди уже знают, где они потеряются и ради какого опыта согласятся пройти дальше первого экрана.

Исходный размер 1664x936

Поэтому полная тематическая свобода нуждается в промежуточных столкновениях с реальностью. В начале работы студент формулирует адресата и обещание проекта, затем довольно рано показывает малый, но уже действующий фрагмент, после чего проверяет, считывается ли задуманное без пятиминутного авторского предисловия. Референс здесь нужен не для поиска поверхности, которую можно скопировать. Он показывает, как чужая работа перевела сложную тему в композицию, метафору, навигацию и последовательность действий.Преподаватель помогает такому переводу, не дописывая проект за студента. Он возвращает разговор от абстрактного «хочется оригинальнее» к точному месту, где мысль потеряла форму: метафора ничего не сообщает, типографика спорит с содержанием, интерактивный жест украшает страницу, но не меняет чтение. Это и есть одна из главных работ на консультации — довести замысел до состояния, в котором он способен покинуть голову автора.

Почему новизна не обязана жить в кнопке

В разговорах о студенческих проектах слово «банальность» начинает означать слишком многое. Знакомая иконка или обычная схема навигации может быть хорошим решением: пользователь узнаёт паттерн и действует без дополнительного обучения. Тот же знакомый ход, автоматически перенесённый из первой генерации и никак не связанный с задачей, уже выглядит клише. Незнакомое решение иногда открывает новый сценарий, а иногда всего лишь заставляет человека заново учиться нажимать кнопку, потому что дизайнеру захотелось немедленно отличиться от человечества.Полезно различать эти случаи по двум вопросам: насколько решение знакомо и чем оно оправдано. Знакомое, имеющее причину, работает как паттерн или честное MVP; без причины оно остаётся дефолтом. Необычное с ясной причиной становится изобретением, без неё производит девиацию ради девиации — эффектную до первой попытки воспользоваться проектом.Особенно часто студенты начинают именно с девиации, ещё не разобравшись, как устроено обычное взаимодействие человека с интерфейсом. Здесь приходится временно защищать банальность, хотя слово и звучит подозрительно. Элементы управления могут оставаться привычными, пока оригинальность уходит в сам сценарий получения ценности, в устройство нарратива, в отношение между участниками системы или в её визуальный голос. Новизна не обязана сидеть внутри каждой кнопки, как маленький бес.

Исходный размер 1664x936

Ресурсные ограничения тоже способны оправдать простое решение. Если студент собирал MVP за короткий срок, отказался от второстепенной механики и сохранил работающий сценарий, это зрелое отсечение. На защите нужно назвать условие и показать, что именно было отложено. Фраза «мы не успели» ничего не объясняет; фраза «мы проверяли такую гипотезу, поэтому довели до рабочего состояния этот участок, а остальное сознательно оставили за границей прототипа» уже описывает проектное решение.

После первой генерации

Инструментами ИИ в курсе можно пользоваться, а в большинстве случаев стоит хотя бы попробовать их там, где они соответствуют задаче. Запрет быстро превращает обучение в реконструкцию исчезающей профессии. Но и сам факт использования модели не свидетельствует о современности проекта: можно собрать сложный конвейер и получить дорогую банальность, после чего аккуратно вставить её в Figma.Сильная автоматизация меняет требовательность к результату. Если производство вариантов подешевело, количество произведённого больше не впечатляет. Возрастает цена отбора, постановки задачи, монтажа, проверки и доводки. Студенту следует показать, какие инструменты и версии он использовал, что поручил каждому из них, почему собрал именно такую последовательность, какие варианты отбросил, по каким критериям остановился и что изменил руками или следующей моделью. Для изображения это может быть путь от концепт-арта к доводке и включению в систему; для текста — исследование, черновик, редактура, проверка источников; для интерфейса — генерация прототипа, разбор структуры, исправление логики и тестирование.Промпт может войти в дизайн-систему лишь как воспроизводимый инструмент; однажды вызвавшему красивую картинку талисману там делать нечего. Тогда фиксируются модель и версия, конструкция запроса, ограничения, допустимая вариативность и последующая обработка. Проверка проста: другой участник команды следует описанию и получает материал, принадлежащий той же системе; смутно родственное чудо указывает на случайную удачу.Такой журнал хранит след решений. Десять страниц о том, как модель не слушалась, не делают финальную работу лучше. «Сборник грустных песен» о промптах может оказаться ценным диагностическим материалом на консультации, но на просмотре к нему всё равно применяются обычные критерии качества: решает ли проект задачу, собран ли он концептуально и визуально, работает ли взаимодействие, выдержана ли система, способен ли автор отвечать за результат.

Исходный размер 1664x936