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

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

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


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


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


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


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


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

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

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

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

Как выбрать систему автоматизации рекрутмента (ATS)?

Мобильные инструменты WebTutor для современной HR-автоматизации