MIXed & UXed ITMO

👭 Генерация тактильного UX в VR с помощью мультимодальных LLM: исследование Scene2Hap Исследователи из Саарского университета и Института информатики Макса Планка (MPI) представили систему Scene2Hap, которая автоматизирует создание вибротактильной обратной связи для сложных сцен в виртуальной реальности. Проблема В отличие от визуального и звукового контента, тактильное восприятие в VR масштабируется с трудом: вибрационные паттерны для объектов до сих пор создаются вручную. Для сцен с множеством предметов это требует значительных временных затрат. Метод и архитектура Scene2Hap использует мультимодальную модель (MLLM), обработывающую текст, изображения и аудио. Алгоритм функционирует следующим образом: 👉 Анализ контекста и метаданных: Модель считывает семантику объектов, их физические и материальные характеристики (текстура, плотность, свойства поверхности), распознавая их по изображениям и визуальному контексту 3D-сцены. 👉 Синтез паттернов: На основе полученных метаданных система автоматически генерирует вибротактильные сигналы, воссоздающие динамику физического взаимодействия. 👉 Вывод: Сформированная вибрация передается отдельно на левый и правый VR-контроллеры пользователя. P.S. Работа получила высшую награду Best Paper Award на конференции CHI '26. Эта награда присуждается лишь 3,6% из более чем 1700 принятых докладов.

🥺Наши победители ИгроДня ИТМО! 🍔 В основном шоукейсе: Среди 50 сильных проектов со всей выставки наши (уже дипломированные!) выпускницы заняли призовое место. Алёна Мазур, Елизавета Гладышева и Анна Куранова представили финальный билд своей игры Tiny Burger Truck — это симулятор фудтрака с бургерами в атмосфере шумного музыкального фестиваля. 👩‍🎨 В арт-конкурсе: Максим Голышев побеждает уже в третий раз подряд! Его работа — «Одинокое жилище инженера-мусорщика на краю пустынного постапокалиптического мира». Это детализированная башня, собранная из остатков старого мира и хранящая тысячи найденных деталей. Поздравляем ребят с крутыми результатами!

📝 Как структура вознаграждения влияет на качество дневниковых исследований Главная сложность при проведении дневниковых исследований — высокий уровень отсева участников и риск получения низкокачественных, формальных ответов. Эксперты выделяют три основные схемы выплаты вознаграждений: 1. Фикс за минимальное количество записей Вы платите фиксированную сумму, только если участник сделал, например, не менее 10 записей за неделю. ➕ Плюсы: Самая простая в администрировании схема. Всегда понятен бюджет. ✏️ Минусы: Участники редко делают больше минимума. Часто они присылают всё пачкой в самый первый или самый последний день. 🎯 Когда применять: Для коротких и простых исследований, где вам не критична равномерность заполнения дневника. 2. Оплата за каждую запись Больше качественных отчетов — больше денег. ➕ Плюсы: Отлично мотивирует людей делиться инсайтами. Идеально, если от пользователя требуется много усилий (например, записать видео, сделать скриншоты или подробно ответить на вопросы). ✏️ Минусы: Есть риск получить кучу фейковых или пустых записей от желающих «накрутить» баланс. Приходится вводить лимиты на выплаты и тратить время на проверку. 🎯 Когда применять: В долгих проектах со сложными заданиями. Чтобы избежать фейков, усложняйте саму форму (просите фото/видеоподтверждения), а автоматические выплаты используйте осторожно. 3. Ступенчатая оплата Когда разные действия стоят по-разному, либо цена меняется в зависимости от регулярности. Пример 1: Запись о поиске товара в сети = $3, а за детальный отчет о посещении офлайн-магазина = $15. Пример 2: Первые 4 записи на неделе стоят дорого ($15), а все последующие в ту же неделю — дешевле ($5). Это стимулирует писать регулярно, а не откладывать всё на конец месяца. ➕ Плюсы: Дает исследователю полный контроль над качеством и фокусом данных. ✏️ Минусы: Сложно настраивать, администрировать и объяснять участникам. ⭐️ Бонусы и тайминг: еще 3 золотых правила 🫸 Используйте точечные бонусы. Поощряйте не просто количество, а регулярность (бонус за то, что человек писал каждый день без пропусков), полноту (за прикрепленные медиафайлы) или скорость (за быстрый ответ на уточняющий вопрос модератора). 🫸 Не откладывайте все выплаты на финал. В долгих исследованиях (от 2–3 недель) обещание награды в самом конце демотивирует. Дробите выплаты по неделям — промежуточный заработок возвращает вовлеченность. 🫸 Зафиксируйте условия «на берегу» в памятке. Участник должен четко знать: сколько, когда и за какие именно (валидные) записи он получит. Покажите примеры «хороших» и «плохих» заполнений дневника. Идеальной схемы не существует. Но правильный баланс механики выплат — ключевой фактор получения надежных инсайтов.

