Лицензия

Лицензия Creative Commons
Материалы блога доступны по лицензии Creative Commons «Attribution-NonCommercial-ShareAlike» («Атрибуция — Некоммерческое использование — На тех же условиях») 4.0 Всемирная.

Уважаемые читатели, если Вам понравилась публикация, распространите ее в социальных сетях (специальные кнопки внизу сообщений), это будет способствовать продвижению блога и подарит другим людям интересную информацию

С уважением Бугайчук К.Л.

Подумайте об этом

среда, 13 сентября 2017 г.

12 принципов визуальной иерархии (часть 1)

Начинаю перевод статьи о дизайне и цветах: http://blog.visme.co/visual-hierarchy

Размер влияет на видимость



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

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




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

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





Перспектива создает иллюзию глубины



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


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



Цвет и контраст привлекают внимание



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




Рассмотрим приведенную выше схему. Обратите внимание, как цвет привлекает гораздо больше внимания, когда естественные тона были выделены неоновой окраской? Эта цветовая схема известна как дуэт, все более популярный тренд веб-дизайна. 




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

Цветовые комбинации, используемые в дизайне, и то, как они соотносятся друг с другом, известны как цветовая схема. Выбор цветовой схемы дизайнера может создать единство, гармонию, ритм и баланс, но он также может создать контраст и акцент.




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

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


Диаграмма глубины цвета


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

Эффективные цветовые комбинации основываются не только на положении каждого оттенка на цветовом круге, но также на его теплоте и контрастности с окружающими цветами




Продолжение следует...

среда, 23 августа 2017 г.

Главный принцип электронного обучения


Перевод статьи Тони Кулмана "The Guiding Principle for all Rapid E-Learners"




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


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

Многие курсы электронного обучения начинаются как "классный" контент, который необходимо преобразовать и разместить в Интернете. Или эксперты по теме дают вам кучу слайдов PowerPoint, которые они хотят превратить в электронные курсы.

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





Мы должны ответить на такие ключевые вопросы:
  1. Как будет выглядеть этот курс? 
  2. Какой контент должен быть в курсе? 
  3. Что ученик сделает с этим контентом? 
****

Вот типичный сценарий: Вам передается файл PowerPoint и некоторые другие документы. Эксперт по предмету успешно использует этот контент и теперь хочет, чтобы он был преобразован в электронный курс.

В этом случае мы обычно открываем существующий файл PowerPoint и принимаем решение на основе слайда. Начинаем со слайда, делаем некоторые настройки, а затем переходим к следующему слайду - сделаем еще несколько настроек и перейдем к следующему слайду.

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

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

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


Перейдем к рассмотрению трех основных вопросов.

1. Как будет выглядеть этот курс?

Скорее всего, внешний вид, который не подходит для курса, - это тот, который исходит из существующего контента. Но есть взгляд, который подходит для курса. Это просто вопрос поиска. Будьте намерены в визуальном дизайне - ничто не появляется просто так.


2. Какой контент должен быть в курсе?

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


Я спрашиваю: "Какие изменения я должен ожидать от учащегося? Как это выглядит, если я это вижу?" Затем создаю курс, чтобы ученик мог практиковать и демонстрировать желаемое изменение в поведении. Будьте преднамеренными в отношении согласования содержания курса с его целями..

3. Что ученик сделает с этим контентом?


Содержание курса рассчитано на конкретные цели. Как ученик проходит курс, что он должна делать? Этот вопрос помогает сосредоточиться на интерактивном компоненте курса.

Вы хотите, чтобы он читал и размышлял над контентом? Есть ли место для того чтобы что-то сделать, принять какие-то решения? Как только он освоит (пройдет) содержание курса, что он должен делать?

Иногда содержание курса представляет собой простой материал для переподготовки и не требует большой интерактивности. Но часто контент является новым и привязан к некоторому ожиданию повышения производительности. Что вы можете сделать, чтобы заставить учащихся практиковаться в деятельности подобной той, что они будут делать в реальном мире? Будьте намерены согласовать интерактивность курса с достижениями целей курса.

четверг, 3 августа 2017 г.

5 ошибок визуального дизайна


Перевод статьи Тони Кулмана "Common Visual Design Mistakes That Ruin the Way Your Course Looks"


Ошибка № 1: "Изображения "скручиваются", а не масштабируются"

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

Ошибка № 2 "Нет точки внимания"
По существу, глаз перемещается по экрану в виде буквы Z. Без структурированного дизайна мы склонны сканировать по шаблону Z. Есть некоторые вещи, которые нарушают шаблон, такие как цвета, размер, пробел и отношение объекта к другому. Это означает, что мы можем контролировать движение глаз.



Руководящий принцип для дизайна электронного курса - он должен быть преднамеренным. Все, что вы делаете при разработке своего курса, должно планироваться и существовать по какой-то причине.
(Для того, чтобы понять этот принцип Тони (да и я тоже) рекомендует книгу Робин Уильямс "Дизайн для недизайнеров" - Б.К.)

