Когнітивне навантаження «гарних» уроків

Ви витратили вечір на матеріал до уроку. Підібрали картинки, вирівняли блоки, знайшли гарний шрифт. А через тиждень виявилося, що група памʼятає з нього менше, ніж із простої вправи на пів екрана, яку ви зібрали похапцем. Чому так?

Це не про смак і не про вміння оформлювати. Це вимірюваний ефект, який в освітніх дослідженнях вивчають уже сорок років. І найсильніше він б’є по тих учнях, яким і так найважче.

Не все навантаження зайве

У того, що відбувається з учнем на перевантаженому екрані, є назва: когнітивне перевантаження. Воно настає, коли елементів більше, ніж людина здатна втримати в увазі водночас, і тоді частина з них просто не обробляється.

Але саме навантаження не вороже. Воно буває двох видів, і плутати їх дорого.

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

Скільки насправді вміщає увага

Учень утримує в увазі одночасно близько чотирьох елементів. Не десять і не сім. Чотири, і навіть ця цифра залежить від того, що саме рахувати за елемент.

А тепер порахуйте, скільки окремих обʼєктів він бачить на звичайному екрані: заголовок, текст завдання, дві картинки, рамка, стікер, кнопка, підпис дрібним шрифтом. Вісім. І з них лише два несуть зміст. А скільки вийде у вас? Тут і настає перевантаження: елементів більше, ніж місця під них, тому щось випаде, і не факт, що прикраса.

Ось звідки береться знайоме відчуття, що вас не читають. Ви даєте вправу, під нею умову, а третім рядком дрібним шрифтом додаєте «використовуй скорочення». І половина групи здає роботу без скорочень. Скільки разів ви думали, що вони просто неуважні? Не тому, що не хотіли чи поспішали, а тому, що на третій рядок місця вже не лишилося: увагу забрали вправа й умова, і це нормально, бо саме вони й були головні.

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

Що показали дослідження

У дослідженнях є назва для того, що змагається за увагу: спокусливі деталі. Це елементи цікаві, але не потрібні для розуміння: декоративна картинка, кумедний факт збоку, анімація. Їх додають з добрих міркувань, щоб було не нудно, і тому їх так важко помітити в себе.

Про декоративні картинки дослідження кажуть три речі.

1. Користі вони не дають. Ще у вісімдесятих огляд Левіна й колег (1987) розділив картинки за функцією й показав різницю: ті, що представляють зміст, впорядковують його чи пояснюють, дають приріст, а суто декоративні не дають нічого. Не «слабке покращення», а відсутність ефекту.
2. У середньому вони ще й шкодять. Метааналіз 2020 року, що зібрав 177 ефектів із 50 досліджень, показує значуще погіршення розуміння, запамʼятовування й перенесення знань на нові задачі.
3. Але середній ефект невеликий і залежить від контексту. Без цього уточнення перші два пункти були б нечесними. Це не «одна картинка зруйнує урок». Це «декор має ціну, і ви за нього платите, навіть коли не помічаєте».

Платять за це найслабші

Тут починається найважливіше для практики. Ефект розподілений нерівномірно.

Найбільше втрачають ті, у кого менше попередніх знань і менший обсяг робочої памʼяті. Причина логічна: щоб проігнорувати зайве, треба спершу зрозуміти, що воно зайве. Початківець цього не вміє. Він сумлінно вивчає все, що бачить, зокрема й вашу милу картинку кота.

Сильний учень, навпаки, може від додаткових деталей навіть виграти: у нього лишається запас уваги, і деталь працює як інтерес.

А тепер згадайте, для кого ви робите найяскравіші матеріали. Найбарвистіші ми робимо для початківців і дітей. Тобто рівно для тих, хто найменше може їх витримати.

Чесності заради: не всі дослідження цю залежність підтверджують, окремі роботи різниці за рівнем не знайшли.

Справжнє правило виявилося не про кількість

Логічно було б зробити висновок «приберіть картинки». Але дослідження вказують на інше, і це набагато корисніше.

Дослідження Бендера з колегами, 2021 рік, показало: спокусливі деталі шкодять тільки тоді, коли учень помилково вважає їх важливими. Якщо людина одразу бачить, що це прикраса, вона проходить повз і нічого не втрачає. Шкода зʼявляється в момент невизначеності, коли незрозуміло, чи це частина матеріалу.

Це змінює саму задачу. Ми не збіднюємо матеріал, ми робимо його однозначним.

Три розбори

Це три найчастіші ситуації, у яких оформлення непомітно з’їдає увагу. Схеми навмисне спрощені: показані не гарні макети, а те, як учень бачить вагу елементів у першу секунду.

1. Слайд, який дублює вас. Ви показуєте екран і промовляєте те саме вголос. Здається, що так надійніше: хто не почув, той прочитає. Насправді учень пробує читати й слухати водночас і програє в обох, бо текст і мовлення претендують на той самий канал.

