Tips and Tricks
436 subscribers
225 photos
27 videos
122 links
Это пространство экспериментов в разработке курсов, дизайне и творческом самовыражении. Цель канала — развитие навыков и поиск нестандартных решений.

Создатель канала: Александра Стадник
🖊 Хотите стать автором? Пишите @stadnik_pro
加入频道
Геймифицированный тест в iSpring Suite

22 апреля проводила воркшоп по созданию теста с элементами геймификации.

К нам на вебинар подключились юные знатоки Майнкрафта, что и определило тему.

Время разработки: 1,5 часа

У вас есть шанс одержать победу над всеми зомби 😅

#разработка_курсов #iSpring #примеры #stadnik_pro
This media is not supported in your browser
VIEW IN TELEGRAM
Пример механики в стиле игры Bard's Tale IV

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

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

Время разработки: 2 часа

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

Это мог бы быть слайд-развилка, где пользователь принимает решение сражаться с этим боссом или выбрать более простого.

Далее мы смело бросаемся на врага, и, пока он заговаривает нам зубы, выбираем члена команды для атаки (реализована только ветка с лучником).

Как идея, при выборе персонажа можно добавить уникальную фразу, например, «Отличный выбор, я не подведу тебя!».

У героя есть набор умений (для упрощения использованы одинаковые иконки-заглушки). При выборе умения видим краткое описание и подтверждаем применение оружия или заклинания.

Стрела летит, попадает во врага, здоровье стремительно сокращается... Кто же одержит победу? 😅

🔥 если вам понравилось, а следующем посте расскажу, как делать такую озвучку :)

#разработка_курсов #полезное #вдохновение #насмотренность #примеры #stadnik_pro
Please open Telegram to view this post
VIEW IN TELEGRAM
👍3🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
Вот такая вовлекалочка получилась по вдохновению от Тинькофф

Лайфхаками по мега-быстрому поиску изображений поделюсь в следующем посте

Интерактивный пример

#примеры #вдохновение #stadnik_pro
🔥13
This media is not supported in your browser
VIEW IN TELEGRAM
В прошлом году делала проект с моушн-дизайнером.

Объединили видеоролики и возможности конструктора iSpring Suite.

Однозначно могу сказать, что интерактивности совсем иначе воспринимаются.

Но есть один минус – очень дорого 🙈 Повезет, если специалист умеет и разрабатывать курсы, и анимировать.

Хотя с учетом стоимости 2D-роликов на рынке, такой специалист быстро уйдет из компании в создание роликов, если только обучение для него не призвание)

#кейсы #примеры #вдохновение #stadnik_pro
🔥15
Филворд к китайскому Новому году

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

С филвордами вы точно встречались (там из предложенных букв нужно отыскать слова). Решили устроить челлендж и сделать это в iSpring Suite. Механика простая, но нигде не мелькала.

⚡️Здесь ссылка на филворд: https://clck.ru/38bCdt

Расскажу, как реализовано:

Ничего замысловатого в реализации нет, разве что триггеры. Очень много триггеров и получилось хорошо.

Отступление: частью лично моего менторинга является развитие навыка себя хвалить, так что для меня написать «хорошо», поверьте — это шаг. А для вас?


Самым приятным было придумывание слов, настройка триггеров и поиск музыки.

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

Вы спросите, что за шрифт?
Но даже если не спросите скажу.

Это Han Zi, хорошо читается, что не часто бывает при таком размере букв у акцидентных шрифтов, и передает атмосферу.

И немного интересного.

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

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

Если вы выберете прохождение с музыкой, то услышите традиционный музыкальный инструмент Гучжэн, которому более 2 000 лет. Название инструмента можно перевести как «разговор шёлка и дерева». Струны делали раньше из шёлка, а корпус — из бамбука.

👍🏻, если вам понравилось

#кейсы #примеры #вдохновение #разработка_курсов #менторинг #нетАльцгеймеру #iSpring #роман_урсан
👍12🔥61
This media is not supported in your browser
VIEW IN TELEGRAM
... продолжение.

Записал для вас прохождение, на всякий случай.

Внимание! Со звуком.

🔥 не возбраняются.

#кейсы #примеры #вдохновение #разработка_курсов #менторинг #iSpring #роман_урсан
🔥13
Media is too big
VIEW IN TELEGRAM
С Днём космонавтики вас! Ура! Высоких достижений, заорбитальных идей и реактивного вдохновения🚀

Моя овническая натура всегда сопротивляется настойчивым рекомендациям, так было и с просмотром «Звёздных войн», но в январе этого года я наконец посмотрел все фильмы и часть спин-оффов.

Очаровался дизайном легендарного интро. Где ещё увидишь выравнивание текста по ширине, висяшки и прочие типографические кошмары дизайнеров?!

Записал подробный видео туториал на 10 минут, как реализовать такие титры в PowerPoint.

Повторяйте, делайте лучше, делитесь, задавайте вопросы, реагируйте 🔥👍💘

Посмотреть на YouTube


