Эксперимент показал, что связка редактора курсов CourseLab и СДО Webtutor, разрабатываемые WebSoft, показывают более эффективное взаимодействие и позволяют настроить процесс передачи переменных более гибко. Использование iSpring Suite и iSpring Online не дает детальную информацию о прохождении курса пользователем.

Глава 5. Разработка методики

Следующим этапом является проектирование курса. На данном шаге формируется общее представление о курсе, а точнее:

1. Тип курса;

2. Структура курса;

3. Распределение информации по слайдам;

4. Путь обучения;

5. Сценарий использования;

6. Система заданий и оценки;

7. Система обратной связи;

8. Инструменты привлечения;

9. Установка ограничений.

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

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

После того, как сформирована структура курса, нужно перейти к распределению информации по слайдам. Данный этап может быть выполнен в инструменте MS PowerPoint в формате набросков и макетов с комментариями. На данном этапе должен быть сделан вывод о том, какие типы контента будут использоваться: текст, графика, схемы, звуковое сопровождение. Выводы о применении различных видов контента исходят из анализа предметной области. Все требования к графическим изображениям и тексту передаются графическому дизайнеру, для того чтобы на этапе разработки шаблона курса он имел понимание с чем ему предстоит работать. Текст для аудиозаписи следует подготовить и отправить на звукозапись на этом же шаге, так как обычно она может занимать довольно много времени. Также необходимо сформулировать требования к анимированию текста и изображений.

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

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

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

Также на этом этапе формируются список вопросов, отвечая на которые обучаемый сможет оставить отзыв по работе с курсом.

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

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

5.3 Выбор базовых элементов курса

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

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

Цветовое оформление должно учитывать:

· Физиологическое восприятие;

· Культурное восприятие;

· Сочетания цветов;

· Корпоративный стиль/цвет;

· Устройства, воспроизводящие цвет.

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

Далее необходимо определиться с типом графики. Следует выбрать один или максиму два хорошо сочетающихся стиля графики.

Тип графических элементов:

· Контурная графика;

· Скетч;

· Черное-белое изображение;

· Формат 2D (флэт);

· Фото или фото-реалистичная графика;

· Абстракция (сюр).

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

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

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

Таким образом после совместной работы педагогического и графического дизайнера должна быть сформирована структура курса и его послайдовое представление.

5.4 Разработка шаблона курса

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

· Визуализация плеера и навигации курса;

· Визуализация контента;

· Общее оформление для различных типов слайдов.

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

· Переходы между слайдами;

· Глоссарий (словарь);

· Справка;

· Возврат или вызов содержания;

· Доступ к дополнительным материалам;

· Прогресс-бар.

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

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

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

· Текстовый;

· Текстовый со списком;

· Тексто-графический;

· Графический с подписью (комментарием);

· Слайд с видео-контентом;

· Слайд с интерактивным заданием;

· Слайд для тестирования;

· Титульный и завершающий.

Дизайн слайдов должен формировать стереотипное мышление. Также важно помнить и о базовых требованиях к интерфейсам: соблюдение правил близости, сходства и др.

5.5 Сборка курса

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

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

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

5.6 Тестирование и оценка

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

Для того, чтобы протестировать курс необходимо соответствующую публикацию курса направить администратору системы дистанционного обучения. Также к курсу прилагается список вопросов для организации сбора отзывов. После загрузки курса можно перейти к тестированию кросс-браузерности, то есть качество работы курса в последних версиях различных браузеров. Здесь следует обратить внимание на:

· Переходы по слайдам и содержанию курса;

· Присвоение значений переменным при прохождении теории и практики, прогресс-бар;

· Отклик курса на действия пользователя;

· Прогрузка медиа-элементов (если прогрузка занимает длительное время, то до публикации курса следует ужать изображения);

· Работа всплывающих окон, так как в некоторых браузерах требуется разрешение на их появление;

· Вид и работоспособность плеера для видео-контента.

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

Кроме того, собирается информация об отзывах, оставленных обучаемыми. В разрезе различных ролей и должностей рассматриваются самые значимые отзывы.

Данный анализ выполняется педагогическим дизайнером, и если на данном этапе появляются значительные недочеты, то курс переходит на тот этап, где это можно исправить.

Многие из этапов, которые мы рассмотрели, в том числе удобно сопроводить требованиями, которые мы выделили ранее. Для того, чтобы еще детальнее подойти к каждому шагу, предлагается таблица с требованиями, соответствующие тем, что были выделены в главе 3. Первая буква соответствует группе требований (П - педагогический дизайн, И - интерфейс, У - удобство использования), а номер требования соответствует порядку по списку. Описание представлено в конце третьей главы (Табл. 5.1).

Таблица 5.1 Этапы методики проектирования дизайна курса