❤️ Как управлять поведением пользователей: модели COM-B и EAST Почему пользователь совершает или НЕ совершает целевое действие? Чтобы узнать, проверьте ваш продукт с помощью двух мощных моделей из области поведенческой экономики. ☺️Модель COM-B Поведение (Behavior) меняется только тогда, когда одновременно совпадают три фактора. Если пользователь не совершает целевое действие, проблема в одном из этих компонентов: C (Capability) / Способность: Знает ли пользователь, как сделать действие, и хватает ли ему физического и когнитивного ресурса? O (Opportunity) / Возможность: Предоставляет ли среда условия для действия? Например, удобно ли заполнять форму с телефона в переполненном метро? M (Motivation) / Мотивация: А хочет ли он это сделать? Понимает ли пользователь ценность действия в этот конкретный момент? 💡 Как применять: используйте COM-B как инструмент аудита. Если пользователи «отваливаются» на этапе онбординга, разложите этот этап на C, O и M, чтобы найти слабое звено. ☺️Фреймворк EAST Если COM-B помогает найти проблему, то фреймворк EAST — это практичный чек-лист для создания интерфейсов, которые подталкивают к действию. Любой сценарий в продукте должен быть: E (Easy) / Простым: Максимально сокращайте количество кликов и полей. Делайте желаемое действие выбором по умолчанию. A (Attractive) / Привлекательным: Управляйте визуальным вниманием. Используйте контрасты, кастомизацию и персонализированные триггеры, которые цепляют взгляд. S (Social) / Социальным: Люди ориентируются на других. Добавляйте социальные доказательства: «этот тариф выбирают 85% профи», плашки «выбор редакции», реальные отзывы. T (Timely) / Своевременным: Предлагайте действие тогда, когда пользователь максимально к нему готов. Предложите подписку сразу после того, как продукт принес измеримую пользу. 💡 Как применять: EAST служит отличным чек-листом для проверки готового UI-решения. С его помощью можно проектировать и докручивать конкретные экраны, делая целевой путь самым легким, заметным и логичным.

​ ❤️ От идеи до работающего прототипа: как прошёл курс «Инженерия пользовательских интерфейсов» Настоящий UX/UI-инженер должен понимать, как пользователь взаимодействует не только с компьютерным интерфейсом, но и с физическим устройством. Именно этому был посвящён наш практический предмет «Инженерия пользовательских интерфейсов»! ​В рамках курса студенты прошли полный цикл разработки реального продукта — от изучения технических заданий и чертежей до сборки действующего макета. Проект Баймухаметовой Амины и Дударевой Анастасии отлично это иллюстрирует. ​💡Кейс: Умный электрогриль / духовой шкаф ✅​Студенты изучили габаритные чертежи реальных духовых шкафов и разработали программу на Arduino IDE (C++), полностью имитирующую логику работы устройства (таймеры, переключение режимов, контроль нагрева). ​ ✅На базе платы Arduino UNO была собрана действующая схема с 4-разрядным дисплеем, кнопками управления (Старт/Стоп, Режим, регулировка времени) и светодиодной индикацией для каждого режима (Конвекция, Гриль 50%/100% и др.). ​ ✅Проект не остался на экране симулятора! Из подручных материалов и картона ребята собрали полноценный макет корпуса, покрасили его и вывели все элементы интерфейса (кнопки, переключатели, экраны) наружу, чтобы протестировать реальную эргономику.

🎣 Кликбейт: где грань между вовлечением и обманом? Продолжаем обсуждать нюансы UX-писательства. В digital-среде слово «кликбейт» ассоциируется с манипуляциями. Из-за этого копирайтеры и маркетологи часто впадают в другую крайность: пишут настолько сухие и стерильные заголовки, что пользователи просто пролистывают их. Семиминутное видео от специалистов из Nielsen Norman Group как раз посвящено этой проблеме. ⚙ Механика кликбейта Кликбейт работает за счет информационного дефицита (curiosity gap). Наш мозг стремится восполнить пробел в знаниях, поэтому интригующие фразы побуждают к клику. Сам по себе этот психологический механизм нейтрален. Негативным кликбейт делает обман ожиданий, когда за громким заявлением скрывается пустой или нерелевантный контент. ♎️ Как соблюсти баланс ☺️Выполняйте обещания. Использовать эмоциональные триггеры и обещать пользу — нормально. Главное, чтобы ценность контента полностью соответствовала заголовку. ☺️Избегайте стерильности. Текст для веба должен оставаться живым. Академичный, излишне сухой тон часто воспринимается как скучный. ☺️Цените время читателя. Если заголовок заинтриговал пользователя, давайте суть сразу, без долгого вступления. Не стоит бояться привлекать внимание. Любопытство — главный драйвер вовлечения. Но помните правило: насколько силен заголовок, настолько же качественным должен быть и сам контент.

