SlideShare a Scribd company logo
1 of 15
Педагогічний
дизайн
Instructional
Design
е ективністьнавчання
ОСНОВИ ПЕДАГОГІЧНОГО
ДИЗАЙНУ ТА ЮЗАБІЛІТІ
ЛДУВС ім. Е.О.Дідоренка, 2014
1. Вступ. Педагогічні парадигми
2. Поняття та мета педагогічного
дизайну та юзабіліті
3. Основні вимоги
педдизайну та юзабіліті:
ПЛАН
до графічних об'єктів;
до тексту.
зародження освіти
освітою займаються батьки
Перша освітня «революція»
освітою займаються
спеціальні вчителі
Друга освітня «революція»
поява писемності,
становлення спец. інститутів
Третя освітня «революція»
завдяки книгам можна
поєднати освіту з самоосвітою
Четверта освітня «революція»
освіті немає меж –
ані в часі, ані в просторі
Ставленнявчителів
Архаїчне
суспільство
Стародавній
світ
Новий час
Сучасність
Узагальнення
Дитина – tabula rasa.
Чим заповниш – те й буде
Дитина – маленький дорослий, який просто
багато не знає
Людину необхідно вчити, враховуючи його
особливості
Людину неможливо навчити
- можна лише навчитися
Педагогічний дизайн і юзабіліті
Мета педагогічного дизайну
(Instructional Design - ID)
– комфорт студента
Юзабіліті (usability) – вивчає як
забезпечити комфортність
користування ПК
та ефективність роботи з ним
Мета педагогічного дизайну та
юзабіліті – забезпечити
комфортність та ефективність
навчання
Кольори у графікі
Нажаль,
відповідь
невірна
Завантажити
Червоний –
помилка, екстрена
увага, переривання
Зелений – дозвіл,
підтримка, схвалення
Так, це
вірна
відповідь
Жовтий –
очікування, зауваження
Зайвий фон
Інтерфейс сайту для обрання палітри
Інтерфейс софту для кольорів
Вимоги до тексту
Не предъявлять сплошной текст, необходимо максимально
структурировать текст на абзацы. Абзацы желательно отделять друг от
друга абзацным интервалом.
Размер одного абзаца не должен превышать вертикального размера
экрана. «Многие пользователи испытывают дискомфорт при
необходимости скроллинга для прочтения текста с экрана»
Не размещать на одной html-странице объѐм текста, превышающий
три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно
поделить на смысловые части и разместить на отдельной странице.
«Если учебный материал занимает очень большой объем, а разбить
его на отдельные фрагменты не получается, то его нужно размещать
для скачивания в виде заархивированного файла или помещать в
библиотеку курса».
В начале большого текстового фрагмента должна быть помещена
аннотация того, что включает данный фрагмент.
Размер одного абзаца не должен превышать вертикального размера
экрана. «Многие пользователи испытывают дискомфорт при
необходимости скроллинга для прочтения текста с экрана»
Не размещать на одной html-странице объѐм текста, превышающий
три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно
поделить на смысловые части и разместить на отдельной странице.
«Если учебный материал занимает очень большой объем, а разбить
его на отдельные фрагменты не получается, то его нужно размещать
для скачивания в виде заархивированного файла или помещать в
библиотеку курса».
Вимоги до тексту
Не предъявлять сплошной текст, необходимо максимально
структурировать текст на абзацы. Абзацы желательно отделять друг от
друга абзацным интервалом.
Размер одного абзаца не должен превышать вертикального размера
экрана. «Многие пользователи испытывают дискомфорт при
необходимости скроллинга для прочтения текста с экрана»
Не размещать на одной html-странице объѐм текста, превышающий
три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно
поделить на смысловые части и разместить на отдельной странице.
«Если учебный материал занимает очень большой объем, а разбить
его на отдельные фрагменты не получается, то его нужно размещать
для скачивания в виде заархивированного файла или помещать в
библиотеку курса».
Не предъявлять сплошной текст, необходимо максимально
структурировать текст на абзацы. Абзацы желательно отделять
друг от друга абзацным интервалом.
Размер одного абзаца не должен превышать вертикального
размера экрана. «Многие пользователи испытывают дискомфорт
при необходимости скроллинга для прочтения текста с экрана»
Не размещать на одной html-странице объѐм текста, превышающий
три экрана, т.е. требующий прокрутку больше двух раз. Текст
нужно поделить на смысловые части и разместить на отдельной
странице. «Если учебный материал занимает очень большой
объем, а разбить его на отдельные фрагменты не получается, то
его нужно размещать для скачивания в виде заархивированного
файла или помещать в библиотеку курса».
Times New Roman и др.
– шрифт с засечками
Tahoma,
Trebuchet,
Verdana и др. -
без засечек, шрифты
для чтения с экрана
Зміст пед. дизайну та юзабіліті
е ективністьнавчання
Дякую за увагу!

