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

Во‑первых, объяснялка объединяет разрозненные понятия в единую картину. На самом первом слайде основные определения окружают земной шар, можно посмотреть их все на одной картинке, ускорить вращение или наклонить ось под нужным углом:

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

В‑третьих, сложный интерфейс модели можно показать сразу, но знакомить ученика с ним нужно постепенно. Вначале элементы управления могут появится в задисебленном состоянии, без возможности взаимодействия.

На следующем шаге одна из частей оживает, мы показываем, за что она отвечает и как работает. В данном случае, слайдер времени не просто вращает Землю вокруг оси, но и иллюстрирует разницу между местным и солнечным временем.

После разбора понятия на одном примере (Москва), классно показать, как оно работает в других случаях. Например, Волгоград лежит на своём часовом меридиане, у него солнечное время совпадает с местным. А у Иркутска разница между солнечным и местным временем целый час, он фактически лежит на соседнем часовом меридиане (GMT+7), но по каким‑то административным причинам местное время считается по GMT+8.

Ну и, конечно, добавляем в объяснялочки юмор, мемы и цепкие фразочки там, где это уместно и помогает запомнить незнакомые термины:

Дальше в объяснялке с видом из космоса идёт ровно такой же план повествования, что и в первой части: восход/закат, лето/зима, разные города: на экваторе, за полярным кругом, в южном полушарии. Кривая на небосводе показана в правом нижнем углу и меняется ровно так же как раньше. Такая последовательность в повествовании тоже помогает связать происходящее на небосводе с реальной картиной движения небесных тел.

Обратите внимание, что тут уже доступен слайдер даты. В целом интерфейсная часть в точности повторяет элементы управления с первой объяснялки.

Классно после объяснения темы дать возможность пользователю проверить знания. Здесь мы задаём вопрос и открываем элемент интерфейса, который позволяет на него ответить:

Во второй части объяснялки изучаем особые точки (солнцестояние и равноденствие) и поле освещённости:

Тут так же ничего не исчезает, только трансформируется, такой же интерфейс и расположение элементов. Меняется только содержание и акценты, появляется новый ракурс и новый слой информации: зенит и поле освещённости.

В заключение мы переходим к плоской развёртке. Обратите внимание, что все обозначения сохраняются. Это тоже золотое правило объяснялок. Мы везде используем один визуальный язык, минимизируя когнитивную нагрузку на ученика.

И только на последнем слайде полностью открываем интерфейс с возможностью выбрать город и «пощупать» поведение тени и освещённости в разных уголках планеты самостоятельно.

Итак, в объяснялках важны цельность «модели», вокруг которой строится повествование, последовательность изложения, единство визуального языка, постепенное усложнени интерфейса и содержания, «закон сохранения пикселей» — объекты не исчезают и не появляются из ниоткуда. Из приятных бонусов — интерактивные вопросы прямо внутри «урока», а также шутки и мемы — но только там, где они помогают и обыгрывают явления или понятия, который мы хотим объяснить.