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

Эффектное оформление содержимого может помочь продемонстрировать материалы курса в более привлекательной и интересной форме. Хорошо оформленное содержимое должно отвечать таким требованиям:

  • Доступность. Насколько быстро новый учащийся может ориентироваться в вашем курсе при изучении материала?
  • Эффективность использования. Насколько быстро учащиеся смогут выполнять задания после ознакомления с подготовительным этапом курса?
  • Субъективная удовлетворенность. Насколько учащимся нравится работать с материалами вашего курса?
  • Удобство использования. Могут ли пользователи с разными способностями, опытом, знаниями, уровнями владения языком, оборудованием и уровнями концентрации внимания использовать ваш курс без затруднений?
  • Специальные возможности. Людям с ограниченными способностями необходимо обеспечить равные возможности получения информации, услуг и использования. Предоставляет ли ваш курс равные возможности?

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

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

Внимание на специальных возможностях

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

Тим Бернерс-Ли, создатель Всемирной компьютерной сети (WWW), сказал: «Сила сети — в ее универсальности. Возможность доступа для всех, независимо от наличия физических ограничений, — одно из ее главных преимуществ». Ваш онлайн-курс должен быть таким же.

Blackboard стремится разрабатывать приложения, работа в которых будет максимально доступна для всех пользователей.

Следуйте этим простым рекомендациям, чтобы предоставлять одинаковый уровень обучения для всех.

  • Убедитесь, что информация представлена последовательно и логично.
  • Страницы должны быть оформлены аккуратно и просто. Используйте одинаковую структуру для как можно большего количества страниц, чтобы в них было легко ориентироваться.
  • Используйте каскадные таблицы стилей (CSS). Таблицы стилей позволяют отделить содержимое от структуры страницы, облегчая доступ к веб-страницам для тех, кто использует средства чтения с экрана или специальное ПО для браузеров. Таблицы стилей облегчают оформление страницы.
  • Выбирайте контрастные цветовые комбинации для текста, фона и графических элементов. Используйте простой фон. Если текст написан темным цветом, лучшим фоном будет белый.
  • Добавляйте альтернативный текст с описанием изображения для пользователей, которые используют средство чтения с экрана или открывают веб-страницы с отключенными изображениями. Добавляйте альтернативный текст ко всем изображениям за двумя исключениями:
    • текст рядом с изображением передает его значение;
    • понимание изображения не требуется, например в маркированном списке.
  • Создавайте только важные ссылки, не переполняйте ими содержимое. Избегайте ссылок с малозначимым текстом, например «щелкните здесь».
  • Используйте HTML согласно спецификации W3C. Проверяйте страницы на соответствие стандартам W3C. В идеале следует зачислить на курс учащихся с ограниченными возможностями, чтобы они протестировали его и оставили свой отзыв. Можно использовать те или иные инструменты:

Написание материалов для Интернета

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

Чтение материалов в Интернете разительно отличается от чтения печатных материалов. В ходе опроса, проводимого Якобом Нильсоном в 1997 году, исследователи обнаружили, что 80 % респондентов лишь бегло просматривают страницы в Интернете. И только 16 % внимательно вчитываются в содержимое.

Исследование также показало, что во время чтения большинство пользователей перемещаются по тексту в порядке, напоминающем латинскую букву «F». Сначала они читают верхнюю часть страницы. Затем они пропускают несколько строчек вниз и продолжают читать по горизонтали, а после этого — по вертикали в левой части страницы.

Какие выводы можно сделать из привычек чтения текстов в Интернете? Наиболее важная информация должна размещаться в первых двух абзацах. Если учащиеся не станут читать дальше, то по крайней мере они усвоят основные понятия, которые вы хотели до них донести. Учащиеся с проблемами восприятия информации могут бросить чтение на середине страницы и только выиграют, если информация будет структурирована таким образом.

В таблице ниже приведены другие рекомендации с веб-сайта Якоба Нильсона.