More Related Content

Similar to про пед.дизайн и юзабилити для Moodle

Collaborative creation of stories.
Collaborative creation of stories.Collaborative creation of stories.
Collaborative creation of stories.Evgeny Patarakin
 
Инновационные метоты обучения иностранным языкам
Инновационные метоты обучения иностранным языкамИнновационные метоты обучения иностранным языкам
Инновационные метоты обучения иностранным языкамLyudmila Vladimirova
 
мастерова о.а., пахомова о.л., ривкин л.с.
мастерова о.а., пахомова о.л., ривкин л.с.мастерова о.а., пахомова о.л., ривкин л.с.
мастерова о.а., пахомова о.л., ривкин л.с.Ася Шиманова
 
Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016
Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016
Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016Maria Belokolenko
 
Презентация Елены Ивановой "Педагог-библиотекарь"
Презентация Елены Ивановой "Педагог-библиотекарь"Презентация Елены Ивановой "Педагог-библиотекарь"
Презентация Елены Ивановой "Педагог-библиотекарь"Елена Ястребцева
 
Творческое чтение и развитие одарённости
Творческое чтение и развитие одарённостиТворческое чтение и развитие одарённости
Творческое чтение и развитие одарённостиNatalya Dyrda
 
Практико-ориентированная технология на уроках истории
Практико-ориентированная технология на уроках историиПрактико-ориентированная технология на уроках истории
Практико-ориентированная технология на уроках историиPetSV100
 
нити
нитинити
нитиdolbina
 
выступление
выступлениевыступление
выступлениеTanya67
 
современный урок биологии
современный урок биологиисовременный урок биологии
современный урок биологииpushinaav
 
использование икт
использование иктиспользование икт
использование иктTatyanaGer
 
Мастер - класс технологии критического мышления: "Кластер".
Мастер - класс технологии критического мышления: "Кластер".Мастер - класс технологии критического мышления: "Кластер".
Мастер - класс технологии критического мышления: "Кластер".diana diana
 
Стратегии чтения научно-популярного текста
Стратегии чтения научно-популярного текстаСтратегии чтения научно-популярного текста
Стратегии чтения научно-популярного текстаЕлена Смутнева
 
в гостях у словарей
в  гостях  у  словарейв  гостях  у  словарей
в гостях у словарейinternat10
 
стратегия смыслового чтения
стратегия смыслового чтениястратегия смыслового чтения
стратегия смыслового чтенияArfenia Sarkissian
 
десять шагов, которые потрясли мир
десять шагов, которые потрясли мирдесять шагов, которые потрясли мир
десять шагов, которые потрясли мирЕлена Смутнева
 
07 02 2013_эльмаа
07 02 2013_эльмаа07 02 2013_эльмаа
07 02 2013_эльмааmochkina_anna
 

Similar to про пед.дизайн и юзабилити для Moodle (20)

Collaborative creation of stories.
Collaborative creation of stories.Collaborative creation of stories.
Collaborative creation of stories.
 
