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

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

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

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

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

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

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

Как достичь цветового баланса:

• используйте 2 соседних цвета на цветовом круге*;
• выбирайте аналоговые триады (сочетание цветов из 3 соседних по кругу секторов);
• сочетайте комплементарные цвета (цвета из противоположных секторов цветового круга);
• отдавайте предпочтение монохромным сочетаниям (оттенкам разной насыщенности одного спектра);
• учитывайте психологию цвета при выборе;
• следите за контрастностью (темный текст на светлом фоне воспринимается лучше),
• старайтесь использовать не более 3 основных цветов.

*Гармоничное сочетание цветов легко подобрать, используя цветовой круг (есть различные варианты этого круга у Иттена, Ньютона, Гёте и Освальда).

Как выбрать подходящий фон:

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

Как оформить текст:

• стройте визуальную иерархию курса, дробя материал и выстраивая его в логической последовательности (модуль-урок-тема-раздел-параграф-список);
• применяйте принцип перевернутой пирамиды (располагайте в начале текста основную мысль, в середине - пояснения, в конце — дополнительные сведения);
• не располагайте текстовые блоки слишком близко к изображениям и друг к другу;
• выравнивайте строки текста по левому краю;
• следите за тем, чтобы каждый слайд имел законченную мысль;
• выделяйте важный текст галочками, курсивом, полужирным начертанием или другим цветом (будьте умеренны, все не может быть важным);
• изъясняйтесь короткими, понятными фразами;
• маркируйте списки, чтобы их удобно было воспринимать;
• не используйте знаки препинания в конце заголовков.

Как использовать шрифты:

• выбирайте шрифты, удобные для восприятия и чтения текста в электронном виде (Arial, Helvetica, Verdana, Calibri, Trebuchet);
• размер шрифта должен быть удобным для чтения и масштабируемым;
• при выделении определенным шрифтом отдельных элементов текста (названий, заголовков, подзаголовков, сносок, пояснений) соблюдайте принцип единства стиля;
• будьте осторожнее с нижним подчеркиванием, полужирным и курсивным начертанием, не сочетайте их для выделения одного и того же текста
• используйте не более 3 видов шрифтов.

Как оформить графические элементы:

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

Как комбинировать элементы на слайде:

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

Как ускорить сборку оформление электронных курсов:

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

Какие ошибки встречаются в оформлении курсов:

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

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

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

_______________________________________________________________

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