Ошибка № 3: "Непоследовательный визуальный стиль"

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

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


Ошибка № 4: "Отсутствие визуальной иерархии"

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


Ошибка № 5: "Неряшливое выравнивание и компоновка"

Я видел много курсов, где поля различаются по ширине, а объекты не выравниваются должным образом. Это приводит к тому, что курс выглядит неаккуратным и несбалансированным. Это примерно как входить в комнату, где мебель стоит на боку. Вы можете не быть декоратором, но вы определенно можете сказать, когда это "выглядит не так". То же самое происходит с визуальным дизайном, который не сбалансирован. Это просто не выглядит правильным и может усложнить понимание содержания курса.



Это легко исправить:

  • Строгие поля.
  • Выравнивание объектов. Выравнивание по левому краю является наиболее распространенным. Если вы измените его - у вас должна быть причина.
  • Дополнительное пространство между группами объектов помогает понять, что они сгруппированы.
  • Многие люди используют сетку для выравнивания экранных объектов.


П.С. Некоторые моменты из того, что написал Тони - есть в моей презентации, которую и предлагаю Вашему вниманию (она была представлена благодаря Елене Локтевой и ее Летней школе e-learning.by)


вторник, 25 июля 2017 г.

8 способов начать презентацию

ПЕРЕВОД РЕСУРСА: THE ONLY 8 WAYS TO START YOUR PRESENTATION: http://makeapowerfulpoint.com/2014/07/25/the-only-8-ways-to-start-your-presentation

Запуск презентации нестандартным способом обеспечивает аудиторию столь необходимым глотком свежего воздуха. Давайте рассмотрим восемь самых популярных типов "захвата внимания", взятых из 100 наиболее популярных TED-выступлений.

(*Хотя у автора есть свои примеры видео - я проанализировал канал TED и решил добавить свои (Б.К.))


1. История. самый популярный тип "крючка". Рассказывать историю или делиться опытом - это то, что мы делаем каждый день без PowerPoint. История напоминает вашей аудитории, что вы человек, который  прошел долгий путь, таким образом  Вы становитесь более релевантным для аудитории.

*Чимаманда Адиши на протяжении выступления рассказывает несколько историй об "опасности одной точки зрения" (Б.К.)




2. Видео / Графика. Некоторые темы лучше всего начинать практически без слов. Вместо того, чтобы рассказывать аудитории, как работает то или это - покажите им. У людей отличное воображение, но иногда легче сделать эту работу за ваших коллег. Графика (изображения), может дополнить ваше вступление.

*Эмми Кадди начиная разговор о языке тела - демонстрирует позы и телодвижения известных людей (Б.К.)




3. Вера. Мы все имеем собственное мнение, знаем, и то, что кто-то соглашается или не соглашается с ним, всегда привлекает внимание. Если у вас есть неоднозначное мнение привязанное к вашей презентации, используйте его в качестве крючка! Будут несогласные, но даже они захотят услышать ваши рассуждения.

*Джеми Оливер на своей презентации говорит: "Я глубоко убежден, что вопросам питания основное внимание должно уделяться в семьях, ведь именно там проходят лучшие моменты нашей жизни. У нас ужасная, ужасная реальность в наши дни. Америка, ты на пределе.Америка — это одна из самых нездоровых стран в мире". Он сочетает веру в свою точку зрения + придает своему вступлению немного шокирующего материала (Б.К.)




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

*Джулиан Трежер построил свое выступление основываясь на концепции грехов. И говорит о 7-ми смертных грехах общения. Эта модель известна всем, но подсознательно мы ожидаем от докладчика следующий аргумент. Кроме этого он предлагает 4 шага к улучшению своего общения - снова мы ожидаем следующий шаг (Б.К.)




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

*Мне, например, нравится юмористическое вступление Дена Пинка (Б.К.)





6. Задавайте вопросы. Если вы хотите, чтобы ваша аудитория участвовала, спросите их. Это кажется простым, но даже если вы задаете вопрос аудитории и не ожидаете ответа, у вас будут люди, которые будут думать вместе с Вами. 

*Вот Камерон Рассел не задает риторических вопросов, но свое выступление она построила по схеме меня спрашивают - я отвечаю)) (Б.К.)




7. Провокативное заявление. Провокационное заявление похоже на утверждение о полезности стероидов. Вы заявляете, как вы себя чувствуете и подстрекаете к серьезной реакции.

*Профессор статистики Ганс Рослинг, с присущим ему юмором, в начале выступления говорит, что доказал, что, по статистике, лучшие шведские студенты знают гораздо меньше о мире, чем шимпанзе. (Б.К.)





8. Шок/сюрприз: этот тип крючка явно не подходит для всех презентаций. Но, используя его надлежащим образом, вы можете вызвать интерес аудитории. Всегда имейте это ввиду, но используйте с осторожностью.

