За годы работы над учебными платформами и интерфейсами для игр у меня накопилась подборка понятий, которые постоянно всплывают в обсуждениях с командами.
Часть из них пришла из edTech, часть — из геймдизайна, но со временем границы размылись. Я собрала здесь термины, которые помогают мне объяснять решения заказчикам, джуниорам и самой себе, когда заходишь в тупик на очередном макете.
Это не словарь в академическом смысле. Скорее — рабочая шпаргалка с контекстом, который важен именно в прикладной работе дизайнера интерфейсов.
Буду дополнять список по мере погружения в новые темы.
А–В
Аффорданс (affordance) — визуальная подсказка, которая сообщает пользователю, как взаимодействовать с элементом. Кнопка должна выглядеть нажимаемой, ползунок — перетаскиваемым. В e-learning это критично для нетерпеливых учащихся, в играх — для ситуаций, где нет времени читать туториал. Хороший аффорданс работает на уровне рефлекса.
Баланс сложности — в обучении это про уровень заданий, соответствующий текущим знаниям студента. В играх — про кривую сложности, которая удерживает игрока в состоянии потока. Я часто провожу эту параллель, когда проектирую онбординг: первые шаги должны быть достаточно простыми, чтобы не спугнуть, но не настолько, чтобы стало скучно.
Визуальная иерархия — способ организации элементов на экране, при котором пользователь считывает их в нужном порядке. Размер, контраст, положение — всё это управляет вниманием. В обучающих курсах я выстраивала иерархию вокруг ключевого учебного материала. В игровых интерфейсах — вокруг того, что нужно игроку прямо сейчас: здоровье, боеприпасы, ближайшая цель.
Г–К
Геймификация — использование игровых механик в неигровом контексте. Очки, уровни, бейджи, таблицы лидеров в обучающих платформах — это она. Но грань тонкая: когда геймификация натянута искусственно, пользователь чувствует фальшь. Лучшие примеры, которые я видела, — те, где игровые элементы не развлекают, а помогают понять структуру курса или дают ощущение прогресса.
Диегетический интерфейс — элементы интерфейса, которые существуют внутри мира игры, а не наложены поверх. Например, шкала здоровья на самом персонаже, а не в углу экрана, или карта, которую персонаж физически держит в руках. Когда я перешла от LMS к игровым интерфейсам, именно диегетика стала для меня самым интересным вызовом: как сохранить читаемость, не разрушая погружение.
Когнитивная нагрузка — объём умственных ресурсов, которые требуются для обработки информации на экране. В e-learning есть целая теория на этот счёт: убираем лишнее, дробиим сложное, не заставляем держать в голове то, что можно показать. В игровых интерфейсах тот же принцип работает иначе: нагрузка может быть высокой, но она должна быть оправдана геймплеем. Если игрок путается в меню инвентаря во время боя — это не хардкор, это плохой дизайн.
Кривая обучения (learning curve) — скорость и траектория освоения интерфейса или механик пользователем. Пологая кривая означает, что новичку комфортно стартовать. Крутая — что разобраться можно, но потребуются усилия. В образовательных продуктах я всегда стремилась к плавному входу. В играх допустима крутая кривая, если аудитория этого ждёт, но интерфейс не должен быть причиной крутизны.
М–О
Микрообучение (microlearning) — подход, при котором материал подаётся короткими порциями, которые можно освоить за пару минут. Из edTech этот принцип перекочевал в мобильные игры и приложения: ежедневные задания, короткие обучающие экраны между уровнями, подсказки в момент необходимости. Я применяю эту логику и к туториалам: лучше три коротких подсказки в процессе, чем один длинный текст в начале.
Нативное обучение (just-in-time learning) — подача обучающей информации именно в тот момент, когда она нужна пользователю, а не заранее. В курсах это контекстные подсказки внутри задания. В играх — всплывающее объяснение механики ровно тогда, когда игрок впервые с ней столкнулся. Это противоположность подходу «сначала прочитай инструкцию, потом делай», который редко работает в обеих сферах.
Обратная связь (feedback) — реакция системы на действие пользователя. Визуальная, звуковая, тактильная. В e-learning хорошая обратная связь после ответа на вопрос — это не просто «правильно/неправильно», а пояснение, почему. В играх обратная связь должна быть моментальной и различимой даже боковым зрением. Я часто возвращаюсь к этой теме в своих разборах, потому что именно обратная связь делает интерфейс живым.
Онбординг (onboarding) — процесс знакомства пользователя с продуктом, будь то образовательная платформа или игра. В e-learning онбординг часто сводится к инструктажу по интерфейсу, но лучшие примеры, которые я проектировала, сразу давали пользователю совершить осмысленное действие. В играх этот принцип работает ещё сильнее: туториал, который не даёт ничего нажать в течение первых тридцати секунд, провален.
П–С
Прогресс-бар (progress bar) — индикатор, показвающий, какаю част пут пройдена. В обучени важно, чтоб пргресс-ба отража рельну близоть к цел, а н прост техниески выполненне дейсвия. В ировы интефейсх пргресс-бар можт бть связа с зарузкой уровней, рзвитием перонажа ил выполнение квеста. В оих случях он закрает потрбность в опредлённости — одну из базвых, которую часто недооценивют.
Потоковое состояние (flow state) — понятие из психологии, которое описывает полную погружённость в деятельность. Михай Чиксентмихайи сформулировал его ещё в семидесятых, но для дизайнеров интерфейсов оно стало особенно актуальным с ростом геймификации. Формула проста: задача должна соответствовать навыкам. Слишком легко — скука. Слишком сложно — тревога. В интерфейсе это значит: не перегружай экран на старте, но и не лишай опытного пользователя возможностей.
Скаффолдинг (scaffolding) — «строительные леса», временная поддержка, которая помогает учащемуся выполнить задачу, а затем постепенно убирается. В дизайне интерфейсов это проявляется как подсказки, которые исчезают после первого использования, или упрощённые режимы для новичков. Хороший туториал — это и есть скаффолдинг, который вовремя убирают, чтобы игрок начал действовать сам.
Т–Я
Туториал (tutorial) — обучающая часть игры, которая знакомит игрока с механиками и управлением. Я провожу прямую параллель между туториалами и вводными модулями в e-learning: и там, и там нельзя вывалить всё сразу. Принцип «научи одному, дай попрактиковаться, потом учи следующему» универсален. Разница в том, что в игре у пользователя меньше терпения, а ставки на удержание выше.
Пользовательский интерфейс (UI) — визуальная часть, с которой взаимодействует пользователь: кнопки, иконки, шрифты, сетки. В отличие от UX, который отвечает на вопрос «какой путь проходит пользователь», UI отвечает на вопрос «как это выглядит и читается». В своих проектах я всё чаще замечаю, что визуальные решения из e-learning — спокойная цветовая гамма, чёткая типографика, воздух между элементами — переносятся в игровые интерфейсы, особенно в стратегиях и RPG, где на экране много информации и хаос недопустим.
Пользовательский опыт (UX) — общее впечатление от взаимодействия с продуктом, включая удобство, понятность и эмоциональный отклик. В e-learning UX строится вокруг образовательной цели. В играх — вокруг погружения и вовлечения. Но база одна: пользователь не должен задумываться об интерфейсе, он должен решать свою задачу. Будь то «выучить тему» или «победить босса».
Читаемость (readability) — насколько легко считывается текст на экране. Зависит от шрифта, кегля, контраста, длины строки и межстрочного интервала. В образовательных интерфейсах читаемость была моим главным приоритетом: если студент напрягается, чтобы разобрать условие задачи, мотивация падает. В играх добавляется ещё один фактор — время. Интерфейс в динамичной сцене должен считываться за доли секунды. Поэтому я тестирую читаемость не в статике, а в движении — пролистывая макеты быстро, имитируя взгляд игрока в напряжённый момент.
Эвристики (heuristics) — набор принципов, которые помогают оценить удобство интерфейса без полноценного тестирования. Я чаще всего опираюсь на десять эвристик Якоба Нильсена: видимость статуса, соответствие реальному миру, контроль пользователя, единообразие, предотвращение ошибок и так далее. Они писалась для веб-интерфейсов, но прекрасно работают и для обучающих платформ, и для игровых меню. Удивительно, но в инвентарях и деревьях навыков те же проблемы, что и в настройках LMS: пользователь теряется, не понимает, где находится, и боится нажать не туда.
* * *
Этот глоссарий не претендует на полноту или академическую точность. Скорее, это попытка зафиксировать тот понятийный каркас, на котором держится моя повседневная работа. Когда я объясняю, почему кнопка должна быть крупнее, а прогресс-бар — заметнее, я опираюсь именно на эти термины. Они прошли проверку и в учебных курсах для корпоративных клиентов, и в прототипах игровых интерфейсов, над которыми я работаю сейчас.
Если вы тоже работаете на стыке этих направлений и хотите что-то добавить или уточнить — пишите. Мне важно, чтобы этот список рос не в вакууме, а в диалоге.