409 подписчиков

Упакуйте: зачем визуализировать материал в онлайн-занятии и как это сделать в редакторе Genial.ly

2 октября 20202 окт 2020

5 мин

Оглавление

Надо ли париться с визуальным оформлением?
Заметки из опыта: на что обратить внимание при работе с Genial.ly
1. Работайте с многостраничными файлами, если не собирайтесь публиковать онлайн

Если вас, как и меня, воротит от встроенных тем PowerPoint и иллюстраций из Paint, то вам понравится сайт Genial.ly.

Genial.ly - визуальный онлайн-редактор с библиотекой разноформатных шаблонов и адекватными тарифами даже для платных аккаунтов.

Где используется визуал? Да везде. Презентации, методички, распечатки, календари, инфографики, даже оформление обычного текста уже редко проходит без иллюстрирования. И если вы не хотите выглядеть по-цифровому неаккуратно и дилетантски, все эти материалы надо уметь создавать и редактировать сам_ой. (Если только вам не посчастливилось работать в месте, где есть методисты, которые занимаются подготовкой материалов)

Долго ли осваивать? Методом проб и ошибок я освоила за несколько дней активного использования. Больше всего я обращалась к четырем шаблонам: Learning Experience, Gamification, Personal Branding, Social. Первые два помогали сделать интерактивные упражнения или материалы для изучения, Personal Branding я использовала для портфолио и резюме, а в последнем отобрала элементы для упаковки аккаунта.

NB: блогеры активно рекламируют Canva. Но этот редактор ориентирован в первую очередь на соцсети, что определяет коллекции шаблонов. Если вы ведете блог, то смело пробуйте. У Canva есть ещё и мобильная версия, так что приготовить обложку для поста можно даже в транспорте или в очереди.

Надо ли париться с визуальным оформлением?

Надо. А какой ответ вы ожидали?

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

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

Хотите докажу, что визуальное оформление влияет на восприятие, вне зависимости от качества содержания?

Вот пример плохого, но содержательного слайда. Да, есть "графика", есть выдержка в стиле и цвете. Но внимание размазывается тонким слоем по всему прямоугольнику, так как визуал никак не управляет им:

Слайд из моей презентации 2018 года. Я использовала SmartArt и воображала себя очень стильной и продвинутой

Далее - более приемлемый (но ещё неидеальный) пример из 2019 года, когда визуальный редактор сделал за меня большую часть работы. Он дал шаблоны форм, шрифта, подобрал цвет, масштаб и расположение частей. Мне нужно было только подумать, какой текст куда добавить.

Фрагмент из интерактивной методички для магистров. Публикуется в Интернете, всё кликается-всплывает, информация в симпатичной форме, легко воспринимается.

Можно было бы ещё притащить какие-нибудь исследования, посвященные визуализации информации и эффективности обучения. Например, эту статью или другую в еще более серьезном журнале.

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

Заметки из опыта: на что обратить внимание при работе с Genial.ly

Если расписывать все возможности и фишки визуального редактора, выйдет инструкция на десятки страниц. Вы можете найти её в разделе Academy, а в моменты ахтунгов обращаться к разработчикам в Help.

🔴 Я же предлагаю ликбез, чтобы вместо нескольких дней вы могли освоить редактор за один вечер.

Так выглядит библиотека ваших работ. У вас будет красивее, я знаю.

1. Работайте с многостраничными файлами, если не собирайтесь публиковать онлайн

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

Функция - стандартное дублирование страниц или создание.

NB: если вы изменяете размер одной страницы, он меняется на всех.

Если вы собираете создавать однотипные материалы (например, обложки), можно просто сделать многостраничный файл. Однако не забывайте: если опубликуете - видны будут все страницы. Такой формат работает для внутреннего пользования.

2. Вам не надо загружать иллюстрации на компьютер

Во-первых, внутри функции "Image" есть встроенные библиотеки из Pixabay, Unsplash или Giphy, где вы можете найти картинку по запросу. Во-вторых, все иллюстрации можно добавлять через "Код изображения". Добавляете код в строку URL, и картинка появляется на странице. А дальше уже стандартное редактирование.

Вы можете создавать свои фоны, накладывая друг на друга и уменьшая их яркость.

Можно использовать что-то из предложенных фонов, а можно в 4 щелчка сделать свой.

3. Все элементы уже готовы

В Genial.ly готовы визуальные элементы для разных нужд. Если вы не эстет, требующий уникальности, то вы найдете что-то себе по вкусу. Искать надо в трех закладках: Resources (иконки, формы и пр.), Interactive elements (всё кликабельное), Smartlocks (библиотека графиков).

С графиками придется немного повозиться при заполнении. Иконки - моя любовь, так как ими можно помечать важные части в визуалке.

Встроенных штучек достаточно для покрытия базовых потребностей.

4. Подготовка всплывающих окон

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

Всё это множество кликается. Главное - подготовить, что там будет нажиматься и что показываться.

Вы добавляете интерактивную кнопку ➕ , а в редакторе заполняете действия при клике.

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

Чтобы подготовить всплывающее окошко, в левом меню надо выбрать тип, а в самом редакторе вставить текст.

Не забывайте сохранять - редактор не напоминает об этом. Это не баг, просто Genial.ly высокого мнения о сосредоточенности и памяти пользователей.

5. Публикация или скачивание творения

Есть два пути: опубликовать ссылкой или скачать в формате pdf, jpg или пакета html-версией для оффлайнового использования. Сразу огорчу: скачивание доступно только в платных тарифах. В бесплатной версии вы можете опубликовать вашу работу в интернете и далее поделиться ссылкой на неё (отправить ученикам или вставить в пост в соцсети).

Именно невозможность скачивать в свое время решила вопрос с покупкой студенческого тарифа. Мне хватает, я довольна.

Есть два варианта: вы готовите материал для онлайн-публикации сразу из Genial.ly или скачиваете картинки-карты-инфографики и используете по-другому.

Что есть для интерактивного обучения?

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

Вкратце: для историков - шкалы дат, для биологов - анатомия человека и гербарии, для математиков - формулы счет, для языков - упражнения на подбор слов и поиск пары, для литературы - сторителлинговые задания. И много другого, красивого, аккуратного и полезного.

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

Несколько примеров интерактивных заданий в шаблонах

Резюмируя: визуальный редактор Genial.ly прост в освоении, имеет достаточное количество шаблонов, чтобы покрыть базовые нужды онлайн-препода, и расширяет возможности оформления без особых затрат времени и денег.