Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#Руководства</a>

2 <ul><li>13 янв 2023</li>

3 <li>0</li>

4 </ul><h2>Что такое карта курса и какой она бывает</h2>

5 Разбор, который будет полезен начинающим создателям электронных курсов.

6 Иллюстрация: Polina Vari для Skillbox Media

7 Онлайн-журнал для тех, кто работает или хочет работать в сфере образования. Рассказываем о трендах, теории и полезных практиках.

8 Независимый сценарист-разработчик электронных курсов, работает в сфере обучения с 2012 года. С нуля создала более 200 курсов. Автор телеграм-канала<a>Nova Academy</a>.

9 Когда мы берём в руки новую книгу, мы можем познакомиться с ней ещё до того, как начнём читать. Мы можем взглянуть на оглавление. Мы видим количество страниц и, соотнося с его с размером шрифта, приблизительно понимаем объём текста, который нам предстоит прочитать. Я иногда даже бегло пролистываю отдельные главы. Всё это помогает оценить, сколько времени потребуется на чтение и чего в целом ожидать от книги. Это позволяет управлять процессом чтения.

10 Кроме того, читатель книги всегда понимает, как далеко продвинулся в ней и сколько ещё предстоит изучить. Эта определённость позволяет сконцентрироваться на изучаемом предмете, не отвлекаясь на мысли "А сколько мне ещё осталось?", "Есть там впереди что-нибудь интересненькое?".

11 А теперь представьте, что начинаете читать книгу, о которой не знаете ничего, кроме названия и аннотации. Вы не в курсе, сколько в ней страниц (вдруг там несколько томов?). Оглавления тоже нет. Согласитесь, это внушает беспокойство. Одно дело, если вы взялись за увлекательный детектив, и совсем другое - если за книгу, которую вам надо прочесть не для развлечения, а для пользы (например, какое-то руководство или теоретический учебник).

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

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

14 <ul><li>Нумерация слайдов или прогресс-бар (то есть индикатор, который отображает, какой процент курса пройден).</li>

15 <li>Вводная информация о курсе и описание, сколько времени может потребоваться на его изучение. Параметр довольно субъективный, тем не менее он задаёт ориентиры.</li>

16 <li>Карта курса.</li>

17 </ul>Если с первыми двумя ориентирами всё достаточно просто, то про карту курса нужно пояснить подробнее.

18 Карта курса - визуальное отображение маршрута прохождения курса. Это обязательный элемент любого хорошего онлайн-курса. Ниже перечислены её функции для учащегося.

19 <ul><li>Помогает ориентироваться в виртуальном пространстве курса.</li>

20 </ul>Представьте, что вам нужно добраться из точки А в точку Б. Если у вас есть карта, вы можете спланировать своё путешествие - выбрать маршрут, спрогнозировать время путешествия, запланировать остановки. А теперь представьте, что такой карты у вас нет, и вам приходится ехать наугад. Вы будете испытывать больше стресса. То же происходит с учащимся, когда у электронного курса нет карты. Её наличие помогает снизить стресс и когнитивную нагрузку.

21 Вы можете спросить: а зачем пользователю ориентироваться в пространстве курса, если его и так автоматически ведут от модуля к модулю? Зачем ему знать, как устроена вся система модулей, если он и так в ней не заблудится? Продолжая аналогию с путешествием, можно сказать, что маршрут за путешественника уже построил профессиональный гид и ведёт его за ручку. Но такой вариант не всем нравится.

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

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

24 <ul><li>Помогает оценить объём курса и спланировать время на обучение.</li>

25 </ul>Путешественнику карта нужна не только для выбора индивидуального маршрута, но и для планирования времени пути. Для обучения на курсе это тоже важно.

26 Допустим, речь о мини-курсе, который можно пройти за один день, а можно растянуть на несколько дней по чуть-чуть: карта даст возможность каждому пользователю выбрать свою интенсивность обучения.

27 Или, допустим, пользователь начал проходить курс спонтанно, но его время ограничено. Если он видит, сколько разделов уже пройдено, а сколько ещё предстоит пройти, ему проще сориентироваться. Например, если впереди ещё много разделов, то он может закрыть курс и продолжить его позже. А если осталось всего один-два, то он понимает, что может уложиться во время и завершить курс уже сегодня.

