К основному контенту
LIFEL
рекомендует

10 ошибок при разработке электронного курса

12.05.2023
Екатерина Голомшток
В статье мы поговорим про распространённые ошибки в курсах
Екатерина Голомшток из Nova Academy поделилась своей подборкой ошибок при разработке электронных курсов.
Причиной таких недоработок становится несоблюдение двух важных правил: не учитывается принцип обучения взрослых людей и не используется UX дизайн – создание интерфейса, удобного для пользователя. Рассмотрим ошибки со стороны проблем для пользователя и риска для заказчика курса.

Ошибка 1. Слайд перегружен информацией

Проблема
На одном слайде размещена информация по объёму, как на пять слайдов. Причём, зачастую в этом длинном тексте много «воды» — материала, который не несёт никакого смысла и пользы для обучения.
Риск
Пользователь теряет внимание, загружает мозг ненужной информацией.
Совет
Как проверить, что информация на слайде точно лишняя? Попробуйте удалить (зачеркнуть) ненужное, а теперь ещё раз прочтите: если изначальный посыл сохранился, то это точно была «вода».
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy

Ошибка 2. Формальные упражнения в курсе

Проблема
В упражнениях курса используются вопросы, ответы на которые пользователь может найти логически, без специальных знаний. Например, в этом тесте верный ответ — это самый длинный ответ.
Риск
Обучающийся по окончании курса не овладеет знаниями и не сформирует умения.
Совет
Используйте при разработке сценария курса принцип Пирамиды Блума. Эта методика помогает проектировать упражнения и понять, какого результата от обучения вы хотите добиться.
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy

Ошибка 3. Нет карты курса

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

Ошибка 4. Разное оформление слайдов

Проблема
На слайдах используются разные цветовые решения, неодинаковые шрифты и стили. Это создаёт дополнительный визуальный шум, увеличивает когнитивную нагрузку на пользователя.
Риск
Обучающийся быстро утомляется и может не завершить курс.
Совет
Создайте UI kit вашего курса и настройте шаблон в средстве разработки. Определите палитру цветов для курса, формат заголовка, текста, подберите фото или иллюстрации в одном стиле. Создайте несколько типовых слайдов с выбранными параметрами, а затем используйте их как шаблоны.
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy
Пример UI kit для курса

Ошибка 5. Нет единообразия в оформлении одинаковых элементов

Проблема
В одном слайде ответы на вопросы задания выходят в формате «попап» (всплывающего окна), а уже в следующем — в виде текстового ответа «верно» или «неверно».
Риск
Пользователь отвлекается на поиск правильного ответа, теряет концентрацию внимания — быстрее устаёт.
Совет
Определите на этапе разработки, как будут выглядеть ваши типовые элементы. Например, для описания последовательности действий вы всегда будете использовать «аккордеон», а обратная связь в вопросах будет появляться только во всплывающем окне.
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy
Пример: в одном из курсов я использовала одинаковые подложки для заголовков лонгрида. Иконка на обложке подсказывала, какой контент будет дальше: видео, текст или упражнения.

Ошибка 6. Разная стилистика оформления иконок и иллюстрации

Проблема
В первом слайде используется красный цвет для подложки, а во втором — серый. Иконки отрисованы в разном стиле и в разном цветовом решении.
Риск
Использование разной стилистики и отсутствие единообразия в оформлении и дизайне — признак небрежности. Современный пользователь имеет представление об UX дизайне и такого рода ошибки заметит.
Совет
Используйте сайты типа storyset.com или flaticon.com, чтобы скачивать наборы иллюстраций и иконок в одном стиле.
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy
Пример слайда с иллюстрациями с бесплатных стоков

Ошибка 7. Нет подсказок

Проблема
  • В курсе вообще не предусмотрены подсказки.
  • Подсказки есть, но они непонятны или их слишком много, они используются нелогично.
Риск
Отсутствие подсказок в электронном курсе приводит к медленному прохождению обучения и сложностям в усвоении материала. Пользователь тратит больше времени для понимания, самостоятельно пытается разобраться в интерфейсе.
Лайфхак
Успешный пример оформления подсказок можно подсмотреть в мобильных приложениях банков или в почтe Google.
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy
Пример подсказки по навигации

Ошибка 8. Неподходящая анимация

Проблема
  • Используется агрессивная анимация: на одном слайде текст и «вылетает», и «крутится», а картинка «выпрыгивает»;
  • Используется слишком замедленная анимация: на обложке курса появление кнопки «Начать» нужно ждать 30 секунд.
Риск
В обоих случаях применяется анимация, которая раздражает пользователя и отвлекает его от процесса обучения.
Совет
Анимацию, так же как и дизайн курса, стоит продумать до начала сборки, исходя из тематики курса, целевой аудитории и концепции. Также придерживайтесь правила — одинаковый эффект анимации для одинаковых элементов.

Ошибка 9. Не продуман плеер курса

Проблема
В курсе не предусмотрена кнопка «Меню»: у пользователя нет возможности в любой момент обучения вернуться к пройденным разделам или обратиться к глоссарию, чтобы посмотреть значение нового термина.
Риск
Обучающийся не сможет быстро перемещаться из раздела в раздел или повторять пройденный материал.
Совет
Еще на стадии создания сценария продумайте кнопки, которые могут облегчить навигацию по курсу. Например, если в курсе есть памятки на скачивание — создайте отдельную кнопку в плеере «Материалы для скачивания». Так у пользователя будет возможность скачать их в любой момент.
Педдизайн, онлайн-обучение, разработка электронных курсов, ошибки, навигация, карта курса, Екатерина Мартынова, Nova Academy
Пример плеера курса с подсказками по навигации

Ошибка 10. Отсутствие нумерации слайдов

Проблема
На всех слайдах нет номера страниц, и на обложке также не представлена информация об объёме курса.
Риск
Пользователь не сможет оценить объём материала для обучения и эффективно планировать своё время.
Совет
Вместо номера слайдов используйте прогресс-бары или процент прохождения курса, который отображается в плеере.
Хотите узнать больше про ошибки в разработке курсов? 9 июня Екатерина будет выступать на конференции Learning Elements с докладом «Ошибки проектирования практики в курсах» и предложит свои ответы на вопросы:

  • Почему курсы неэффективны?
  • Как мотивировать слушателей применять знания на практике?
  • Как упражнения могут вовлекать слушателей в обучение?
Понравилась статья? Нажми на Лайфика!
Хотите поделиться советами и лайфхаками? Пишите нам:
Lifel
опубликует
статьи по теме