*Джил Тейлор просто принесла в аудиторию настоящий мозг (Б.К.)





Когда вы запланируете провести следующую презентацию - попробуйте эти советы и ваша аудитория будет вам благодарна.


Оригинальная презентация:





Послесловие от автора блога:

*Кстати, лучшее выступление на ТЕД (это почти все признали) Кена Робинсона, сначала включает юмор, потом элемент веры, потом историю (Б.К.)

среда, 28 июня 2017 г.

Эффективная разработка электронного курса

Пост по материалам Тони Кулмана "Essentials of Interactive E-Learning"

1. При проектировании электронных курсов есть три основных момента:
  • Какой контент должен быть в курсе?
  • Как он будет выглядеть?
  • Что сделают пользователи в курсе?


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

  • Определите, кто ваша аудитория.
  • В каких ситуациях им понадобится содержание курса?
  • Что они могут сделать после окончания курса?
  • Как они будут доказывать, что они могут это сделать во время прохождения курса?



3. Когда концепция электронного обучения не соответствует должным образом целям организации, то в конечном итоге создается много электронных курсов, основанных на информации, и очень мало внимания уделяется реальному повышению производительности труда. Чтобы избежать этого нарисуйте глаза быка (мишень) на котором обозначьте такую информацию
  • Настоящий глаз быка (цель) - это то, что нужно сделать ученику (что будет делать ученик)?
  • Затем определите, как они могут доказать, что они могут это сделать?
  • Какими навыками они должны владеть, чтобы это сделать?
  • Что им нужно знать, чтобы это сделать?


Если вы сосредоточитесь на деятельности, а не на информации, скорее всего, вы сможете сделать интересный и полезный электронный курс.

понедельник, 19 июня 2017 г.

Еще раз об ошибках в электронных курсах (простой чеклист)

Оригинал инфографики: http://elearninginfographics.com/writing-elearning-storyboard-infographic







 Cлишком много контента




Нерелевантные изображения и учебный текст




Слишком длинные нарративы (особенно в аудиоформате)




Включение информации типа «хорошо бы знать» вместо «необходимо знать»





Отсутствие инструкций для пользователей




Одинаковые интеракции (далее-далее-далее-тест-далее)

суббота, 27 мая 2017 г.

Как оценивать аудиторию? Полезные советы и методы.

Оригинал материала: https://globaldigitalcitizen.org/10-innovative-formative-assessment-examples-for-teachers

Нашел неплохой материал по методам оценивания аудитории и думаю будет полезен читателям. Здесь представлены не все методы, только те, которые мне показались наиболее интересными.

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


Диаграммы (карты, таблицы) в стиле Round Robin
Round Robin это некое подобие командной игры, которое проводится, в т.ч. в учебной аудитории. Соревнование проводится по круговой системе между небольшими группами студентов. Немного подробнее можно прочитать тут: http://www.bendpickleballclub.com/round-robin-play

Эта стратегия включает в себя выполнение группами заданий на понимание и применение материала. Каждая группа из 4-х или 5 студентов  записывает ответ на открытый вопрос (количество вопросов = количеству команд). После того, как студенты заканчивают с заданием, они передают его дальше к следующей группе. После того, как каждая группа проработала все вопросы - происходит анализ ответов групп.

Есть другая вариация, когда одна команда играет против другой по круговой системе. Судья оценивает итоги работы, ставит баллы, на основе которых формируется турнирная таблица.


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

В тему: А. Гин "Приемы педагогической техники"



3-Way опросы

Идея заключается в том, чтобы использовать различные режимы мышления и внимание к деталям. Студенты могут работать в группах или индивидуально. Ответ на вопрос или тему исследования, состоит из трех частей длиной:
  • 10-15 слов; 
  • 30-50 слов; 
  • 75-100 слов. 

Работа в парах

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

Счет 3-2-1 
Ученики (студенты)  должны ответить на три отдельных вопроса:
  • 3 вещи, которые вы не знали до того;
  • 2 вещи, которые Вас удивили в  этой теме;
  • 1 идея, которую вы воплотите с тем, что узнали.

"На выход с билетом"
Билеты - это листочки, которые студенты (ученики) сдают, когда они покидают класс. Студенты записывают точную интерпретацию основной идеи занятия. Далее, они работают с темой занятия дома более подробно. А преподаватель может оценить понимание аудитории сразу после занятия.


Одноминутные доклады
Одноминутные доклады, как правило, делаются в конце дня. Студенты могут работать индивидуально или в группах. Они должны ответить на короткий вопрос в письменном виде. Типичные вопросы, поставленные учителями, сосредотачиваются вокруг таких тем:
  • главная идея;
  • самое удивительное понятие;
  • наиболее непонятное в теме;
  • на какой вопрос хотелось бы получить ответ.

Творческие проекты

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