e-Learning Machine – Telegram
e-Learning Machine
394 subscribers
157 photos
24 videos
1 file
73 links
Ламповый канал о e-learning проектах, фишках и решениях в разработке дистанционных курсов.

Вопросы, сотрудничество, предложения: @yupribylova
Download Telegram
#факапы

Продолжаем серию постов с факапами
______________________________
Факап 2️⃣ или почему я всегда согласовываю демо курса с заказчиками (внутренними и внешними)

Типичная ошибка начинающего — собрать в ночи половину курса, показать заказчику и услышать «Всё огонь, но надо переделать». Эти грабли я тоже словила 😀

Ситуация: сделала почти весь курс, показала руководителю, дизайн не зашёл от слова совсем. В итоге переделывала всё с нуля в другой стилистике. Благо курс был небольшим. Но изменять свой шедевр (по версии меня, конечно же) было больно 😁

Какие выводы: согласовывать всё, что согласуется. Особенно если внесение изменений будет долгим и сложным

Сейчас я делаю демо курса прям в сборке (10-15 слайдов) и отправляю на согласование. Предварительно уточняю пожелания по визуальному оформлению. Могу подготовить 2-3 слайда в разных дизайнах для заказчика. Лучше на этом этапе потратить чуть больше времени, но обезопасить себя от геморроя в дальнейшем. Такие дела 😉

Кстати, в комментарии к посту приложила несколько скринов из курса, о котором говорила выше. Первый вариант дизайна у меня, увы, не сохранился. Но он был ничего, чесслово 😀
Please open Telegram to view this post
VIEW IN TELEGRAM
11
#факапы

Новая неделя — старый факап)
______________________________
Факап 3️⃣или почему мелочи на самом деле не мелочи

Чтобы сделать кастомные кнопки и настроить триггеры при сборке в iSpring Suite мы используем прозрачные плашки. Америку, вроде, не открыла

Сами плашки делаем из фигуры (чаще всего прямоугольник) с прозрачностью 99%, чтобы точно всё работало. Думаю, об этом тоже известно

⬇️А ситуация у меня была такая.
Собрала курс с кастомными кнопками, проверяю по ссылке со стационарного ПК и вижу, что плашки-то мои хорошо так заметны 🫣

⚡️Дело в том, что плашки были с белой заливкой, а фон слайда — темно-фиолетовый. И на этом контрасте плашки на слайде легко проглядывались

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

А вы знали про такой нюанс?
🔥— впервые слышу
👍🏻 — всегда заливал (а) плашки в цвет фона
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥42
#ИзбаЧитальня

Факт обо мне, который многие могут не знать: когда-то у меня был книжный блог (блогер со стажем, получается 🙂 )

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

Недавно закончила книгу Робин Уильямс «Дизайн для недизайнеров». Если не читали, то ниже мой небольшой конспект с частью основных тезисов, которые применимы в разработке электронного обучения

⚡️В книге рассматриваются 4️⃣ базовых принципа дизайна:
🟢контраст — если вас что-то смущает в своём дизайне, не ищите разные элементы, ищите похожие. И сделайте их разными

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

⚪️выравнивание — лучшее выравнивание — это выравнивание по левому краю

⚫️приближенность — размещайте связанные друг с другом элементы (текст, объекты, иллюстрации) рядом. Это помогает структурировать информацию. Если информация организована правильно, то вероятность того, что её прочтут и запомнят, высока

⚡️Вторая часть книги посвящена дизайну шрифтов
Автор выделяет 6 категорий шрифтов и подробно разбирает применение каждого. Отдельно говорится о контрасте шрифтов и за счёт чего его можно сделать

Основное:
🟢тёплые цвета притягивают больше внимания, чем холодные. Если вам нужно сделать акцент — используйте тёплый цвет

⚫️используйте жирные шрифты в контраст светлым

Я в 99% курсов делаю основной текст толщиной шрифта Light, а акценты — Bold. Medium практически не использую


🔵выбирайте шрифты из разных категорий, чтобы получить контраст

Это правило, на мой взгляд, больше подходит для дизайна баннеров, памяток, чек-листов. Всё-таки курс имеет большой объём текста. Я обычно для курса беру одно семейство шрифтов и «играю» на контрасте размеров и насыщенности. Максимум — 2 шрифта (один для заголовков, один — для основного текста)


Итог: книга ориентирована на западную аудиторию и некоторые правила для нас неактуальны. Но для общего развития и насмотренности (а в книге много примеров) стоит прочитать 😊
Please open Telegram to view this post
VIEW IN TELEGRAM
❤‍🔥112
Доброе пятничное!
В этом месяце в канале Tips and Tricks выйдет 2️⃣ моих поста на тему привлечения сотрудников в разработку курсов

Актуалочка для тех, кто работает в компаниях)

Первый пост уже вышел. Второй будет в следующую пятницу

Полезного чтения!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4🔥1
Всем привет! 🖐

Хроники четверга:
06.00. Дочь — ма, я проснулась, развлекай меня. Мне всё равно, что у тебя сегодня выступление, и тебе хочется немного выспаться

09.40. Россети — неотложные работы до 14.00. Ну и что, что у твоего ноута 15% заряда и у тебя нет интернета

10.10. Теле2 — да как-то фиолетово, что ты живёшь в деревне и дома у тебя не ловит сеть. Поймай LTE, если сможешь

Я — 🤡
___________________________________________
Вот так прошло моё утро перед встречей сообщества Digital Learning, где я рассказала про курс «Я тебя всё равно найду»

