3. Требования, предъявляемые к
текстам на сайте ВЫШЕ, чем к
любым другим текстам
Широкая
Особенности неравномерная
восприятия текста с аудитория
экрана монитора
Высокая конкуренция среди
Особенности индексации видов контента: графика,
текстов поисковыми видео, аудио
системами
4. Текст в формах деятельности ДО
1) элемент мультимедиа контента (надписи на
слайдах и титры в кино)
2) средство коммуникации (сообщения в чате, блоге,
форуме)
3) средство представления контента (электронные
книги, лекции)
Это все - представление информации.
5. Организация
восприятия текста
1.Внешняя 2.Внутренняя
визуализация структурирование
Адаптация текста
ТЕХНОЛОГИЧЕСКАЯ ПЕДАГОГИЧЕСКАЯ
6. 1.Визуализация текста
1. Начертание букв (шрифт, размер, цвет)
2. Длина предложения, абзаца, страницы
3. Ширина текста
4. Заголовки, выделения, списки
5. Иллюстрирование
6. Внешние дефекты
1. Внешняя организация восприятия текста: визуализация
8. 2. Длина текста
• Предложение – 8-12 слов (>20)
• Абзац – 3-4 предложения (50-70 слов)
• Страница – около 500 знаков
1. Внешняя организация восприятия текста: визуализация2
10. 3. Ширина текста
правило двух алфавитов: при наличии переносов ширина
строки равняется длине строки, набранной из всех букв
русского алфавита полтора раза, если переносов нет – из
двух русских алфавитов. В случае html переносы
невозможны, поэтому мы можем считать, что оптимальной
шириной текста является строка, в которой примерно 35-45
знаков= 350 пикселей= 9 см.
1234567891012345678910
1234567891012345678910
1234567891012345678910
1. Внешняя организация восприятия текста: визуализация3
11. 4.Заголовки, выделения, списки
• Название курса
• Название раздела
• Название подраздела
• Названия рисунков, таблиц, схем
1. Внешняя организация восприятия текста: визуализация4
17. Структурирование текста
1. Синтаксис
2. Стиль изложения
3. Логика изложения
4. Критерии хорошего учебного
текста
5. Содержательность изложения
2. Внутренняя организация восприятия текста: структурирование
18. 2.Стиль изложения
Правила «хорошего тона»
Культурные нормы языка
Национальная специфика
Стиль изложения понятен…
2. Внутренняя организация восприятия текста: структурирование1
19. 3.Логика изложения1
Attention внимание
AIDA
Interest интерес
Desire желание
Action действие
2. Внутренняя организация восприятия текста: структурирование
20. 3.Логика изложения2
Самое важное
Менее важное
2. Внутренняя организация восприятия текста: структурирование
21. Критерии «хорошего» учебного текста
• «Действенность»
• Полнота
• Ясность
• Точность
• Логичность
• Последовательность
2. Внутренняя организация восприятия текста: структурирование
22. Структура текста
Логичность + Последовательность =
Структура
Раздел/название; Эпиграф; Логическое задание, вопрос;
Аннотация раздела; Определения; Примеры из жизни;
Изложение основного материала; Перевод термина с
латинского; Примеры связи с жизнью; Пояснение к схеме;
Историческая справка; Пояснение к формуле; Портрет;
Пример решения задачи; Дополнительные материалы;
Резюме раздела; Словарь; Основные выводы; Вопросы
для самопроверки; Вопросы на рефлексию; Задания,
задачи.
2. Внутренняя организация восприятия текста: структурирование
24. 4.Содержательность
изложения
• За счет широты и глубины
контента снижается качество
содержания x
• Иллюстративная, а не
инструктивная анимация x
• Графика, просто дублирующая
текст x
2. Внутренняя организация восприятия текста: структурирование
25. 4.Содержательность
изложения
Дональд Кларк "10 ways to keep courses short"
10 способов сделать курс коротким:
1. Цели курса
2. Введение
3. Красивые картинки
4. Текст
5. Звук
6. Раздражающая анимация
7. Видео
8. Глоссарий
9. Время изучения курса
10. Отзывы о курсе
26. Вывод
Текст в ДО не является
учебником.
Это скорее инструкция
по развитию личного
опыта студента.
27. Педагогический дизайн
текста в ДО
Саврасова Анна Николаевна
savrasova.anna@mshu.edu.ru
Мурманск, 2012
Editor's Notes
Шведские исследователи считают, что мы понимаем больше, когда читаем на бумаге, чем тогда, когда видим тот же текст на экране. Навигация и прочие мелкие вещи, которых мы не замечаем, уводят наше внимание от процесса чтения. Кроме того, текст часто не адаптирован к экранному формату. Суть такой адаптации отражена на слайде. Текст и контент должны управлять деятельностью обучаемых, коли обучение идет без непосредственного участия преподавателя или когда это участие периодическое.
В основном сегодня речь будет идти о тексте как средстве предоставления контента, учебного содержания. По остальным позициям - это отдельная проблема в дизайне ДО. Согласно психологии восприятия, текст в начале не читается, а просматривается. Отсюда значимость внешнего вида. С этой точки зрения текст – это мультимедиа объект.
Восприятием текста необходимо управлять! Управлять, адаптируя его к двум условиям: Технология – электронный формат, определяющий особенности усвоения информации с экрана ПК и 2) Опосредованное взаимодействие с преподавателем. Поэтому условно разделим процесс адаптации УЧЕБНОГО ТЕКСТА на две составляющие – визуализацию и структурирование. Самый простой путь – внешний – ВИЗУАЛИЗАЦИЯ, т.е создание ВНЕШНЕ легко усваемого текста. Более глубокая обработка текста – внутренняя, связанная с пластом психологического усвоения содержания и присвоения смыслов обучающимися. Рассмотрим эти направления обработки текста по-порядку.
Итак, адаптация текста к технологии электронного обучения, назовем ее ВИЗУАЛИЗАЦИЯ, прежде всего связана с внешним оформлением текста. Сюда относится: Особенности изображения букв – характеристики шрифта – начертание, размер, цвет Длина разделов текста Ширина текста Заголовки, выделения, списки Иллюстрации. Используете ли вы текст или графику, все они должны работать на задачи курса. Если что-то есть на экране, оно должно помогать и не отвлекать от собственно курса. Это включает визуальные стили, шрифты, цвета и символы. Все должно помогать коммуникативному процессу. Убедитесь, что вы выбираете правильные сигналы.
Первое – шрифт. Правильный шрифт – шрифт, который легко читается, воспринимается с экрана. Обычно рекомендуют прямой, без засечек, но часто используют различные варианты. Главное: избегайте стилей, которые отвлекают от собственно содержания текста. Размер шрифта . Для заголовков не менее 24п., для текста не менее 18п. Стили шрифтов не смешиваются. Прописные буквы использовать осторожно – т.к. хуже читаются. Цвет – понятно, контрастный с фоном, но не ядовитый. На слайде – выберите «правильный» шрифт для учебного текста из списка.
Это означает, что веб-страницы должны быть небольшими по объему, разбитыми на абзацы, а каждый абзац и каждое предложение в тексте иметь максимальную концентрацию законченных мыслей.
Пример внешней организации восприятия текста: ширина текста, иллюстрации и управляющие картинки, разделение на блоки, наличие списка, плюс определенная логика изложения – все это делает восприятие этого фрагмента текста достаточно легким. Почему две колонки текста? Давайте разберемся.
Группа исследователей в области книгопечатания - Брюйн ( Bruijn ) и его коллеги, открыли, что при чтении онлайнового содержимого люди предпочитают текст с более короткими строками, потому что он кажется им более упорядоченным и легким для восприятия. Забегая на шаг вперед, скажем, что два других исследователя Дайсон ( Dyson ) и Хасельгров ( Haselgrove ) обнаружили, что люди лучше воспринимают короткие текстовые строки, чем длинные. Итак, короткие строки предпочтительнее, согласны? Нет, не все так просто… Проблема состоит в том, что максимальную степень восприятия и внешнюю простоту текста обеспечивает длина строки от сорока до пятидесяти пяти символов , или другими словами, текстовая колонка шириной в 250-350 пикселей (в зависимости от шрифта и его размера). Если вы ведете блог или занимаетесь онлайновой торговлей, вы знаете, что колонка шириной в 300-400 пикселей слишком узка. Вам надо чем-то заполнить огромное поле экрана, да к тому же, несмотря на то, что люди предпочитают короткие строки, длинные строки (100 символов на строку или 500-600 пикселей) они читают быстрее. Трюк состоит в том, чтобы сделать строки начальной части вашей статьи короче, чем в остальном тексте. Это возможно, если поместить картинку в правой или левой части текста. Картинки делают текст короче. Весьма симпатично, правда? Вы можете начать вашу статью короткими строками и привлекающим взгляд изображением, в результате читатель погрузится в чтение без каких-либо усилий. Отличная работа! http :// socialtriggers.com / perfect-content-width /
Заголовки и подзаголовки текстов – это самое заметное место, где можно разместить важную информацию. Именно оценивая заголовки на странице, посетитель решает, продолжать ли знакомство с текстом или нет. Заголовок должен привлекать внимание и быть информативным. 1. Название курса — это очень важный элемент и к его созданию нужно подходить ответственно. 2. Текст курса состоит из многих предложений. Самый существенный вклад в восприятие курса вносит предложение, которое является названием курса. 3. Удачное название курса, соответствующее его наполнению и ожиданиям целевой аудитории это правильно, поскольку именно так и должно быть. 4. Ошибки при создании названия курса могут иметь различные последствия, среди которых: - уменьшение мотивации к изучению курса (если название «не вкусное»); - искажение достигаемых учебных целей (если не правильно поставлен акцент); - уменьшение эффективности курса (если название «обрезает» некоторые возможные трактовки содержания). Чтение с экрана монитора требует бóльшего напряжения для глаз, чем чтение с бумаги. Поэтому желательно разбивать тексты на странице на небольшие абзацы (2-3 предложения), облегчая глазам чтение. Легкость восприятия текста с экрана монитора достигается использованием маркированных или нумерованных списков, а также выделением важных фраз полужирным шрифтом или курсивом. Выделение подчеркиванием лучше не использовать, так как подчеркнутый текст – общепринятый в Интернете признак гиперссылки. При этом не следует ужимать расположение текста, размещать его вплотную к элементам дизайна сайта. Вокруг текста должно оставаться комфортное количество пустого пространства, расположение блоков текста должно быть свободным. Гармоничная структура веб-страницы, приятные цветовые решения и профессиональный дизайн – это задача-минимум юзабилити сайта.
Ричард Майер из Университета Калифорнии исследовал эффект от разных вариантов электронных курсов - в одном был просто текст, в другом текст и необходимые иллюстрации, в третьем текст, необходимые иллюстрации + дополнительные иллюстрации дающие интерсную, но факультативную информацию. Получилось, что текст + иллюстрации значительно эффективнее чем просто текст, а также чем вариант с дополнительными "фишками", которые просто отвлекали обучаемого от основной темы. Выясняется, что не все рюшечки и красивости в курсе одинаково полезны. Если на слайде находятся одновременно фото, картинка и текст, начинайте с изображения, где бы оно ни находилась на экране. (Это связано с тем, что графика воспринимается, в норме, прежде текста, целостно и практически мгновенно). 1. Озаглавьте картинку (фото) 2. Что/кто изображено(ен)? 3. Легко ли читается смысл изображения? 4. Достаточно ли качественно (удобно для восприятия) изображение? Затем прочитайте текст и ответьте себе на вопросы: 1. Соответствует ли заголовок картинки содержанию текста (не буквально, а по смыслу) 2. Изображенные визуально объекты иллюстрируют содержание текста? 3. Представленные визуально объекты находятся по отношению к содержанию текста в отношениях а) соответствия? б) целесообразного контраста? в) выделения важнейших аспектов содержания текста? г) представляют (изображают) ситуацию, ее внешний антураж, описываемую в тексте? Наличие ответов «нет» на любой из вопросов (или одни из подвопросов, кроме подвопроса б)) второй группы обычно является сигналом к пересмотру (замене или корректировке) либо изображения, либо текста
Пример хорошего текста с иллюстрацией
Еще один пример оформления текста как иллюстрации. Итак, сформулируем основные правила составления текста для веба: • грамотность; • информативные заголовки; • небольшие абзацы; • простые предложения; • маркированные списки; • выделение слов; • свободное расположение;
Т.о., адаптация текста к технологии электронного обучения, ВИЗУАЛИЗАЦИЯ, прежде всего связана с внешним оформлением текста. Сюда относится: Особенности изображения букв – характеристики шрифта – начертание, размер, цвет Длина разделов текста Ширина текста Заголовки, выделения, списки Иллюстрации. Не упомянули лишь внешние дефекты . Это все, что бросается в глаза как отклонение от нормы: ошибки орфографические и пунктуационные, низкое качество иллюстраций, нарушения границ и пр. Мало того, что все эти «мелочи» портят общее впечатление, так еще и отвлекают внимание от содержания, а также способны влиять на мотивацию обучающихся.
Упражнение 1. Назовите внешние управляющие элементы в данном слайде с текстом? Заголовок Разделы (абзацы) Выделение цветом Гипертекст Картинки с надписями Навигация по заголовкам разделов слева и внизу Текст 700 знаков!
Теперь рассмотрим адаптацию текста педагогическую, связанную с организацией деятельности обучающихся при отсутствии преподавателя, или его эпизодическом присутствии. По плану:.. Синтаксис не рассматриваем, здесь очень сложные наци-культурные особенности. Сразу перейдем к стилю изложения.
Важно следить за стилем написания. Во-первых, желательно использовать простой, но не разговорный язык. Не бояться личных обращений «Подумай, почему…», «Хотел бы ты…» и т.п. Во-вторых, придерживаться стиля имеющихся текстов на сайте (если такие уже есть) и общих пожеланий к контенту. Общий тон повествования может быть самым разным, но не мрачным или негативным. Пример тона: прогноз негативных явлений, особенно в соц среде способен формировать подсознательные установки поведения людей. Это уже давно доказано психологами. Давайте рассмотрим понятность текста в целом Понятность текста обеспечивается: использование образного лексического минимума (слова со смыслом); учет произносимости слов; настройка на разговорный уровень учеников; краткость предложения (8 - читаются легко, 29 и больше - тяжелые для чтения); ритм текста (длинное, короткое, очень короткое, чуть длиннее - в среднем 12-15 слов); предпочтение предложений с действительным залогом; использование позитивных формулировок место негативных; создание хороших переходов; использование семантической дедукции: общее перед специализированным; простое перед сложным; знакомое перед незнакомым; базирование на предыдущих знаниях учеников; представление интересного и важного перед нудным и неважным. использование личных местоимений. Текст должен быть написан просто, но не слишком просто. Следует учитывать уровень развития, культуры и тезаурус вашей целевой аудитории. Или, как говорят промышленные дизайнеры: «Создайте вещь, которой сможет воспользоваться любой дурак, и только дурак захочет этой вещью воспользоваться».
Подход 1. В структуре рекламного текста часто используют формулу AIDA (от англ. Attention, Interest, Desire, Action – внимание, интерес, желание, действие). Внимание читателя на веб-странице можно привлечь «цепляющим» заголовком, яркой иллюстрацией, выделением цветом и т.д. Дальше важно это внимание не отпустить, пробудить интерес читателя к товару. Можно использовать составленное УТП, нарисовать проблему читателя и предложить ее решение с помощью товара. После этого интерес нужно превратить в желание приобрести товар, воспользоваться услугой. Нужно перечислить выгоды, получаемые потребителем от пользования товаром (может быть, он экономит время), здесь в ход идут все преимущества и особенности товара. Последний шаг – завершение логической цепочки совершением конкретных действий . Побуждение к действиям (звонок, заполнение формы, отправка письма, загрузка файла и т.д.) возможно, только если имеются явные способы совершения этих действий. Не нужно заставлять посетителя сайта искать номер телефона или разбираться в запутанных кнопках. Для педдизайна эта формула очень подходит: наш текст должен организовывать деятельность обучаемого, следовательно, все названные составляющие необходимо активизировать, в приложении к образовательным целям. В Интернете успешно применятся принцип « перевернутой пирамиды » при написании текстов. Согласно этому методу, повествование желательно начинать с самых важных фактов и выводов. Читателю в первых абзацах сообщается выжимка и основная информация, далее по тексту он может узнать подробности. Но в любой момент прервав чтение, читатель оставит в голове все необходимое. Поэтому, даже если посетители страницы ушли с нее, не прикоснувшись мышкой к полосе прокрутки, а прочитали только верхнюю часть, они в любом случае получили самую важную информацию.
В Интернете успешно применятся принцип « перевернутой пирамиды » при написании текстов. Согласно этому методу, повествование желательно начинать с самых важных фактов и выводов. Читателю в первых абзацах сообщается выжимка и основная информация, далее по тексту он может узнать подробности. Но в любой момент прервав чтение, читатель оставит в голове все необходимое. Поэтому, даже если посетители страницы ушли с нее, не прикоснувшись мышкой к полосе прокрутки, а прочитали только верхнюю часть, они в любом случае получили самую важную информацию.
«Действенность» Полнота ( описан весь набор учебных действий ученика ); Ясность ( набор учебных действия описан на языке, понятном учащемуся ); Точность ( даны учебные действия те что нужно и ничего лишнего ) Логичность Последовательность Разберемся с двумя последними пунктами: логичность и последовательность
Структура текста – один из главных вопросов создания текста. Это процесс выделения частей и элементов текста. Элементы – понятия, закономерности, учебные ситуации и пр., создают СИСТЕМУ, если они взаимозависимы и взаимосвязаны, т.е. влияют друг на друга. Есть такой подход: 3-2-1: суть в том, что можно рассчитать количество управляемых элементов к тексту: на каждую 1000 символов 3 выделения, 2 вопроса, 1 заголовок, нр. Возможные элементы структуры текста: Раздел/название Эпиграф (роль мотиватора) Логическое задание, вопрос (включение в тему) Аннотация раздела (ориентировка в материале) Определения Примеры из жизни Изложение основного материала Перевод термина с латинского Примеры связи с жизнью Пояснение к схеме Историческая справка Пояснение к формуле Портрет Пример решения задачи Дополнительные материалы Резюме раздела Словарь Основные выводы Вопросы для самопроверки Вопросы на рефлексию Задания, задачи
Говорят, некий иностранец, хваставшийся глубоким пониманием русского языка, был «приземлён» просьбой пояснить смысл фразы «Косил косой косой косой косой косой»*. Процесс коммуникации в общем виде представляет собой кодирование информации словами с последующей расшифровкой этих слов получателем. Часто закодированная и принятая информации не идентичны, хотя и отправитель и получатель пребывают в полной уверенности, что всё в порядке. Наверно, не будет оригинальным сказать, что написанный вами для электронного учебника текст должен быть ясен. Гораздо интереснее, как вы можете продиагностировать, насколько ясен ваш текст. Проблема такой диагностики заключается в том, то вы-то как раз гораздо успешнее любого другого «декодируете» написанный вами текст. Но способ есть, он описан ниже. Прочтите ещё раз приведённую выше фразу «Косил косой…», стараясь восстановить её смысл. Поймайте себя на ощущении, что «сканируете» эту фразу глазами, бегая по ней взад-вперёд. Всё, упражнение окончено. Но в следующий раз, когда будете перечитывать написанные вами тексты, помните, что те места, где вы возвращаетесь глазами назад к уже прочитанному, могут быть написаны яснее. И чем дольше вы «сканируете» глазами написанный вами же текст, тем с большей вероятностью он требует доработки.
Курсы раздуты ТАК СЕБЕ Многие курсы раздуты по материалу, который зачастую просто не нужен. Это общая практика – загрузить курс, установить цели обучения в начале, а потом – долгое введение с историей вопроса или общего описания тематики. Мы это видим на конференциях, когда опытные руководители тратят по 5-10 минут своей презентации на слайды, описывающие свою организацию; IBM, Microsoft, Cisco – как будто мы не знаем, что они очень большие, что у них работает очень много служащих, и они охватывают очень много стран! В электронном обучении мы видим слишком долгую анимацию, которая иллюстративна, а не инструктивна, большие тексты и поддельную графику, которая просто соответствует предложениям текста. Большинство e-learning программ дают текст, который должным образом не отредактирован. Интерфейсы не последовательны или не настроены, экраны перегружены. Наличествует абсурдный текст и такой же звук. В большинство курсов эксперты загружают контент с долгими объяснениями, примерами и выдержками из нормативной документации, так как они ничего не знают об обучении. Если бы этот контент пропускался через «легализацию», то можно бы было собрать много грязного нечитабельного мха. Дизайн обучения разрабатывается как свалка Курсы дают иллюзию обучения, за счет широты и глубины контента. В реальности, только малая часть остается у учеников, да и то, без практики, наша память требует это быстро забыть. Традиционные методы проведения обучения разработаны для упрощения забывания – доклады, лекции и т.п. Кроме того, все это «знаниеориентировано» - поскольку так проще. Наша профессия застряла в «режиме учителя». Эпилог от Пикассо Человек в поезде однажды спросил Пикассо, почему он рисует людей не такими, какие они есть. Когда Пикассо спросил его, что он под этим подразумевает, тот достал фотографию и сказал – «Это моя жена». На что Пикассо ему ответил – «Нет, это не она. Разве она такая худая и маленькая?» Короче, все слишком шумно, слишком «презентабельно» и слишком длинно. Источник: Дональд Кларк
Мой краткий и вольный перевод материала Дональда Кларка "10 ways to keep courses short" (10 способов сделать курс коротким). По его мнению, люди и так страдают из-за информационной перегрузки и при изучении электронного курса надо оставить как можно меньше информации, которая была бы максимально релевантна. 10 способов: 1. Цели курса - уберите их, от них веет скукой, а обучаемого надо заинтересовать 2. Введение (в курс, модуль, главу) - убейте его, не надо лишней истории вопроса 3. Красивые картинки - если они просто иллюстрируют ключевые слова и не повышают эффектинвости изучения - выкиньте их 4. Текст - режьте его как можно сильнее. Не нужно лишних цитат, длинных предложений и прочих языковых красивостей. Испольуйте как можно больше буллетов (списков) 5. Звук - закадровая музыка и лишние клики и писки- только раздражают, уберите 6. Раздражающая анимация - если анимация не несет смысловой нагрузки (например, показ последовательно разворачивающегося процесса) - уберите ее. Flash должен вызывать особое подозрение 7. Видео - ничего длинее рекламного ролика. Думайте про YouTube, а не про телевидение. 8. Глоссарий - оставьте его только в случае если у вас очень технический курс 9. Время изучения курса - не проектируйте курс на 1 час или на 1 день. Курс должен быть ровно такой длины (минимальной) чтобы изучить материал. 15 минут - тоже неплохо 10. Отзывы о курсе - т.к. они ничего не говорят о реальном качестве обучения - избавьтесь от них
Педагогический дизайн делает эту инструкцию эффективной.
А теперь небольшое закрепление: поработаем педдизайнерами.