28 <ul><li>Вовлекает в курс.</li>

29 </ul>Визуальное отображение того, сколько разделов пройдено и сколько осталось, повышает вовлечённость слушателя. На это работают сразу два эффекта:

30 <ul><li><a>градиента цели</a> - чем ближе человек к достижению цели, тем выше его мотивация, и визуальная демонстрация прогресса этому помогает (есть соответствующие<a>маркетинговые исследования</a>);</li>

31 <li><a>визуализации цели</a> - внешнее простое отображение приближения к цели способствуют её достижению, потому что увеличивает усилия (такие<a>исследования</a>тоже есть).</li>

32 </ul>Кроме того, если карта интерактивная, с элементами геймификации, то она сама по себе может быть дополнительным инструментом вовлечения пользователя в курс.

33 Организовать и оформить карту курса можно по-разному. Ниже я расскажу про четыре варианта с примерами из тех курсов, которые сама разрабатывала.

34 Это самый простой вариант. На слайдах-разделителях между разделами просто показывается структура курса и прогресс прохождения, а также выделяется название изучаемого раздела. Эти названия на слайде некликабельны, то есть пользователь просто листает слайд за слайдом, и на слайде-разделителе между разделами курса видит точку, на которой находится сейчас, сколько он уже прошёл и сколько ему ещё осталось. Ниже представлены примеры, как это обычно выглядит.

35 Образец слайда (вымышленный пример курса)Изображение: личное портфолио Катерины ГоломштокОбразец слайда (вымышленный пример курса)Изображение: личное портфолио Катерины ГоломштокПлюсы такого варианта карты:простой и быстрый для воплощения способ.

36 Особенности:такой вариант карты подойдёт, только если курс предполагает лишь линейное прохождение.

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

38 Слайд курса "Цели и задачи прикладной информатики в цифровом обществе" Тольяттинского государственного университета, разработанный Катериной ГоломштокИзображение: личное портфолио Катерины Голомшток (образец предоставлен с согласия университета)Плюсы такого варианта карты:подходит для курсов с открытой навигацией и относительно прост в реализации.

39 Особенности:на разработку требуется больше времени и навыков. Так, чтобы создать карту курса с открытой навигацией и отображением пройденных разделов в Articulate Storyline, нужно уметь использовать триггеры и переменные.

40 Такой вид карты курса предполагает наличие на ней интерактивных анимированных элементов: что-то движется, мерцает или подсвечивается. Также такие карты могут быть элементом сторителлинга. Например, карту корпоративного welcome-курса для новых сотрудников компании можно представить в виде интерактивного офиса с кабинетами. Пользователь переходит из кабинета в кабинет и знакомится с компанией.

41 Ниже представлен пример интерактивной карты курса.

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

43 Особенности:на разработку требуется больше времени и навыков, может потребоваться помощь дизайнера. Например, чтобы создать подобные карты в том же Articulate Storyline, нужно настроить анимацию, соединить с аудио, создать сложные триггеры с использованием переменных.

44 Это карта курса, которая подстраивается под потребности и особенности слушателя и даёт ему возможность изучать разделы, необходимые именно ему. Например, в корпоративном курсе "Адаптация после длительного отсутствия", который проходят сотрудники НЛМК после длительных отпусков, в начале каждого раздела слушателю предлагалось пройти небольшой кейс на знание правил безопасности. В зависимости от результатов прохождения кейса на карте курса появляются обязательные и дополнительные материалы для изучения.

45 Курс "Адаптация после длительного отсутствия" НЛМК, разработанный Катериной ГоломштокИзображение: личное портфолио Катерины Голомшток (образец предоставлен с согласия НМЛК)Плюсы такого варианта карты:можно создавать различные траектории обучения в зависимости от уровня знаний слушателя.

46 Особенности:не все средства разработки курсов поддерживают эту возможность. К тому же на этапе разработки сценария важно продумать разные траектории обучения, поэтому требуется больше времени разработчика.

47 <a>Научитесь: Профессия Методист с нуля до PRO + ИИ Узнать больше</a>