Стараюсь находить выход из любой ж… ситуации 🤭

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

Сейчас активно идет приём заявок на премию Digital Learning 2024. Если есть возможность — участвуйте! Получите развёрнутую обратную связь по своему проекту, посмотрите, что делают коллеги, вдохновитесь на новые проекты на год вперёд

🔥Поставьте огоньки, если были на сегодняшней встрече)

Если есть/будут вопросы, комментарии по этому курсу и не только, велком ⤵️
🔥8👍32
#полезностейпост

Всем доброе! ☀️
Давно не показывала ничего из рабочего. Были горячие дни (и я не про погоду 🫠)

Исправляюсь) Подготовила несколько примеров реализации прогресс-бара в электронном курсе

Что это и зачем он нужен, думаю, знаете 🙂

Немного из моего опыта
🟢Я не делаю прогресс-бар в курсах до 20-25 слайдов. Если на прохождение курса уйдет минут 10, и об этом ученик предупреждён заранее, смысл тратить пространство на слайде?

Другое дело, когда курс объёмный и ученик должен понимать, где он находится и сколько ему осталось до завершения

⚫️Мой любимый прогресс-бар — движущаяся шкала

🔵Прогресс-бар с цифрами использую в курсах среднего объёма (до 50 контентных слайдов). Представьте себе лицо ученика, который открыл курс, и бац, впереди 200 слайдов обязательного обучения 💀

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

Если примеры полезны/интересны, дайте знать)

Коллеги-разработчики, а вы в каждом курсе делаете прогресс-бар?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
6
Завершим финальную неделю этого лета просто WOW-новостью 🔥

В понедельник (2 сентября) в чате Марафоны iSpring стартует марафон по триггерам Триггерофон, где я буду помогать Саше Цветкову @aletsvetkov погружать вас в мир триггеров и анимаций!

Марафон подойдет так и для тех, кто вообще ничего не знает про триггеры, так и для опытных разрабов ⚡️

Будет полезно, интересно, да ещё и с крутыми призами 😱

Для участия в марафоне регистрируйтесь тут.
Участие — ноль рублей)

До встречи в чате марафона ❤️

#АкадемияiSpring
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥11
This media is not supported in your browser
VIEW IN TELEGRAM
#полезностейпост

Всем привет!
Триггерофон во всю идет, и в чате марафона огромное количество крутых работ 🔥

Иногда думаешь, ну куда ещё креативнее, коллеги! А нет, есть куда 😀

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

Основное
⚫️Картинка должна быть в хорошем качестве
⚪️Колёса должны быть круглыми

Тогда вы сможете сделать классную анимацию, и никто не заметит подвоха 😉

В работе с триггерами и анимациями важно понять логику работы. Вам не нужны 100500 курсов по анимациям в Power Point, если вы поймете базу, как это делать. Тогда вы сможете собрать всё, что захотите. Дальше — только практика

Самая мощная база для старта в профессии разработчика — в Академии iSpring. Здесь вас научат не только собирать интерактивы на триггерах, но и делать это без технических ошибок. Да и не только триггерам научат, так то 😊

Приходите) старт совсем скоро🚀
Please open Telegram to view this post
VIEW IN TELEGRAM
7🔥1
This media is not supported in your browser
VIEW IN TELEGRAM
#кейс

СВЕЖАК!
💦
Эту механику собирала в ночи специально для Триггерофона (а могла бы спать, да 😀)

Не смотрите особо за дизайн, не было времени наводить красоту 🫣
Взяла за основу палитру своего курса по подбору + много времени ушло на подгон одежды по фигуре героини

Где можно применить этот приём?
У меня прям чешутся руки сделать интерактив по тюнингу автомобиля 😀 Или что-то по теме ремонта) Кулинария, продажа одежды, путешествия... Думаю, вы найдете применение этой механике)

В комментарии к посту делюсь исходником.
Надеюсь, он поможет вам в реализации ваших идей
🫶🏻

В своём примере я использую скрытые слайды, но можно всё собрать на триггерах.
Если нравится результат, знаете, что надо сделать 😀❤️
🔥105👍2
На прошлой неделе завершился Триггерофон, а я только сейчас дошла до небольших итогов (понять и простить молодую мать)

Коротко — мне понравилось😊 Опыт ведения таких мероприятий для меня новый, и, конечно, есть куда расти ➡️

Спасибо Саше Цветкову и команде Академии iSpring за доверие и возможность принять участие в таком крутом событии 🫶

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

Отдельное спасибо всем марафонцам за участие и фидбэк! Это было драйвово 🚀 В голове появилась куча идей, которые не терпится реализовать!

Посмотреть работы ребят можно тут

#АкадемияiSpring
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥6🥰1
#полезностейпост

Привет! 👋
Ловите подборку референсов, как оформить меню курса (оно же содержание, оно же карта курса)

Основное
⚫️Главы содержания могут открываться последовательно, а могу быть сразу доступны для изучения. Сейчас общий тренд на свободную навигацию, чтобы слушатель мог сам выстроить свой трек обучения. Но если мы учим процессам/алгоритмам, то логично использовать последовательное открытие глав, чтобы у ученика не было в голове путаницы что за чем идёт

🟢Если вы делаете открытое содержание, обязательно показывайте, какие главы слушатель уже прошёл

Надеюсь, было полезно 😊

Делитесь в комментариях своими вариантами оформления меню курса ⬇️
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
9🔥1