Инновационные метоты обучения иностранным языкам
Инновационные метоты обучения иностранным языкамИнновационные метоты обучения иностранным языкам
Инновационные метоты обучения иностранным языкам
 
мастерова о.а., пахомова о.л., ривкин л.с.
мастерова о.а., пахомова о.л., ривкин л.с.мастерова о.а., пахомова о.л., ривкин л.с.
мастерова о.а., пахомова о.л., ривкин л.с.
 
Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016
Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016
Jткрытое родительское собрание по летнему семейному чтению красная площадь 2016
 
Презентация Елены Ивановой "Педагог-библиотекарь"
Презентация Елены Ивановой "Педагог-библиотекарь"Презентация Елены Ивановой "Педагог-библиотекарь"
Презентация Елены Ивановой "Педагог-библиотекарь"
 
Творческое чтение и развитие одарённости
Творческое чтение и развитие одарённостиТворческое чтение и развитие одарённости
Творческое чтение и развитие одарённости
 
Практико-ориентированная технология на уроках истории
Практико-ориентированная технология на уроках историиПрактико-ориентированная технология на уроках истории
Практико-ориентированная технология на уроках истории
 
нити
нитинити
нити
 
выступление
выступлениевыступление
выступление
 
современный урок биологии
современный урок биологиисовременный урок биологии
современный урок биологии
 
статья малыхина и. л.
статья малыхина и. л.статья малыхина и. л.
статья малыхина и. л.
 
использование икт
использование иктиспользование икт
использование икт
 
Мастер - класс технологии критического мышления: "Кластер".
Мастер - класс технологии критического мышления: "Кластер".Мастер - класс технологии критического мышления: "Кластер".
Мастер - класс технологии критического мышления: "Кластер".
 
Стратегии чтения научно-популярного текста
Стратегии чтения научно-популярного текстаСтратегии чтения научно-популярного текста
Стратегии чтения научно-популярного текста
 
в гостях у словарей
в  гостях  у  словарейв  гостях  у  словарей
в гостях у словарей
 
стратегия смыслового чтения
стратегия смыслового чтениястратегия смыслового чтения
стратегия смыслового чтения
 
десять шагов, которые потрясли мир
десять шагов, которые потрясли мирдесять шагов, которые потрясли мир
десять шагов, которые потрясли мир
 
New ikt
New iktNew ikt
New ikt
 
07 02 2013_эльмаа
07 02 2013_эльмаа07 02 2013_эльмаа
07 02 2013_эльмаа
 
Смешиваем обучение
Смешиваем обучениеСмешиваем обучение
Смешиваем обучение
 

More from ValeeV Ruslan

т. 15. Алгоритми дій під час виявлення, припинення правопорушень
т. 15. Алгоритми дій під час виявлення, припинення правопорушеньт. 15. Алгоритми дій під час виявлення, припинення правопорушень
т. 15. Алгоритми дій під час виявлення, припинення правопорушеньValeeV Ruslan
 
т. 4. Основні завдання підрозділів ПСПОП
т. 4. Основні завдання підрозділів ПСПОПт. 4. Основні завдання підрозділів ПСПОП
т. 4. Основні завдання підрозділів ПСПОПValeeV Ruslan
 
т. 6. Організація діяльності чергової служби
т. 6. Організація діяльності чергової службит. 6. Організація діяльності чергової служби
т. 6. Організація діяльності чергової службиValeeV Ruslan
 
т. 3. Повноваження поліції - для короткострового підвищення кваліфікації
т. 3. Повноваження поліції - для короткострового підвищення кваліфікаціїт. 3. Повноваження поліції - для короткострового підвищення кваліфікації
т. 3. Повноваження поліції - для короткострового підвищення кваліфікаціїValeeV Ruslan
 
т.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікації
т.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікаціїт.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікації
т.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікаціїValeeV Ruslan
 
2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...
2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...
2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...ValeeV Ruslan
 