Рекомендации Якоба Нильсона
Рекомендация Описание
Упростите просмотр страницы
  • Представляйте информацию блоками.
  • В подзаголовках и абзацах используйте информативные слова.
  • Используйте маркированные списки для дальнейшего разбиения содержимого на части.
  • Используйте короткие предложения.
Создавайте хорошо структурированные абзацы
  • Представляйте одну идею на абзац. Ограничьте абзацы до двух–четырех предложений.
  • Размещайте наиболее важные сведения в первом предложении, а уже после него дополнительные сведения.
Сократите объем слов
  • Используйте на 50 % меньше слов, чем привыкли в печатных материалах.
  • Если страница длиннее, чем два или три экрана, разбейте ее на несколько коротких страниц.
Выделяйте ключевые слова
  • Используйте разные цвета, жирный текст, курсив или различные шрифты, но умеренно.
  • Избегайте написания текста только прописными буквами. Такой текст труднее для восприятия.
  • Избегайте подчеркивания. Учащиеся могут предположить, что подчеркнутый текст — это ссылка.
Используйте разговорный тон
  • Пишите так, как если бы вели беседу, сохраняя неофициальный, но информативный тон.
  • Используйте личные местоимения и глаголы действия.
  • Используйте активный (действительный) залог для построения коротких легкочитаемых и простых для понимания предложений.
  • Избегайте жаргонизмов и необоснованно сложного или технического языка.

Эффективная структура

Для эффективного восприятия текста важен не только формат самого текста, но и структура и оформление всей страницы.

Оформляя страницы, придерживайтесь приведенных ниже рекомендаций.

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

Используйте графические элементы.

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

Правильно оформленные графические элементы могут помочь учащимся:

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

В списке ниже приведены основные правила использования изображений:

  • Правильно выбирайте формат. Сохраняйте свои изображения в формате, который адаптирован для веб-страниц. В большинстве случаев используйте формат PNG для простых графических элементов, таких как логотипы, таблицы и схемы. Формат JPG обычно лучше подходит для фотографий и изображений с легкими оттенками или градиентными цветами. Формат JPG также оптимизирует сжатие — файл размером 1500 КБ можно уменьшить до 150 КБ, — но от этого может ухудшиться качество некоторых изображений. Выбирайте формат, который обеспечит лучшее качество изображения и наименьший размер файла.
  • Старайтесь правильно использовать анимацию. Анимация может быть особенно эффективна для демонстрации понятий и принципов, но не следует злоупотреблять ею. Постарайтесь, чтобы анимация не отвлекала от учебного материала, и используйте ее только с соответствующего разрешения.
  • Избегайте использования фоновых изображений. Используйте белый или неяркий сплошной фон с темным цветом текста внутри вместо фоновых изображений. Высокий контраст между текстом и фоном облегчает чтение.
  • Следите за размером файла. Большие и многочисленные изображения могут отлично выглядеть на вашей странице, но они не обрадуют пользователей, которым придется ожидать их загрузки.
  • Обрезайте изображения. Изображения небольших размеров наиболее эффективны и быстрее загружаются.

Сокращение размера курса

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

Видео. Вместо выгрузки видеофайлов в курс вы можете просто добавить ссылки на них. Загрузите свои видео на YouTube™, Vimeo или отдельный сервер мультимедиа учреждения, а затем добавьте ссылки на них в курс. Соблюдайте законы об интеллектуальной собственности. Например, размещение видео с канала National Geographic на Vimeo может быть незаконным, даже если у вас есть лицензия на его использование в курсе.

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

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

  • Файлы Microsoft Office. Используйте доступные средства в Microsoft Office для уменьшения размера презентаций и файлов Word. Функция Уменьшить размер файла находится в меню Файл. Прежде чем выгрузить файлы, их также можно сохранить в формате PDF, что позволит уменьшить их размер и сделать их доступными только для чтения.
  • Изображения: Используйте графические редакторы для изменения размера изображений для просмотра на экране перед выгрузкой. Кроме того, можно воспользоваться сетевой службой, например Shrink Pictures или picresize®.
  • Аудио: Используйте программное обеспечение для изменения частоты дискретизации или обрезания аудиофайлов для уменьшения их размера.