SlideShare a Scribd company logo
Десять игровыхмеханик
вHTMLAcademy
Алексей Симоненко
веб-евангелист в HTML Academy
2014
Что такое HTML
Academy
• 18 базовых курсов (309 заданий)
• 6 продвинутых курсов (139 заданий)
• 1 онлайн-интенсив
Что такое HTML
Academy
• 33 000 пользователей
• 1 500 000 выполненных заданий
• 200 000 полученных достижений
1. Постепенная
подача информации
• Большие задания дробим на маленькие задания
• Сложную теорию дробим на маленькие знания
1. Постепенная
подача информации
2. постепенное
усложнение
• Постоянный рост сложности, чтобы ученик
чувствовал прогресс
• Рост должен быть плавным
• Нельзя допускать чрезмерной сложности
2. постепенное
усложнение
2. постепенное
усложнение
Как мы боремся со
сложностью
• Подсказки
• Правильные ответы
• Поддержка
• Взаимопомощь учеников
3. головоломки
• С виду кажутся очень сложными
• Заставляют бросить вызов себе
• Могут очень сильно затягивать
• Удовлетворение после решения
3. головоломки
3. головоломки
4. Обратная связь
• Результаты работы и проверки заданий работают в
реальном времени
• Не надо нажимать кнопку «проверить»
• Задание дробится на несколько подзадач
• Ученик быстро понимает прав он или нет
• Сближает обучение с игрой
4. Обратная связь
5. Перфекционизм
6. Мини-игры
7. Сторителлинг
• Общая тематика курсов

Например, курс про селекторы посвящён биатлону
• Общее оформление курсов

Например, курс про фоны использует котиков
• Хорошо сочетается с мини-играми
8. Достижения и очки
9. Рейтинги
10. Открытые
профили
• Зависть
• Тщеславие
• «Раз они смогли, то и я смогу»
Результаты
Существенное повышение вовлечения в обучение:
«Затягивает»!
simonenko simonenko simonenko.su
Спасибо.

More Related Content

Similar to 10 игровых механик в HTML Academy

Принципы разработки электронных курсов
Принципы разработки электронных курсовПринципы разработки электронных курсов
Принципы разработки электронных курсовElena Tikhomirova
 
Час Кода в Казахстане 2015
Час Кода в Казахстане 2015Час Кода в Казахстане 2015
Час Кода в Казахстане 2015
Power WiFi
 
Мастер-класс "Внедрение электронного обучения"
Мастер-класс "Внедрение электронного обучения"Мастер-класс "Внедрение электронного обучения"
Мастер-класс "Внедрение электронного обучения"
Svetlana Ponomarenko
 
Точная настройка e-learning
Точная настройка e-learningТочная настройка e-learning
Точная настройка e-learning
eLearning center
 
Точная настройка электронного обучения в компании
Точная настройка электронного обучения в компанииТочная настройка электронного обучения в компании
Точная настройка электронного обучения в компании
Elena Tikhomirova
 
За что я ненавижу украинские интернет-магазины
За что я ненавижу украинские интернет-магазиныЗа что я ненавижу украинские интернет-магазины
За что я ненавижу украинские интернет-магазины
UAMASTER Digital Agency
 
Потёмкинские Scrum деревни. Бережной
Потёмкинские Scrum деревни. БережнойПотёмкинские Scrum деревни. Бережной
Потёмкинские Scrum деревни. Бережной
Dev.by
 
QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...
QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...
QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...
QAFest
 
Молдашева Амина+Обучение компьютерной безграмотности+решение
Молдашева Амина+Обучение компьютерной безграмотности+решениеМолдашева Амина+Обучение компьютерной безграмотности+решение
Молдашева Амина+Обучение компьютерной безграмотности+решение
Айдана Валиева
 
2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia
2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia
2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia
Lilia Ayatskova
 
Про отношения между менеджерами и тестировщиками
Про отношения между менеджерами и тестировщикамиПро отношения между менеджерами и тестировщиками
Про отношения между менеджерами и тестировщиками
Maxim Zakharov
 
презентация вебинар на 100%
презентация вебинар на 100%презентация вебинар на 100%
презентация вебинар на 100%
Катерина Спиридонова
 
Как эффективно подвести итоги онлайн-курса: метрики и метод.аудит
Как эффективно подвести итоги онлайн-курса: метрики и метод.аудитКак эффективно подвести итоги онлайн-курса: метрики и метод.аудит
Как эффективно подвести итоги онлайн-курса: метрики и метод.аудит
Marina Litvinova
 

Similar to 10 игровых механик в HTML Academy (13)

Принципы разработки электронных курсов
Принципы разработки электронных курсовПринципы разработки электронных курсов
Принципы разработки электронных курсов
 
Час Кода в Казахстане 2015
Час Кода в Казахстане 2015Час Кода в Казахстане 2015
Час Кода в Казахстане 2015
 