т.12 Поліції охорони та КОРД.pptx
т.12 Поліції охорони та КОРД.pptxт.12 Поліції охорони та КОРД.pptx
т.12 Поліції охорони та КОРД.pptxValeeV Ruslan
 
Public order old style vs new approach, eng awareness presentation all with...
Public order   old style vs new approach, eng awareness presentation all with...Public order   old style vs new approach, eng awareness presentation all with...
Public order old style vs new approach, eng awareness presentation all with...ValeeV Ruslan
 
Topic 1.1 euam eng awareness presentation
Topic 1.1 euam   eng  awareness presentationTopic 1.1 euam   eng  awareness presentation
Topic 1.1 euam eng awareness presentationValeeV Ruslan
 
Topic 1.1 euam ukr awareness presentation
Topic 1.1 euam   ukr awareness presentationTopic 1.1 euam   ukr awareness presentation
Topic 1.1 euam ukr awareness presentationValeeV Ruslan
 
Security and evacuation
Security and evacuationSecurity and evacuation
Security and evacuationValeeV Ruslan
 

More from ValeeV Ruslan (14)

т. 15. Алгоритми дій під час виявлення, припинення правопорушень
т. 15. Алгоритми дій під час виявлення, припинення правопорушеньт. 15. Алгоритми дій під час виявлення, припинення правопорушень
т. 15. Алгоритми дій під час виявлення, припинення правопорушень
 
т. 4. Основні завдання підрозділів ПСПОП
т. 4. Основні завдання підрозділів ПСПОПт. 4. Основні завдання підрозділів ПСПОП
т. 4. Основні завдання підрозділів ПСПОП
 
т. 6. Організація діяльності чергової служби
т. 6. Організація діяльності чергової службит. 6. Організація діяльності чергової служби
т. 6. Організація діяльності чергової служби
 
т. 3. Повноваження поліції - для короткострового підвищення кваліфікації
т. 3. Повноваження поліції - для короткострового підвищення кваліфікаціїт. 3. Повноваження поліції - для короткострового підвищення кваліфікації
т. 3. Повноваження поліції - для короткострового підвищення кваліфікації
 
т.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікації
т.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікаціїт.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікації
т.8 Однострій поліцейських. Лекція для короткострового підвищення кваліфікації
 
2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...
2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...
2.5. «Правова основа діяльності закладів освіти, порядок їх функціонування. П...
 
т.12 Поліції охорони та КОРД.pptx
т.12 Поліції охорони та КОРД.pptxт.12 Поліції охорони та КОРД.pptx
т.12 Поліції охорони та КОРД.pptx
 
Public order old style vs new approach, eng awareness presentation all with...
Public order   old style vs new approach, eng awareness presentation all with...Public order   old style vs new approach, eng awareness presentation all with...
Public order old style vs new approach, eng awareness presentation all with...
 
Topic 1.1 euam eng awareness presentation
Topic 1.1 euam   eng  awareness presentationTopic 1.1 euam   eng  awareness presentation
Topic 1.1 euam eng awareness presentation
 
Topic 1.1 euam ukr awareness presentation
Topic 1.1 euam   ukr awareness presentationTopic 1.1 euam   ukr awareness presentation
Topic 1.1 euam ukr awareness presentation
 
Security and evacuation
Security and evacuationSecurity and evacuation
Security and evacuation
 
First aid law
First aid lawFirst aid law
First aid law
 
Tccc vs phtls
Tccc vs phtlsTccc vs phtls
Tccc vs phtls
 
Respiration
RespirationRespiration
Respiration
 

