Новости HRTech, интересные идеи о Digital HR в нашем канале в Telegram: https://t.me/WebsoftHR

Как оформить электронный курс?

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


Как оформить интерфейс электронного курса:
  • выбирайте единый стиль для всех сходных элементов курса;
  • избегайте отвлекающих элементов, мешающих пользователям сфокусироваться на главной информации;
  • используйте знакомые и понятные целевой аудитории визуальные символы, а к новым добавляйте пояснения;
  • оставляйте пустое пространство на экране для отдыха взгляду;
  • используйте единый принцип расположения всех элементов интерфейса на протяжении всего курса;
  • располагайте на слайдах подсказки о темпе и последовательности обучения.
Что касается навигации, то она должна быть открытой, интуитивно понятной и предсказуемой. Постепенное знакомство с навигацией уместно в разветвленных курсах, когда по мере изучения контента могут появиться дополнительные элементы интерфейса. Если необходимо сделать закрытую навигацию, обоснуйте учащемуся, почему это важно именно для него.
Как достичь цветового баланса:
  • используйте 2 соседних цвета на цветовом круге*;
  • выбирайте аналоговые триады (сочетание цветов из 3 соседних по кругу секторов);
  • сочетайте комплементарные цвета (цвета из противоположных секторов цветового круга);
  • отдавайте предпочтение монохромным сочетаниям (оттенкам разной насыщенности одного спектра);
  • учитывайте психологию цвета при выборе;
  • следите за контрастностью (темный текст на светлом фоне воспринимается лучше),
  • старайтесь использовать не более 3 основных цветов.
*Гармоничное сочетание цветов легко подобрать, используя цветовой круг (есть различные варианты этого круга у Иттена, Ньютона, Гёте и Освальда).
Как выбрать подходящий фон:
  • выбирайте фон, который не будет конкурировать с основным изображением;
  • если используете фотографии в качестве фона, размещайте текст на полупрозрачных подложках нейтрального оттенка;
  • используя несколько цветов для фона, выбирайте аналогичные цвета на цветовом круге;
  • увеличивайте или уменьшайте прозрачность фона, чтобы размещенный текст был максимально читаемым.
Как оформить текст:
  • стройте визуальную иерархию курса, дробя материал и выстраивая его в логической последовательности (модуль-урок-тема-раздел-параграф-список);
  • применяйте принцип перевернутой пирамиды (располагайте в начале текста основную мысль, в середине - пояснения, в конце — дополнительные сведения);
  • не располагайте текстовые блоки слишком близко к изображениям и друг к другу;
  • выравнивайте строки текста по левому краю;
  • следите за тем, чтобы каждый слайд имел законченную мысль;
  • выделяйте важный текст галочками, курсивом, полужирным начертанием или другим цветом (будьте умеренны, все не может быть важным);
  • изъясняйтесь короткими, понятными фразами;
  • маркируйте списки, чтобы их удобно было воспринимать;
  • не используйте знаки препинания в конце заголовков.
Как использовать шрифты:
  • выбирайте шрифты, удобные для восприятия и чтения текста в электронном виде (Arial, Helvetica, Verdana, Calibri, Trebuchet);
  • размер шрифта должен быть удобным для чтения и масштабируемым;
  • при выделении определенным шрифтом отдельных элементов текста (названий, заголовков, подзаголовков, сносок, пояснений) соблюдайте принцип единства стиля;
  • будьте осторожнее с нижним подчеркиванием, полужирным и курсивным начертанием, не сочетайте их для выделения одного и того же текста
  • используйте не более 3 видов шрифтов.
Как оформить графические элементы:
  • подбирайте графику заранее (сделайте сводную таблицу всех изображений курса, оцените, сочетаются ли они по стилю и цвету);
  • откажитесь от декоративной графики, кричащих цветов и ярких пятен, так как они лишь отвлекают внимание пользователя;
  • представляйте количественные данные в виде графиков, таблиц, диаграмм (однако не злоупотребляйте ими);
  • делайте графические акценты на наиболее важном материале;
  • используйте изображения хорошего качества.
Как комбинировать элементы на слайде:
  • составляйте аккуратные композиции, превращая текст, фон и графические элементы в единую картину;
  • собирайте слайд по правилу третей (делите пространство на условные горизонтальные и вертикальные линии и располагайте элементы в местах пересечений этих линий);
  • используйте направляющие и сетки, чтобы выровнять основные элементы на слайде.
Как ускорить сборку оформление электронных курсов:
  • используйте заранее подготовленные фоны, шаблоны, элементы навигации, графику из библиотеки конструктора курсов;
  • разработайте простые инструкции и памятки для внутренних экспертов-разработчиков курсов;
  • используйте цветовые сочетания и шрифты из корпоративного бренд-бука,
  • создайте стандарты качества учебного контента в компании.


Какие ошибки встречаются в оформлении курсов:
  • отсутствие единого стиля для всех сходных элементов курса;
  • включение в курс пояснений к элементарным и общеизвестным понятиям;
  • одновременное использование нескольких ключевых носителей информации;
  • закрытая навигация без пояснения ее предназначения;
  • отсутствие свободного пространства на слайдах;
  • кричащие цвета фона и/или изображений;
  • плохая читабельность текста;
  • несогласованные сочетания шрифтов.


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


Чек-лист “Как оформить электронный курс?”
_______________________________________________________________
  1. Делайте дизайн максимально удобным для визуального восприятия.
  2. Подбирайте приятную для восприятия цветовую гамму и шрифты.
  3. Логично комбинируйте текстовые блоки и графические элементы.
  4. Создавайте интерфейс с открытой понятной навигацией.
  5. Пользуйтесь шаблонами, чтобы ускорить сборку курса.




Популярные сообщения из этого блога

Только без рук, или Как в системе обучения автоматизировать все, что делалось вручную

Кто владеет информацией тот владеет миром, или как создать быстро работающую базу знаний с «умным» поиском

Опыт внедрения WebTutor в ПАО «Транснефть»

Классификация HR-систем

Стандарты электронного обучения - CMI5 vs SCORM - сравнительная таблица