5 ошибок визуального дизайна

Перевод статьи Тони Кулмана "Common Visual Design Mistakes That Ruin the Way Your Course Looks"

Ошибка № 1: "Изображения "скручиваются", а не масштабируются"

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

Ошибка № 2 "Нет точки внимания"

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

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

(Для того, чтобы понять этот принцип Тони (да и я тоже) рекомендует книгу Робин Уильямс "Дизайн для недизайнеров" - Б.К.)

Ошибка № 3: "Непоследовательный визуальный стиль"

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

Другие элементы визуальной несогласованности:

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

Ошибка № 4: "Отсутствие визуальной иерархии"

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

Ошибка № 5: "Неряшливое выравнивание и компоновка"

Я видел много курсов, где поля различаются по ширине, а объекты не выравниваются должным образом. Это приводит к тому, что курс выглядит неаккуратным и несбалансированным. Это примерно как входить в комнату, где мебель стоит на боку. Вы можете не быть декоратором, но вы определенно можете сказать, когда это "выглядит не так". То же самое происходит с визуальным дизайном, который не сбалансирован. Это просто не выглядит правильным и может усложнить понимание содержания курса.

Это легко исправить:

• Строгие поля.
• Выравнивание объектов. Выравнивание по левому краю является наиболее распространенным. Если вы измените его - у вас должна быть причина.
• Дополнительное пространство между группами объектов помогает понять, что они сгруппированы.
• Многие люди используют сетку для выравнивания экранных объектов.

П.С. Некоторые моменты из того, что написал Тони - есть в моей презентации, которую и предлагаю Вашему вниманию (она была представлена благодаря Елене Локтевой и ее Летней школе e-learning.by)

Эффективная разработка электронного курса

Пост по материалам Тони Кулмана "Essentials of Interactive E-Learning"

1. При проектировании электронных курсов есть три основных момента:

• Какой контент должен быть в курсе?
• Как он будет выглядеть?
• Что сделают пользователи в курсе?

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

• Определите, кто ваша аудитория.
• В каких ситуациях им понадобится содержание курса?
• Что они могут сделать после окончания курса?
• Как они будут доказывать, что они могут это сделать во время прохождения курса?

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

• Настоящий глаз быка (цель) - это то, что нужно сделать ученику (что будет делать ученик)?
• Затем определите, как они могут доказать, что они могут это сделать?
• Какими навыками они должны владеть, чтобы это сделать?
• Что им нужно знать, чтобы это сделать?

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

Ошибки педагогического дизайна

5 Instructional Design Mistakes You Can Avoid: http://elearninginfographics.com/5-instructional-design-mistakes-can-avoid-infographic

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

Неправильно подобраны элементы

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

Много элементов разного формата

Оно может запутать учащихся вместо создания необходимого эффекта.

Отсутствие логики
Убедитесь в том, что материал размещен в логической последовательности.

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

Top 7 Instructional Design Mistakes and How to Avoid Them: http://elearninginfographics.com/top-7-instructional-design-mistakes-avoid-infographic

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

2. Нет логики.
Если один элемент (модуль) курса не вытекает из другого (или совсем не связан с остальными элементами) - слушатели могут не завершить обучение или показать плохие результаты. Чтобы избежать этого используйте раскадровки, это обеспечит наилучший поток логического проектирования. Раскадровка может охватывать все от представления ​​информации до типа навигации, которая будет использоваться.

3. Слишком много информации.
Никто не собирается адекватно воспринимать курс, когда чувствует, что его просто бомбардируют информацией. Если вы разрабатываете курс и пытаетесь упаковать в него очень много фактов и деталей - то вероятно, что сотрудники могут просто потерять интерес. Вам надо постоянно работать над содержанием Вашего курса, оптимизировать его под конкретные задачи и цели.

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

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

5.Плохое аудио

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

6. Некачественный шрифт.

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

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

7. Отсутствие баланса между текстом и изображениями.
Соблюдайте четкий баланс между изображениями и текстом, оптимизируйте его и подкрепляйте адекватными и релевантными изображениями. 