#кейсы #примеры #вдохновение #разработка_курсов #iSpring #PowerPoint #роман_урсан
11👍3🔥3
😉Привет, Рома здесь!

🤯🤔У вас бывало такое, что показываешь курс человеку, который далёк от iSpring и PowerPoint, волнуешься, ведь ты работал над ним месяц. Или больше! А тебе в ответ: «Ну, нормально, как обычное приложение. А что?».

😪😇Раньше я на такое обижался, а теперь радуюсь. А вы? (напишите в комментариях). Радуюсь я тому, что пользователь прожил эти минуты в привычной для него цифровой среде. Он не спотыкался глазами об убогий, устаревший UI. Иначе точно бы сказал. Нас всех избаловали сайты, приложения, игры, кино.

😳👍По ссылке ниже записал туториал, в котором попытался воссоздать иллюзию нажатия на кнопку в PowerPoint. Мелочь, а поможет пользователю чувствовать себя в курсе, как рыба в воде. Смотрите, комментируйте, не жалейте пальчиков вверх.

Смотреть туториал
⌚️ 7,5 минут

👨‍💻💁‍♂️Кстати, сколько труда мы вкладываем в наше собственное обучение, а потом реализуем в курсах и сопровождении для пользователей ... — это останется понятным только нам с вами. На случай если не слышали, поделюсь с вами историей кимоно самураев.

🇯🇵🥋У кимоно японского война была большая ручная вышивка, это делало одеяние очень дорогим. Однако вышивка располагалась не снаружи, а с изнаночной стороны. Снаружи это было кимоно из простых натуральных тканей, неприглядного цвета. Но воин знал, что всё самое ценное спрятано от глаз.

🎉🧚‍♀️Мы можем усыпать курс красивыми картинками и реалистичными говорящими аватарами, однако я думаю, что пользователю куда важнее забота о нём, а это как раз изнаночная сторона нашей работы.

💆‍♂️💆‍♀️Давайте будем бережны к пользователю и, заодно, к друг другу в комьюнити.

P.S. Спасибо за внимательность! Видео обновлено)

#кейсы #примеры #вдохновение #разработка_курсов #iSpring #PowerPoint #роман_урсан
Please open Telegram to view this post
VIEW IN TELEGRAM
12🔥7👍6
This media is not supported in your browser
VIEW IN TELEGRAM
👋🏻 Приветствую всех решительно! 😉Рома здесь.

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

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

#кейсы #примеры #вдохновение #разработка_курсов #iSpring #PowerPoint #роман_урсан
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥274👍4
Юлия Прибылова — руководитель дистанционного обучения компании Fresh, лауреат премии Digital Learning 2023 года

В этом интервью узнаем:
🔸Как Юля пришла в разработку электронных курсов
🔸Почему она выбрала эту сферу
🔸Что именно ей нравится в разработке курсов
🔸В чем разница разработку курсов в корпоративном сегменте и на фрилансе
🔸Чем отличается junior, middle и позиция руководителя
🔸Какими проектами и достижениями Юля гордится
🔸Что помогло ей занять 2-ое место в премии DL 2023
🔸Что изменилось в работе после конкурса
🔸Личные впечатления о конкурсе Digital Learning
🔸Пытается ли Юля переубедить заказчика курса
🔸Как совмещать декрет и разработку электронных курсов
🔸Напутственное слово начинающим разработчикам электронного обучения

Ссылка на интервью
⌚️ 31 минута

#интервью #электронныекурсы #elearning #разработкакурсов #кейсы #примеры #вдохновение #stadnik_pro
Please open Telegram to view this post
VIEW IN TELEGRAM
14🔥7👏5
Всем привет из жаркого и красивого Самарканда!
😉 Рома здесь)

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

В путешествии читаю книгу Ю-Кай Чоу «Геймифицируй это». Решил публиковать сухой остаток по каждой главе. Давайте сделаю для начала короткий обзор.

Ю-Кай Чоу выделяет 8 стимулов, которые заставляют нас вовлекаться и увлекаться в жизни, бизнесе, играх, социальных сетях. Почему бы не использовать эти принципы в образовательном дизайне?!

Приведу их тут и примеры, которые могут вам понравиться. Иногда я буду сильно упрощать, но попробуйте найти или применить их в своих курсах.

👉🏻 Стимул №1 — сформировать осознание особой миссии, призвание. Этот стимул, вероятно, работает для редакторов Википедии, ведь они не получают за свою работу ни копейки. Это увлечённые люди, которые «заражены» миссией бережной и беспощадной охраны знаний человечества. Или, например, иллюзия исключительного дара игрока, у которого на старте всё получается. Такая удача новичка захватит и удержит его внутри игры. Почему бы не использовать это в своих курсах?!

👉🏻 Стимул №2 — развитие и самореализация. Предмет споров среди образованцев: работают ли очки, бейджи и рейтинги. Подробнее ещё разберём, посмотрим и вместе поспорим.