Що змінити. Лишіть на екрані опору, три чи чотири короткі рядки, а решту скажіть голосом. Якщо текст важливо дати повністю, дайте його мовчки й зробіть паузу на читання, а коментуйте вже після.

2. Схема з розшифруванням унизу. Це стосується будь-якого предмета, де є схема, карта, графік чи таблиця. На малюнку номери, а що вони означають, написано під ним. Учень щоразу утримує в памʼяті, що таке «3», веде очі вниз, знаходить рядок і повертається назад. Кожен такий рейс оплачується з тих самих комірок.

Те саме правило працює для перекладу поруч зі словом і для підпису під зображенням.

Що змінити. Ставте підписи прямо біля елементів. Якщо місця бракує, зменшіть саму схему або розберіть її частинами, але не переносьте підписи вниз.

3. Вправа, у якій не видно, з чого починати. Інструкція, приклад, підказка й рамка мають однакову вагу. Учень витрачає перші секунди не на завдання, а на те, щоб зрозуміти будову екрана.

Що змінити. Інструкція має бути єдиним сильним елементом угорі, і між нею та завданням має бути видима пауза. Все інше тихіше за неї. Це той випадок, коли достатньо змінити розмір і колір, нічого не викидаючи.

Ще два формати

Картка вправи. Якщо ілюстрація не є частиною завдання, вона має виглядати як фон, а не як елемент завдання. Однакова рамка навколо картинки й навколо завдання це і є та сама невизначеність.

Дошка в Miro чи Canva. Найпоширеніший випадок перевантаження в онлайні. Дошка приваблює тим, що на неї можна покласти все, і через це найчастіше шкодить. Учень бачить полотно й спершу мусить зрозуміти його структуру, і аж потім дійде до матеріалу. Просте правило: один екран, одна думка, і видима межа між тим, що робимо зараз, і тим, що потім.

Де декор виправданий

Чи означає це, що треба прибрати все? Ні. Оформлення виконує роботу, якої не робить зміст: утримує увагу дитини, задає тон, робить матеріал своїм, а не безликим.

Три орієнтири.

1. Не на екрані, де вводиться нове. Момент першого пояснення найдорожчий. Декор переносьте на повторення, розминку, підсумок.
2. Зробіть його очевидним. Приглушений колір, менший розмір, окреме поле. Учень має впізнати прикрасу за секунду, не витрачаючи на неї роздумів.

Якщо матеріал не ваш. З готовим підручником, чужим PDF чи презентацією з методкабінету зробити нічого не можна. Але можна назвати прикрасу вголос: «на цій сторінці нам потрібні тільки таблиця й приклад під нею, решта для настрою». Саме це й радять у дослідженні, коли прибрати зайве неможливо: попередити учня, що воно неважливе. Одне речення на початку коштує вам нічого.

ReadyTo

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

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

Звідки це відомо

Усе описане спирається на теорію когнітивного навантаження Джона Свеллера, якій уже понад тридцять років. В англомовному освітньому середовищі це давно робоча практика, а не новина: департамент освіти Нового Південного Уельсу видав офіційний посібник для вчителів, конференції researchED розбирають її роками, а Олівер Кавільйолі написав про візуальний бік окрему книжку.

Ми починаємо рубрику про оформлення уроків, щоб такі теми були розібрані українською: з дослідженнями, прикладами й конкретними кроками, які можна застосувати на найближчому уроці.

Що з цим робити далі

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

Ті, що для настрою, не видаляйте одразу. Спершу зробіть їх очевидно другорядними. Найчастіше цього достатньо.

Спробуйте на одному матеріалі й напишіть нам у спільноті, що вийшло. Цікаво, які елементи ви лишили, а які приглушили.

Ця стаття відповіла на питання «чому». Наступні в рубриці Оформлення уроків відповідатимуть на «як»: ієрархія на слайді, скільки кольорів витримує матеріал, підписи й акценти, шрифти й читабельність. Щоб не пропустити, приєднуйтеся до нашої спільноти в телеграмі. Там ми оголошуємо про вихід нових статей.

Коротко

1. Робоча памʼять утримує близько чотирьох елементів; коли їх більше, настає когнітивне перевантаження.
2. Навантаження буває двох видів: те, що несе сам матеріал, прибрати не можна, а те, що створює оформлення, можна.
3. Декоративні картинки не покращують результат, а в середньому трохи погіршують.
4. Найбільше втрачають початківці й діти, тобто ті, кому ми найчастіше робимо найбарвистіші матеріали.
5. Шкодить не кількість картинок, а невизначеність: коли незрозуміло, що матеріал, а що прикраса.
6. Декор лишайте, але приглушений і не на екрані, де вводиться нове.