Разработка Soft Skills курсов для корпоративного обучения

4 Tips To Develop Soft Skill Courses For Corporate eLearning
http://elearningindustry.com/4-tips-develop-soft-skill-courses-for-corporate-elearning

Soft skills - навыки, проявление которых сложно отследить, проверить и наглядно продемонстрировать (спорно конечно). К обучению soft skills относятся тренинги по мотивации, лидерству, менеджменту, работе в команде, управлению временем, проведению презентаций, продажам, личному развитию и т. д.
Определение: Trainings.ru

К данной группе относятся коммуникативные и управленческие навыки, например: установление отношений, работа в команде, слушание и понимание собеседника, проведение переговоров, навыки убеждения, ораторское искусство, проведение презентаций, ведение дискуссий, решение проблем, принятие решений, лидерство, обучение других, мотивирование, создание эффективных команд с учетом культурных различий, разрешение конфликтных ситуаций и т.д. Понятие “soft skills” связано с тем, каким образом люди взаимодействуют между собой, то есть "мягкие" (по-другому – "социальные") навыки в равной степени необходимы как для повседневной жизни, так и для работы. 
Определение: futurecenter.in.ua

Топ 6 Soft Skills, которые необходимо включить в корпоративные программы e-learning

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

Коммуникативность.
Сотрудники должны иметь возможность выражать свои мысли и идеи. Это относится и к письменной и устной коммуникации. Подумайте, могут ли они написать краткое докладную записку о приемлемости бизнес -стратегии компании? Могут ли они емко и кратко выразить проблемы и задать вопросы на деловой встрече ?

Тайм - менеджмент.
Этот мягкий навык фокусируется на соблюдение сроков, установлении приоритетов и сосредоточенности на выполнении производственных задач. Выполняет ли сотрудник свои задачи на протяжении рабочего дня, или он постоянно отвлекаться на другие вопросы? Когда он получает очередное задание, может ли он наметить шаги его выполнения, и рассчитать время ее выполнения ?

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

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

Решение проблем.
Сотрудники, которые имеют большой опыт в решении проблем могут рассматривать задачу с разных точек зрения и применять ранее полученные знания, чтобы прийти к взвешенному и оптимальному решению. Знают ли ваши сотрудники, как разрешать конфликты и преодолевать проблемы, с которыми они сталкиваются в профессиональной деятельности? Могут ли они придумать нестандартные подходы решения проблем?

Рекомендации:

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

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

3. Сосредоточьтесь на минимально необходимом наборе навыков. Намерение развить все и сразу, как правило, приводит к негативным результатам. На самом деле, лучше иногда сосредоточиться только на одном навыке. Например, сделать короткий курс обучения который развивает один конкретный навык (ну как по мне, тут речь идет о краткосрочных e-learning курсах, в реале учебная программа может включать развитие более одного навыка).

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

А вообще среди моих знакомых коллег по развитию софт скиллов советую пройти обучение по бизнес аналитике у Елены Локтевой и Викории Пилипцевич. Их методы обучения, в частности Scrum, разовьют у Вас все вышеперечисленное: и навыки работы в команде и тайм-менеджмент и коммуникативность и все... все... все... Как по мне это одни из лучших спецов в области компетенций и всего, что с ними связано!

Так что советую их и рекомендую: Вот их последняя инициатива и надеюсь не последняя: http://bobrio.com/event/praktikum-upravlenija-trebovanijami/

"Мусор" в электронном курсе

Краткие советы по структурированию информации

(http://goo.gl/VoMS2t)

Как сделать содержание электронного курса более эффективным?

Создание информационной перегрузки в учебном курсе — это наиболее распространенная ошибка педагогических дизайнеров.

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

Эта инфографика представляет 5 правил создания курсов электронного обучения «без воды» и лишней информации.

1. Следуйте правилу IBI

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

2. Различайте состояния: «должен знать» и «может знать».

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

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

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

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

4. Практикоориентированное содержание.

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

5. Всегда помните о результатах обучения.

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