👉🏻 Стимул №3 — расширение творческих способностей и обратная связь. В Швейцарии, чтобы стимулировать людей пользоваться лестницей, а не эскалатором раскрасили ступени в виде клавиатуры фортепиано, а датчики движения, когда кто-то наступал на такую «клавишу», запускали звучание определённой ноты. И это сработало, ведь обычная ходьба превратилась уникальную мелодию. Феномен Lego тоже основан на этом принципе. Ещё мне очень нравится идея у Lectorium в курсе по математике, по теме дроби…ну, что может быть скучнее дробей? А задание, не поверите, нужно испечь шарлотку. Там теория подана через кулинарный рецепт. Это peer-to-peer задание и детишки массово вовлекаются, хвастаются и оценивают фотографии испечённых шарлоток.

👉🏻 Стимул №4 — чувство собственности и обладания. Например, настройка своего профиля и аватара автоматически увеличивает привязанность и вовлечённость. Если не видели, то здесь пример от Леры, как собрать своего аватара с помощью нейросетей.

продолжение в пятницу...

#proкачка #полезное #КнижныйКлуб #ководство #ю_кай_чоу #геймификация #методология #роман_урсан
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥54
😉 Привет всем! Рома здесь, и я соскучился! Как ваше лето? Я пока в поиске баланса между работой, учёбой и тёплыми деньками, летними ароматами. Но пост не об этом, а пришёл я с порцией пользы.

🫣 Обещал вам в конце мая туториал, как реализовать липсинк – синхронное движение губ персонажа под звуковую дорожку. Лучше поздно, чем никогда, выполняю!

Посмотреть видео
⌚️ 15 минут

🫰 Материалы для скачивания в комментариях

🤔 Конечно, оживить персонажа можно с помощью нейросетей. Однако не мне вам говорить, что существуют ограничения, и не все компании готовы на такие издержки для 1-2 курсов. Поэтому есть такое решение.

😅 Трудозатратно, однако, безусловно, цепляет. Липсинк подойдёт для обложки, перебивочных слайдов, пасхалок внутри курса. Представьте, что статичная картинка вдруг заговорила.

🤓 Ещё закладки для видео и аудио мне кажутся действительно недооцененным инструментом, их можно использовать как триггеры для вашей анимации, создания интерактивных видео. Можем попробовать вместе)

#кейсы #примеры #вдохновение #разработка_курсов #iSpring #PowerPoint #роман_урсан
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥126👍5
Всем привет!
На связи 👋 Юля. Сегодня расскажу о 3️⃣ простых лайфхаках, которые точно помогут сделать ваш курс удобным для пользователя. Погнали!

Лайфхак 1️⃣
Добавляйте слайд с возможностью ознакомится или пропустить навигацию по курсу

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

Исключение: если в курсе только кнопки «Вперёд» и «Назад» и линейное повествование, сложностей возникнуть не должно (но это не точно 🙃)

Когда мы спрашиваем у слушателя, хочет ли он ознакомиться с навигацией, мы и опытным ученикам делаем хорошо
Ура, не надо 100500 раз смотреть, что значит кнопка «Далее»

и новичкам помогаем
Ага, надо посмотреть, а то вдруг куда-то нажму и всё зависнет


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

Лайфхак 2️⃣
Давайте пояснения на кликабельные объекты и элементы в курсе

Если вы сказали, что кнопка i даёт возможность ознакомиться с дополнительной информацией, но потом она встречается через 20 слайдов, то лучше вежливо напомнить, что:
Друг, напоминаем, это кнопка, на неё надо нажать, чтобы узнать что-то очень полезное


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

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

Лайфхак 3️⃣ (мой фаворит в списке)
Предупреждайте ученика о том, что дальше его ждёт промежуточное / итоговое задание

Представим, что слушатель прошёл огромный курс. Где-то прочитал невнимательно, где-то не понял, но углубляться не стал. И тут ему БАЦ, итоговый тест, первый вопрос. Что испытывает человек? Явно не что-то позитивное😁

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

Больше примеров слайдов, как можно оформить лайфхаки, смотрите в комментарии к посту ⤵️

Надеюсь, эти простые вещи сделают ваши курсы удобными для ваших учеников ✌️

#кейсы #примеры #вдохновение #разработка_курсов
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥16👍6👏5
Всем привет!
С вами Сандра😌 и наша рубрика интервью с разработчиками курсов.

Ольга Беляева — руководитель группы методологии и дистанционного обучения Ростелеком Контакт-центр

Что в интервью:
🔸Пара слов об Оле
🔸Как сохранить энтузиазм к разработке после 12 лет в сфере
🔸Первый опыт участия в турнире разработчиков курсов
🔸Как Оля попала в комьюнити Академии iSpring
🔸Опыт участия в iSpring.Вызов
🔸Другие турниры по разработке электронных курсов
🔸Лайфхаки в разработке электронных курсов
🔸Напутственное слово для начинающих разработчиков

⌚️ 37 минут
Смотреть в Rutube
Смотреть в YouTube

#интервью #электронныекурсы #elearning #разработкакурсов #кейсы #примеры #вдохновение #stadnik_pro
Please open Telegram to view this post
VIEW IN TELEGRAM
👍126👏4