Объяснение через визуализацию — Как проектировать классные уроки

Представьте, что у нас есть такой текст:

Текст сложно считывается, так как мы не видим, как это происходит схематично. Нам нужно представить описываемый процесс в голове, что займет некоторое время и напряжет наш мозг.

Теперь добавим к нему такую схему:

Этот фрагмент стал намного понятнее, хотя мы ничего не меняли в тексте — а просто показали описываемую схему.

Иногда текст нужно иллюстрировать графиками. Например, чтобы показать величину одного показателя относительно другого.

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

Чтобы студент мог в этом убедиться, ему нужно показать график:

Так пользователь увидит, как выглядят графики, которые мы описывали. Он поймет, как именно красная функция растет относительно синей. Ему не придется ничего додумывать.

Скриншоты показывают, как выглядит инструмент, с которым студенту предстоит работать. Так он поймет, как выглядит рабочая область или определенные элементы, о которых мы рассказываем.

Например, в курсе по основам командной строки мы описываем рабочую область. Этот курс относится к начальному уровню, то есть студент может не знать, как выглядит терминал. Поэтому его нужно обязательно показать:

Таблицы нужны, чтобы собрать данные в единую структуру. Это могут быть сравнительные показатели, условия задачи или массивы данных:

Так студенту легче сравнивать значения и понимать, к чему они относятся.

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

Для примера возьмем такой фрагмент урока:

Если студент только начинает изучать программирование, он не поймет, что делать с этой информацией — как правильно писать код, какой элемент за что отвечает. Поэтому нужно показать, как писать такую программу и какой будет результат:

Мы заранее покажем студенту, как правильно пишется программа — так он допустит меньше ошибок.

Списки тоже относятся к визуализации, потому что они помогают структурировать информацию и сделать ее нагляднее.

Советуем использовать список, когда речь идет о нескольких однородных компонентах: характеристиках программы, шагах в инструкции, уровнях иерархии.

Благодаря спискам, текст выглядит проще для восприятия. Как работать со списками, мы рассказываем в курсе «Как писать классные тексты».

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