📝 Главные правила UX-райтинга За текстом на кнопках, экранах ошибок и в онбордингах стоит когнитивная психология. Вместе с NN/g разбираем самые частые и спорные вопросы о роли микротекста в интерфейсах. 1️⃣Простой язык нужен всем аудиториям Даже эксперты (врачи, топ-менеджеры, профессора) обычно сканируют экраны и успевают прочесть лишь 20–28% текста на странице. Простые формулировки экономят когнитивный ресурс любого человека, независимо от его статуса или уровня образования. 2️⃣ Различие между голосом и тоном Голос — это неизменная идентичность бренда. Например: «профессиональный, сдержанный». Тон — это переменная эмоция, зависящая от контекста. В сообщении об ошибке оплаты тон может быть сочувствующим и поддерживающим, а при успешной регистрации — воодушевленным. 3️⃣Отказ от абстрактных ссылок («Узнать больше») Такие формулировки не дают пользователю понимания, куда ведет ссылка, и ухудшают доступность интерфейса для программ-экранных дикторов. Заменяйте их конкретными действиями: «Сравнить тарифы», «Посмотреть график». 4️⃣ Роль ИИ в генерации текстов Нейросети эффективно справляются с генерацией вариантов для кнопок или перефразированием. Однако ИИ не учитывает глубокий контекст продукта и не способен точно откалибровать уровень эмпатии в критических сценариях (например, при блокировке аккаунта). Финальный контроль всегда остается за редактором. 5️⃣ Адаптация под ИИ-поиск Поскольку поисковые системы все чаще выдают готовые ответы прямо на странице выдачи, структура текста меняется. Контент необходимо строить по принципу перевернутой пирамиды: главный тезис и четкий ответ даются в самом начале, а подробности — ниже. Хороший UX-дизайн и понятный текст работают в синергии. Меньше креатива и канцелярита — больше заботы о времени и нервах пользователя.

🏛 От диплома до Русского музея В Русском музее открылась выставка «Особенный мир», автором которой стал выпускник бакалавриата «Компьютерные технологии в дизайне» — Даниил Зуев. Ещё в 2022 году Даниил стал победителем национального чемпионата ArtMasters в компетенции «Дизайнер виртуальных миров», по итогам которого прошел стажировку в телецентре «Останкино». А в 2024 он защитил ВКР на тему «Разработка локации смешанной реальности «Гелиос». Так что поздравляем Даниила и приглашаем всех вдохновиться проектом!

🤝 Визуализация данных для Института океанологии РАН Завершилась практика наших магистрантов, и мы хотим поделиться отличным кейсом. Ксения Липаева разработала приложение для «Лаборатории геофизических пограничных слоев Института океанологии им. П.П. Ширшова РАН». В чем была проблема? Ученые используют дрейфующие буи для сбора данных в океане. Программа для анализа этих массивов уже была, но она работала только внутри MATLAB, что ограничивало мобильность ученых в полевых условиях. Ксения создала автономное приложение, которое визуализирует процесс обработки данных: 🇦🇷 Весь анализ разбит на 6 логических этапов. 🇦🇷 Каждому этапу соответствует отдельная вкладка — пользователь просто последовательно переходит по ним, видя результат вычислений и графики. 🇦🇷 Инструмент можно использовать в море без интернета и без установки стороннего софта. Поздравляем Ксению с успешным завершением проекта и ценным вкладом в работу коллег из ИО РАН!

🩶 ИИ-агенты — новые пользователи ваших интерфейсов Nielsen Norman Group выпустили важную статью о тектоническом сдвиге в дизайне. Мы привыкли проектировать интерфейсы для людей, но скоро нашими «пользователями» станут ИИ-агенты. По сути, мы переходим от HCI (Human-Computer Interaction), когда человек сам нажимает на кнопки, к ACI (Agent-Computer Interaction), когда человек дает задачу, а агент идет выполнять её в вебе. ⚠️ Агентам не нужны баннеры, всплывающие окна и сторителлинг. Им нужны семантическая разметка, четкая структура и alt-text. Если ваш сайт понятен человеку, но «нечитаем» для ИИ (кривая верстка, отсутствие метаданных, сложная капча), агент просто уйдет к конкуренту. Что это значит для нас уже сейчас? Чистый код и семантическая верстка становятся важнее, чем когда-либо. Если раньше бизнес мог игнорировать WCAG (руководства по доступности), считая это «заботой о меньшинстве», то теперь это — входной билет в экономику будущего.

🗺 Победы в промышленном дизайне! Наши студенты 4 курса успешно выступили в финале олимпиады ВШЭ «Я — профессионал». Из 75 финалистов ребята вошли в число лидеров: 🏆 Лиза Мефодий — 98 баллов и бронза в финале (проект gyro). 🏆 Ваня Громов — 90 баллов (проект Kralle). Поздравляем ребят и желаем новых крутых кейсов в портфолио! 👏