UX-паттерны в интерактивных упражнениях: как они работают и зачем нужны. Когда мы создаём интерактивные упражнения для изучения языков, важно не только то, какие слова и грамматику мы тренируем, но и как это происходит. Рассмотрим основные UX-паттерны, которые используются в языковых упражнениях.
⭐ Dropdown selection (выпадающий список)
Где используется: вставка нужного слова или окончания в предложение.
Почему работает: снижает когнитивную нагрузку (не нужно вспоминать слово с нуля), но при этом требует осмысленного выбора.
⭐ Drag and drop (перетаскивание элементов)
Где используется: составление предложений, переноска слова в текст, соотнесение понятий.
Почему работает: задействует моторику, помогает лучше запомнить структуру фраз.
Пример: составить предложение из слов.
⭐ Input field (ввод текста вручную)
Где используется: открытые задания, заполнение пропусков без вариантов.
Почему работает: требует от ученика не просто узнать слово, а вспомнить его самому.
⭐ Image choice (выбор картинок)
Где используется: обучение словам, выражениям, визуальным ассоциациям.
Почему работает: задействует зрительную память, добавляет визуала.
⭐ Соотнесение (Matching)
Соединение пар элементов (слово — перевод, картинка — слово, начало фразы — конец фразы).
Позволяет тренировать лексику, грамматику и понимание смысловых связей.
Это неполный список, конечно! Есть еще более игровые механики, поговорим об этом попозже.
Где используется: вставка нужного слова или окончания в предложение.
Почему работает: снижает когнитивную нагрузку (не нужно вспоминать слово с нуля), но при этом требует осмысленного выбора.
Где используется: составление предложений, переноска слова в текст, соотнесение понятий.
Почему работает: задействует моторику, помогает лучше запомнить структуру фраз.
Пример: составить предложение из слов.
Где используется: открытые задания, заполнение пропусков без вариантов.
Почему работает: требует от ученика не просто узнать слово, а вспомнить его самому.
Где используется: обучение словам, выражениям, визуальным ассоциациям.
Почему работает: задействует зрительную память, добавляет визуала.
Соединение пар элементов (слово — перевод, картинка — слово, начало фразы — конец фразы).
Позволяет тренировать лексику, грамматику и понимание смысловых связей.
Это неполный список, конечно! Есть еще более игровые механики, поговорим об этом попозже.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍25👏12❤10
Как вам вообще такой контент про пед дизайн ⬆️
Anonymous Poll
82%
Я именно ради такого тебя и читаю
18%
Давай что-то не такое душное, мать
Разбавлю посты чем-то практическим. Это тем, кто работает в simpleclass и использует нейросети. Да, Яна, я знаю, что на сайте уже есть встроенный ИИ конструктор.
Дано: упражнение из учебника, которое надо переделать под формат платформы simpleclass «gap fills». Да так, чтобы не тратить время на проставление звездочек и скобочек на сайте.
Берем промпт, копируем его, копируем текст, редактируем под свой язык и запрос - вуаля. Копируем, переносим на платформу, наслаждаемся волшебством.
Если у вас скриншот и нейросеть, которая умеет работать с ними:
Если у вас текст:
Дано: упражнение из учебника, которое надо переделать под формат платформы simpleclass «gap fills». Да так, чтобы не тратить время на проставление звездочек и скобочек на сайте.
Берем промпт, копируем его, копируем текст, редактируем под свой язык и запрос - вуаля. Копируем, переносим на платформу, наслаждаемся волшебством.
Если у вас скриншот и нейросеть, которая умеет работать с ними:
Вот скриншот упражнения из учебника. Распознай текст с данного скриншота. Отформатируй его в таком формате: слова в скобках () поставь в квадратные скобки []. варианты ответа в скобках должны быть через запятую. в каждых скобках есть правильный ответ. найди его и промаркируй его *.
Пример: My mom goes [to*, on, in] work every dayЕсли у вас текст:
Это текст для упражнения. Я собираюсь переносить его на сайт с интерактивными упражнениями. Для этого мне необходимо отформатировать его в таком виде: слова в скобках () поставь в квадратные скобки []. варианты ответа в скобках должны быть через запятую. в каждых скобках есть правильный ответ. найди его и промаркируй его *. Пример: My mom goes [to*, on, in] work every day
#gpthacks@otindesign🔥20❤9👏3
This media is not supported in your browser
VIEW IN TELEGRAM
Пример из пед дизайна «как не надо». Провожу я значит урок со своей ученицей по купленному материалу. Урок до этого пробежала мельком. Сделали аудирование 1, переходим ко второму, а там нет аудио. В инструкции четко написано, послушайте отрывок два. А потом отрывок три. А их нет. Ну дело подходило к концу урока, и я пообещала ученице разыскать недостающие аудио к следующей встрече.
Написала автору переноса, думала, мало ли, может пропали дорожки или забыли добавить просто. Оказалось, что все части (2 и 3) аудио находятся в первом аудио! Я переслушала его — нет, там просто диалог, никаких частей… Потом открыла скрипт, и стало понятно — в скрипте эти части разделены форматированием. То есть, скрытый по умолчанию транскрипт — это единственное место, где можно понять, что запись представляет собой три части, и что именно с ними нужно будет работать в следующих заданиях.
Ни отсылки к этому в инструкциях, ни заметки учителю, ни озвучки «extract one» в самой дорожке. Мало того, между "отрывками" даже нет паузы – это цельный разговор с connected speech.
Помним, что мы — не целевая аудитория наших материалов, что наши покупатели будут сталкиваться с ними впервые, и им нужна поддержка в их опыте.
Как можно тут поправить материал:
🫧 записывать три дорожки. или 4, если надо по заданию слушать целое аудио в том числе. под каждую инструкцию помещаем соответствующую дорожку.
🫧 если нет возможности (ограничения платформы), то в самом аудио делаем пометки "Часть два". голосом.
🫧 если аудио не наше, то в самой инструкции указываем, что "слушаем сейчас три части" и для верности, временные отрезки каждой части.
🫧 если у нас видео ютуб, то даём ссылку с помощью меню "начало с —:—", чтобы по нажатию на видео открывался сразу необходимый отрывок.
👋
Написала автору переноса, думала, мало ли, может пропали дорожки или забыли добавить просто. Оказалось, что все части (2 и 3) аудио находятся в первом аудио! Я переслушала его — нет, там просто диалог, никаких частей… Потом открыла скрипт, и стало понятно — в скрипте эти части разделены форматированием. То есть, скрытый по умолчанию транскрипт — это единственное место, где можно понять, что запись представляет собой три части, и что именно с ними нужно будет работать в следующих заданиях.
Ни отсылки к этому в инструкциях, ни заметки учителю, ни озвучки «extract one» в самой дорожке. Мало того, между "отрывками" даже нет паузы – это цельный разговор с connected speech.
Это не про авторов или методистов, это про пример неудачного UX (user experience).
Помним, что мы — не целевая аудитория наших материалов, что наши покупатели будут сталкиваться с ними впервые, и им нужна поддержка в их опыте.
Как можно тут поправить материал:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍27🔥13❤10
Прежде, чем задуматься о механике задания, нужно различать их типы. Начнём с азов.
Упражнения — это структурированные задания с заранее заданным правильным ответом. Их цель — отработать конкретную языковую структуру (грамматическую, лексическую и т.д.). Примеры включают заполнение пропусков с использованием глаголов в прошедшем времени или раскрытие скобок. Основные характеристики упражнений:
Фокус на языке: упражнения сосредоточены на формальном аспекте, а не на коммуникативной цели.
Ограниченный контекст: язык представлен вне широкого контекста, чаще всего на уровне фразы, предложения или абзаца.
Короткая продолжительность: выполнение занимает немного времени.
Явная структура: упражнения требуют четкого выполнения инструкции и дают ограниченную свободу выбора для учащихся.
Пример:
Fill in the gaps with verbs in the past simple.
She ___ (go) to the market yesterday.
Задания (tasks) ориентированы на использование языка для достижения коммуникативной цели. В отличие от упражнений, они требуют осмысленного применения языка в контексте.
Примеры заданий:
Расскажите о своём дне.
Найдите различия между картинками.
Отличительные черты заданий:
Фокус на коммуникации: задания направлены на достижение цели (например, описания, объяснения или обсуждения), а не на правильность языковых структур.
Свободное использование языка: учащиеся используют те языковые средства, которые считают подходящими.
Контекстуальность: задания тесно связаны с реальным или учебным контекстом.
Разнообразие ответов: в заданиях нет одного правильного ответа, что делает их открытыми.
Упражнения — это структурированные задания с заранее заданным правильным ответом. Их цель — отработать конкретную языковую структуру (грамматическую, лексическую и т.д.). Примеры включают заполнение пропусков с использованием глаголов в прошедшем времени или раскрытие скобок. Основные характеристики упражнений:
Фокус на языке: упражнения сосредоточены на формальном аспекте, а не на коммуникативной цели.
Ограниченный контекст: язык представлен вне широкого контекста, чаще всего на уровне фразы, предложения или абзаца.
Короткая продолжительность: выполнение занимает немного времени.
Явная структура: упражнения требуют четкого выполнения инструкции и дают ограниченную свободу выбора для учащихся.
Пример:
Fill in the gaps with verbs in the past simple.
She ___ (go) to the market yesterday.
Задания (tasks) ориентированы на использование языка для достижения коммуникативной цели. В отличие от упражнений, они требуют осмысленного применения языка в контексте.
Примеры заданий:
Расскажите о своём дне.
Найдите различия между картинками.
Отличительные черты заданий:
Фокус на коммуникации: задания направлены на достижение цели (например, описания, объяснения или обсуждения), а не на правильность языковых структур.
Свободное использование языка: учащиеся используют те языковые средства, которые считают подходящими.
Контекстуальность: задания тесно связаны с реальным или учебным контекстом.
Разнообразие ответов: в заданиях нет одного правильного ответа, что делает их открытыми.
❤14
Теперь, когда разобрались в различиях между заданиями и упражнениями, поговорим конкретно про их логику и UX.
Сначала логика.
⚡️ Интерактивных шаблонов, механик, заданий у нас множество, но все они грубо говоря разделяются на 4:
1. Вопросы с множественным ответом
2. Установление последовательности
3. Сопоставление частей
4. Открытые вопросы
💬 То есть, какой бы интерактив мы ни придумали, глобально он будет представителем какого-то из вышеперечисленных типов.
Зачем это вам? Если долго не получается выбрать, как же отработать тему, вспомните, что по сути у нас только 4 варианта. Выбираем тип, а потом уже самую подходящую механику.
⚠️ ⚠️ ⚠️ ⚠️ Пример
У нас есть задание на раскрытие скобок. Gap-fill по-нашему. И есть варианты внутри скобок, из которых ученик должен выбрать правильный. Для визуализации возьмем такое предложение:
К какому из 4-х типов относится данное упражнение?К множественному выбору, multiple choice.
А теперь нам нужно это упражнение интерактивировать (сама придумала, ага). Какими механиками мы можем воспользоваться?
➡️ Можно оформить это в виде теста:
➡️ Можно перенести/перетянуть нужное слово в пропуск:
➡️ Можно вписать слово из списка, вместо перетягивания.
➡️ Можно сделать пропуск в виде выпадающего списка:
📌 При желании, почти любой шаблон с выбранного сайта можно подкрутить под нужный тип упражнения. Но у меня есть свои фавориты. Например, в данном случае я точно не стану использовать первый вариант «тест» (первый в списке). Как думаете, почему?
Сначала логика.
1. Вопросы с множественным ответом
2. Установление последовательности
3. Сопоставление частей
4. Открытые вопросы
Зачем это вам? Если долго не получается выбрать, как же отработать тему, вспомните, что по сути у нас только 4 варианта. Выбираем тип, а потом уже самую подходящую механику.
У нас есть задание на раскрытие скобок. Gap-fill по-нашему. И есть варианты внутри скобок, из которых ученик должен выбрать правильный. Для визуализации возьмем такое предложение:
This book is (interesting/interested).
К какому из 4-х типов относится данное упражнение?
А теперь нам нужно это упражнение интерактивировать (сама придумала, ага). Какими механиками мы можем воспользоваться?
This book is
A) interesting
B) interested
drag options: interesting interested
This book is (drop here).
This book is🖱 interesting
interested
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22👍1
Дайджест постов про ИИ.
😊 Ускоряем свою рутину по подготовке к урокам по-максимуму!
Основы основ или нескучная теория⬇️ ⬇️ ⬇️
Общие правила формулировки промптов для ИИ
Действительно ли ИИ сокращает время создания урока?
Мифы про ИИ
Правила генерации картинок
ChatGPT в работе и жизни
Практика: промпты на все случаи методической работы⬇️ ⬇️ ⬇️
Twee через промпты GPT
Twee через промпты GPT 2
Twee через промпты GPT 3
Twee через промпты GPT 4
Проверочные работы в ChatGPT
ИИ-картинки в одном стиле
Чат-боты для практики языка
Форматируем упражнение simpleclass через ChatGPT
Промптлайн для генерации рабочего листа
Курс для методистов-задротов о том, как с помощью ИИ создать курс с нуля.⬇️ ⬇️ ⬇️
ИИ для методистов иностр. языков
❗️ ❗️ ❗️ Курс прекращает своё существование в мае 2025, если есть желание пройти именно его, это последняя возможность.
Вебинары по нейросетям⬇️ ⬇️ ⬇️
Эфир про ChatGPT
Запись стрима про графические нейросети
Подкаст "Таня следит за языком" про ИИ
Отвлечённое: смешное и подозрительное⬇️ ⬇️ ⬇️
Мой цифровой аватар
Шпионит ли за нами ChatGPT?
ChatGPT троллит
Основы основ или нескучная теория
Общие правила формулировки промптов для ИИ
Действительно ли ИИ сокращает время создания урока?
Мифы про ИИ
Правила генерации картинок
ChatGPT в работе и жизни
Практика: промпты на все случаи методической работы
Twee через промпты GPT
Twee через промпты GPT 2
Twee через промпты GPT 3
Twee через промпты GPT 4
Проверочные работы в ChatGPT
ИИ-картинки в одном стиле
Чат-боты для практики языка
Форматируем упражнение simpleclass через ChatGPT
Промптлайн для генерации рабочего листа
Курс для методистов-задротов о том, как с помощью ИИ создать курс с нуля.
ИИ для методистов иностр. языков
Вебинары по нейросетям
Эфир про ChatGPT
Запись стрима про графические нейросети
Подкаст "Таня следит за языком" про ИИ
Отвлечённое: смешное и подозрительное
Мой цифровой аватар
Шпионит ли за нами ChatGPT?
ChatGPT троллит
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥14❤6👍2
Вы сталкивались с тем, что сгенерированный план урока через ИИ вообще никак не подходил под ваш запрос, и вам просто приходилось делать всё самим с нуля? В карточках поговорила о возможных причинах.
🥺 Как получать желаемый результат от нейросетей и как не вестись на маркетинговые уловки вокруг ИИ, я расскажу подробнее на Методической Пилораме.
😬 Помимо меня участвуют девочки с очень интересными темами, а Мария – супер опытный организатор методических конференций, так что заглядывайте!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤22🔥15👍6
Media is too big
VIEW IN TELEGRAM
Видео-обзор вакансий для методистов онлайн-школ по иностранным языкам. Вторая часть. По ходу, намечается рубрика.
О чем в этой части:
00:37 Получать деньги и числиться в классной компании не получится
02:15 Есть некоторые вопросы
04:58 Образцовая вакансия
07:22 Тим лид для людей, которые обучают иностранному языку (как же называется эта профессия...)
08:58 Очень британская вакансия
15:29 Школа здорового человека
🔦 Смотреть на Ютуб и оставить там комментарий
🪐 Смотреть kinescope (из РФ без впн)
#обзорнаработу
О чем в этой части:
00:37 Получать деньги и числиться в классной компании не получится
02:15 Есть некоторые вопросы
04:58 Образцовая вакансия
07:22 Тим лид для людей, которые обучают иностранному языку (как же называется эта профессия...)
08:58 Очень британская вакансия
15:29 Школа здорового человека
#обзорнаработу
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15👍5❤3
На какую вакансию из видео откликнулись бы?
Anonymous Poll
14%
Классная компания
14%
Есть некоторые вопросы
29%
Образцовая вакансия
14%
Тим лид тренеров
0%
Очень британская вакансия
71%
Школа здорового человека