Обещала показать вторую часть интерактивного урока по окружайке. Подсвечу на этом примере все приёмы и принципы, которые хорошо работают в объяснялках. А в следующих заметках разберём каждый из них подробнее.
Во‑первых, объяснялка объединяет разрозненные понятия в единую картину. На самом первом слайде основные определения окружают земной шар, можно посмотреть их все на одной картинке, ускорить вращение или наклонить ось под нужным углом:
Во‑вторых, на классной объяснялке объекты не исчезают и не появляются из ниоткуда. Земной шар перелетает со слайда на слайд: то превращается в пиксель, то увеличивается до исходного размера, то поворачивается к солнцу лицом, то боком, то полюсом, а то вообще разворачивается в проекцию Меркатора. Но все шаги соединены понятными анимациями, это помогает ученику следить за объяснением и «не терять нить» — в отличие от фрагментарных слайдов, которые перескакивают с мысли на мысль внутри одной темы.
В‑третьих, сложный интерфейс модели можно показать сразу, но знакомить ученика с ним нужно постепенно. Вначале элементы управления могут появится в задисебленном состоянии, без возможности взаимодействия.
На следующем шаге одна из частей оживает, мы показываем, за что она отвечает и как работает. В данном случае, слайдер времени не просто вращает Землю вокруг оси, но и иллюстрирует разницу между местным и солнечным временем.
После разбора понятия на одном примере (Москва), классно показать, как оно работает в других случаях. Например, Волгоград лежит на своём часовом меридиане, у него солнечное время совпадает с местным. А у Иркутска разница между солнечным и местным временем целый час, он фактически лежит на соседнем часовом меридиане (GMT+7), но по каким‑то административным причинам местное время считается по GMT+8.
Ну и, конечно, добавляем в объяснялочки юмор, мемы и цепкие фразочки там, где это уместно и помогает запомнить незнакомые термины:
Дальше в объяснялке с видом из космоса идёт ровно такой же план повествования, что и в первой части: восход/закат, лето/зима, разные города: на экваторе, за полярным кругом, в южном полушарии. Кривая на небосводе показана в правом нижнем углу и меняется ровно так же как раньше. Такая последовательность в повествовании тоже помогает связать происходящее на небосводе с реальной картиной движения небесных тел.
Обратите внимание, что тут уже доступен слайдер даты. В целом интерфейсная часть в точности повторяет элементы управления с первой объяснялки.
Классно после объяснения темы дать возможность пользователю проверить знания. Здесь мы задаём вопрос и открываем элемент интерфейса, который позволяет на него ответить:
Во второй части объяснялки изучаем особые точки (солнцестояние и равноденствие) и поле освещённости:
Тут так же ничего не исчезает, только трансформируется, такой же интерфейс и расположение элементов. Меняется только содержание и акценты, появляется новый ракурс и новый слой информации: зенит и поле освещённости.
В заключение мы переходим к плоской развёртке. Обратите внимание, что все обозначения сохраняются. Это тоже золотое правило объяснялок. Мы везде используем один визуальный язык, минимизируя когнитивную нагрузку на ученика.
И только на последнем слайде полностью открываем интерфейс с возможностью выбрать город и «пощупать» поведение тени и освещённости в разных уголках планеты самостоятельно.
Итак, в объяснялках важны последовательность изложения, единство визуального языка, постепенное усложнени интерфейса и содержания, «закон сохранения материи» — объекты не исчезают и не появляются из ниоткуда. Из приятных бонусов — интерактивные вопросы прямо внутри «урока», а также шутки и мемы — но только там, где они помогают и обыгрывают явления или понятия, который мы хотим объяснить.
P. S. Это был совет о визуализации данных. Хотите узнать всё о графиках, диаграммах, дашбордах и интерактивных объяснялках? Присылайте вопросы.