Мастер-класс "Внедрение электронного обучения"
Мастер-класс "Внедрение электронного обучения"Мастер-класс "Внедрение электронного обучения"
Мастер-класс "Внедрение электронного обучения"
 
Точная настройка e-learning
Точная настройка e-learningТочная настройка e-learning
Точная настройка e-learning
 
Точная настройка электронного обучения в компании
Точная настройка электронного обучения в компанииТочная настройка электронного обучения в компании
Точная настройка электронного обучения в компании
 
За что я ненавижу украинские интернет-магазины
За что я ненавижу украинские интернет-магазиныЗа что я ненавижу украинские интернет-магазины
За что я ненавижу украинские интернет-магазины
 
Потёмкинские Scrum деревни. Бережной
Потёмкинские Scrum деревни. БережнойПотёмкинские Scrum деревни. Бережной
Потёмкинские Scrum деревни. Бережной
 
QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...
QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...
QA Fest 2016. Екатерина Шепелева. Секрет успеха: как стать и оставаться востр...
 
Молдашева Амина+Обучение компьютерной безграмотности+решение
Молдашева Амина+Обучение компьютерной безграмотности+решениеМолдашева Амина+Обучение компьютерной безграмотности+решение
Молдашева Амина+Обучение компьютерной безграмотности+решение
 
2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia
2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia
2 tekhnologia prodazh_v_yazykovom_tsentre_prezentatsia
 
Про отношения между менеджерами и тестировщиками
Про отношения между менеджерами и тестировщикамиПро отношения между менеджерами и тестировщиками
Про отношения между менеджерами и тестировщиками
 
презентация вебинар на 100%
презентация вебинар на 100%презентация вебинар на 100%
презентация вебинар на 100%
 
Как эффективно подвести итоги онлайн-курса: метрики и метод.аудит
Как эффективно подвести итоги онлайн-курса: метрики и метод.аудитКак эффективно подвести итоги онлайн-курса: метрики и метод.аудит
Как эффективно подвести итоги онлайн-курса: метрики и метод.аудит
 

More from Alexey Simonenko

Автоматизация разработки курсов: путь от рутины к игре
Автоматизация разработки курсов: путь от рутины к игреАвтоматизация разработки курсов: путь от рутины к игре
Автоматизация разработки курсов: путь от рутины к игре
Alexey Simonenko
 
Ликбез по веб-технологиям
Ликбез по веб-технологиямЛикбез по веб-технологиям
Ликбез по веб-технологиям
Alexey Simonenko
 
Веб-дизайнер не художник
Веб-дизайнер не художникВеб-дизайнер не художник
Веб-дизайнер не художник
Alexey Simonenko
 
«TIME» — автоматизация агентства
«TIME» — автоматизация агентства«TIME» — автоматизация агентства
«TIME» — автоматизация агентства
Alexey Simonenko
 
ECMAScript 6 — будущее JavaScript
ECMAScript 6 — будущее JavaScriptECMAScript 6 — будущее JavaScript
ECMAScript 6 — будущее JavaScript
Alexey Simonenko
 
Адаптивный веб-дизайн
Адаптивный веб-дизайнАдаптивный веб-дизайн
Адаптивный веб-дизайн
Alexey Simonenko
 
PR с помощью большого мероприятия
PR с помощью большого мероприятияPR с помощью большого мероприятия
PR с помощью большого мероприятия
Alexey Simonenko
 
Facebook для бизнеса
Facebook для бизнесаFacebook для бизнеса
Facebook для бизнеса
Alexey Simonenko
 
Node.js для начинающих
Node.js для начинающихNode.js для начинающих
Node.js для начинающихAlexey Simonenko
 

More from Alexey Simonenko (9)

Автоматизация разработки курсов: путь от рутины к игре
Автоматизация разработки курсов: путь от рутины к игреАвтоматизация разработки курсов: путь от рутины к игре
Автоматизация разработки курсов: путь от рутины к игре
 
Ликбез по веб-технологиям
Ликбез по веб-технологиямЛикбез по веб-технологиям
Ликбез по веб-технологиям
 
Веб-дизайнер не художник
Веб-дизайнер не художникВеб-дизайнер не художник
Веб-дизайнер не художник
 
«TIME» — автоматизация агентства
«TIME» — автоматизация агентства«TIME» — автоматизация агентства
«TIME» — автоматизация агентства
 
ECMAScript 6 — будущее JavaScript
ECMAScript 6 — будущее JavaScriptECMAScript 6 — будущее JavaScript
ECMAScript 6 — будущее JavaScript
 
Адаптивный веб-дизайн
Адаптивный веб-дизайнАдаптивный веб-дизайн
Адаптивный веб-дизайн
 
PR с помощью большого мероприятия
PR с помощью большого мероприятияPR с помощью большого мероприятия
PR с помощью большого мероприятия
 
Facebook для бизнеса
Facebook для бизнесаFacebook для бизнеса
Facebook для бизнеса
 
Node.js для начинающих
Node.js для начинающихNode.js для начинающих
Node.js для начинающих
 

10 игровых механик в HTML Academy