про пед.дизайн и юзабилити для Moodle

  • 2. 1. Вступ. Педагогічні парадигми 2. Поняття та мета педагогічного дизайну та юзабіліті 3. Основні вимоги педдизайну та юзабіліті: ПЛАН до графічних об'єктів; до тексту.
  • 4. Перша освітня «революція» освітою займаються спеціальні вчителі
  • 5. Друга освітня «революція» поява писемності, становлення спец. інститутів
  • 6. Третя освітня «революція» завдяки книгам можна поєднати освіту з самоосвітою
  • 7. Четверта освітня «революція» освіті немає меж – ані в часі, ані в просторі
  • 8. Ставленнявчителів Архаїчне суспільство Стародавній світ Новий час Сучасність Узагальнення Дитина – tabula rasa. Чим заповниш – те й буде Дитина – маленький дорослий, який просто багато не знає Людину необхідно вчити, враховуючи його особливості Людину неможливо навчити - можна лише навчитися
  • 9. Педагогічний дизайн і юзабіліті Мета педагогічного дизайну (Instructional Design - ID) – комфорт студента Юзабіліті (usability) – вивчає як забезпечити комфортність користування ПК та ефективність роботи з ним Мета педагогічного дизайну та юзабіліті – забезпечити комфортність та ефективність навчання
  • 10. Кольори у графікі Нажаль, відповідь невірна Завантажити Червоний – помилка, екстрена увага, переривання Зелений – дозвіл, підтримка, схвалення Так, це вірна відповідь Жовтий – очікування, зауваження Зайвий фон
  • 11. Інтерфейс сайту для обрання палітри
  • 13. Вимоги до тексту Не предъявлять сплошной текст, необходимо максимально структурировать текст на абзацы. Абзацы желательно отделять друг от друга абзацным интервалом. Размер одного абзаца не должен превышать вертикального размера экрана. «Многие пользователи испытывают дискомфорт при необходимости скроллинга для прочтения текста с экрана» Не размещать на одной html-странице объѐм текста, превышающий три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно поделить на смысловые части и разместить на отдельной странице. «Если учебный материал занимает очень большой объем, а разбить его на отдельные фрагменты не получается, то его нужно размещать для скачивания в виде заархивированного файла или помещать в библиотеку курса». В начале большого текстового фрагмента должна быть помещена аннотация того, что включает данный фрагмент. Размер одного абзаца не должен превышать вертикального размера экрана. «Многие пользователи испытывают дискомфорт при необходимости скроллинга для прочтения текста с экрана» Не размещать на одной html-странице объѐм текста, превышающий три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно поделить на смысловые части и разместить на отдельной странице. «Если учебный материал занимает очень большой объем, а разбить его на отдельные фрагменты не получается, то его нужно размещать для скачивания в виде заархивированного файла или помещать в библиотеку курса».
  • 14. Вимоги до тексту Не предъявлять сплошной текст, необходимо максимально структурировать текст на абзацы. Абзацы желательно отделять друг от друга абзацным интервалом. Размер одного абзаца не должен превышать вертикального размера экрана. «Многие пользователи испытывают дискомфорт при необходимости скроллинга для прочтения текста с экрана» Не размещать на одной html-странице объѐм текста, превышающий три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно поделить на смысловые части и разместить на отдельной странице. «Если учебный материал занимает очень большой объем, а разбить его на отдельные фрагменты не получается, то его нужно размещать для скачивания в виде заархивированного файла или помещать в библиотеку курса». Не предъявлять сплошной текст, необходимо максимально структурировать текст на абзацы. Абзацы желательно отделять друг от друга абзацным интервалом. Размер одного абзаца не должен превышать вертикального размера экрана. «Многие пользователи испытывают дискомфорт при необходимости скроллинга для прочтения текста с экрана» Не размещать на одной html-странице объѐм текста, превышающий три экрана, т.е. требующий прокрутку больше двух раз. Текст нужно поделить на смысловые части и разместить на отдельной странице. «Если учебный материал занимает очень большой объем, а разбить его на отдельные фрагменты не получается, то его нужно размещать для скачивания в виде заархивированного файла или помещать в библиотеку курса». Times New Roman и др. – шрифт с засечками Tahoma, Trebuchet, Verdana и др. - без засечек, шрифты для чтения с экрана
  • 15. Зміст пед. дизайну та юзабіліті е ективністьнавчання Дякую за увагу!