40 визуальных символов, которые полезно знать разработчикам курсов

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

Источник инфографики
Нужен перевод? Загляните сюда

Картинка под спойлером

Что делать, если в тексте не хватает визуализации?

Автор: Марина Литвинова
Источник

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

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

Есть несколько способов визуально представить информацию:

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


Нашли какие-то способы, которые раньше не использовали?
Расскажите, пожалуйста, какие способы визуализации вы применяете.

Современная инфографика, или Чем меньше информации, тем круче электронное обучение

Автор: Владимир Наумов

Уж очень своеобычно, по-минималистски многие наши e-learning'цы понимают когнитивные процессы по поводу графики и инфографики в обучающих продуктах:

Давайте прочтем текст и взглянем на рисунок на скриншоте (Источник). Скольку штук на нем логических связей и переходов, необходимых для осознания и понимания  нарисованного объекта? А что это такое «осознание объекта» как ни максимизация высших логических связей? Чем их больше, тем полнее осознание и глубже понимание объектов. Не правда ли?

Но последуем далее за скупой минималисткой мыслью автора:

Таким образом, - «вытекает» из предыдущей мысли, -  делайте выбор в пользу упрощенных конструкций, не создавая чувство хаоса и беспорядка.

И вот оно - апофеоз «теории когнитивной нагрузки»:

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

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

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

Мысль о том, что «Эстетика и минимализм - вот чем нужно руководствоваться при создании учебных курсов» справедлива в е-learning лишь отчасти. Она справедлива к тем элементам контента обучающих продуктов, которые

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

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

А вот не современная, а средневековая инфографика «Колесо вопросов», которая запускает как раз когнитивные процессы:

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

Чем меньше информации поступает в мозг обучаемого для обработки, тем лучше это будет сказываться на обучении

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

Но вернемся к минимализму и реализму графики в цитируемом посте:

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

Минимизировать когнитивную нагрузку в рекламе – святое дело. А вот в обучении вряд ли. Если вы, конечно, рассматриваете аудиторию своих электронных курсов не в качестве тех, на кого распространяются законы этологии:

Источник

Правила восприятия информации в помощь разработчику курсов

Автор: Елена Лымарь                                                            

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

По каким правилам воспринимается информация?

Существует ряд принципов, согласно которым мы организуем поступающие данные.

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

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

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

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

5. Принцип переключения внимания. Кроме того, что человек склонен выделять в зрительном поле “фигуру”, он еще нуждается в переключении внимания, то есть в поиске следующей “фигуры”. 

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

6. И хорошо известный всем принцип 7 ± 2 указывает на то, что объем восприятия человека имеет определенные границы и дает возможность запомнить лишь от 5 до 9 предметов в один момент. Об этом правиле необходимо помнить при оформлении всех составляющих курса,  иначе читатель перестает обращать внимание на чрезмерное количество объектов, вследствие чего они превращаются в “фон”. 

Кому же интересно разбираться в сложном и перегруженном материале?

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

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

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

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

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

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

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

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

• Диаграмма - графическое  построение,  наглядно  показывающее  соотношение между различными величинами. В порядке увеличения  времени  восприятия  типы  диаграмм  распределяются так: столбиковые > ленточные > круговые. 

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

• Формула. Оптимальное  употребление  математической  символики   заключается в дополнении ее словесными пояснениями. Степень наглядности формулы и таблицы  примерно  одинакова,  но  степень наглядности формулы  определяется   уровнем   математической   подготовки субъекта,  а  требования  к  подготовке таблицы значительно меньше.

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