В карточках несколько идей, как создавать интерфейсы, которые позволяют воспринимать информацию при любых условиях.
Примеры из нашей практики ❤️
Примеры из нашей практики ❤️
❤16🔥4✍1
Forwarded from Екатерина Голомшток (Мартынова)
Кажется, лонгриды уже никогда не будут прежними 😉 Ранее Rise добавил возможность всевозможных кастомных настроек блоков - фоны, размер блока, дополнительные настройки. А сейчас они тестируют возможность создавать кастомные блоки типа Zero Block в Tilda. И это кайф!
Вот несколько примеров из последнего Челленджа на их коммьюнити❤️
1️⃣ Пример - ветвление сюжета — курс меняется в зависимости от выбора ученика, удобно оформлены причины и следствия
2️⃣ Пример - интерактивные задания и мультимедиа — сортировка карточек, флешкарточки, вкладки, диалоговый тренажёр, обратная связь в чате, креативное оформление аудио и видео.
3️⃣ Пример - навигация и акценты — прогресс-бар, аккуратное оформление цитат, сравнения, аккордеон и задания на сопоставление.
#насмотренность
Вот несколько примеров из последнего Челленджа на их коммьюнити
#насмотренность
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍2❤1
This media is not supported in your browser
VIEW IN TELEGRAM
Стив Круг в книге «Не заставляйте меня думать. Веб-юзабилити и здравый смысл» называет 7 атрибутов хорошего юзабилити. Один из них — привлекательность: приносит ли использование радость (или даже забавляет)?
Насмотренность пользователя растет с каждым днем, мы становимся все более опытными в использовании сайтов, приложений, электронных курсов, лонгридов. И все более искушенными 😉 Теперь недостаточно, чтобы интерфейс был просто понятным. Нам важно получать положительные эмоции от использования продукта.
Здесь нам может помочь анимация и наш любимый осознанный подход к ее проектированию 😊 Поэтому есть идея в сентябре поговорить про анимацию и даже прокачаться вместе на интенсиве «Путь аниматора». Если вы с нами, оставляйте заявку в предзаписи и я вернусь к вам с подробностями ❤️
Насмотренность пользователя растет с каждым днем, мы становимся все более опытными в использовании сайтов, приложений, электронных курсов, лонгридов. И все более искушенными 😉 Теперь недостаточно, чтобы интерфейс был просто понятным. Нам важно получать положительные эмоции от использования продукта.
Здесь нам может помочь анимация и наш любимый осознанный подход к ее проектированию 😊 Поэтому есть идея в сентябре поговорить про анимацию и даже прокачаться вместе на интенсиве «Путь аниматора». Если вы с нами, оставляйте заявку в предзаписи и я вернусь к вам с подробностями ❤️
❤4🔥3👍2🤣1
Где брать идеи для вдохновения и прокачивать насмотренность для создания классных интерфейсов? Собрали полезную подборку 💚
Game UI Database
База интерфейсов из игр. В ней можно искать конкретные элементы (например, карты, меню, выбор персонажа), фильтровать по настроению и эстетике. Отлично для вдохновения при создании игровых курсов.
Collect UI
Подборка интерфейсных концептов и идей от дизайнеров Dribbble. Много креативных решений, можно вдохновиться необычными подходами. Можно выбрать определенные категории: например, поп-ап или прогресс бар. Также можно подписаться на ежедневную рассылку.
Awwward Animation
Подборка лучших сайтов с анимацией и микроинтеракциями от Awwwards. Отличный источник вдохновения для анимаций элементов интерфейса и переходов.
One Page Love
Галерея отличных одностраничных сайтов: лонгридов, статей, лендингов.Отличный источник идей для структурирования длинного текста в удобный и увлекательный формат.
Bentogrids
Коллекция сайтов с современным «bento»-стилем сеток: карточки, плитки, модульные блоки. Идеально для вдохновения при создании курсов.
Craftwork
Подборка тщательно отобранных сайтов и интерфейсов с акцентом на эстетику и современный дизайн. Можно сортировать контент по стилю.
#насмотренность
Game UI Database
База интерфейсов из игр. В ней можно искать конкретные элементы (например, карты, меню, выбор персонажа), фильтровать по настроению и эстетике. Отлично для вдохновения при создании игровых курсов.
Collect UI
Подборка интерфейсных концептов и идей от дизайнеров Dribbble. Много креативных решений, можно вдохновиться необычными подходами. Можно выбрать определенные категории: например, поп-ап или прогресс бар. Также можно подписаться на ежедневную рассылку.
Awwward Animation
Подборка лучших сайтов с анимацией и микроинтеракциями от Awwwards. Отличный источник вдохновения для анимаций элементов интерфейса и переходов.
One Page Love
Галерея отличных одностраничных сайтов: лонгридов, статей, лендингов.Отличный источник идей для структурирования длинного текста в удобный и увлекательный формат.
Bentogrids
Коллекция сайтов с современным «bento»-стилем сеток: карточки, плитки, модульные блоки. Идеально для вдохновения при создании курсов.
Craftwork
Подборка тщательно отобранных сайтов и интерфейсов с акцентом на эстетику и современный дизайн. Можно сортировать контент по стилю.
#насмотренность
Please open Telegram to view this post
VIEW IN TELEGRAM
❤12🔥6
Ну очень полезная подборка интересных постов от коллег ❤️
🖤 Крутая вещица от «Отличниц» - кубик Блума: инструкция и шаблон
🖤 Инструкция, как разработать интерактивное мероприятие от канала «Образовательный геймдев»
🖤 Неожиданный пост на тему прокрастинации от Гали Новиковой
🖤 Любопытный пост про стажировки от Михаила Мордасова
🖤 Карточки «Как правильно планировать обучение» от сообщества АРТА, которые точно пригодятся в начале учебного года
Пусть сентябрь будет полон полезных открытий🧡 🧡 🧡
Пусть сентябрь будет полон полезных открытий
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7🔥4
Недавно погрузилась в мир средств разработки лонгридов ❤️ и протестировала зарубежные сервисы. Из приятного – это давно уже не только конструкторы для верстки блоков «текст + картинка».
Вот несколько примеров, собранных в Evolve
1. Spices in Nature — гифки добавляют динамики, а маркеры удерживают внимание и вовлекают пользователя.
2. Handling Pressure — яркое меню и аудиосопровождение, которое можно отключить, если удобнее читать транскрипт.
3. Beyond the Horizon — курс в стиле космической миссии: гифка имитирует звонок, видеоконтент как в фильмах, а ещё персонализация — можно вписать имя, и курс обращается к тебе напрямую.
4. Mindfulness — обучение строится через постоянные вопросы, которые поддерживают активность пользователя.
5. A Guide to Buying Fresh Fish — разнообразные форматы: вкладки, аккордеон, карусель. После просмотра всех блоков появляется сообщение о прогрессе. Часть информации вынесена во всплывающие окна, которые открываются при клике на изображения.
6. Dental Health — короткие видеоролики: реальные истории сотрудников с юмором + мультяшные вставки для разнообразия.
7. Pepper: The King of Spices — диалог в формате мессенджера с аватарами, контент подан в виде блок-схем, а проверка знаний — через разные типы заданий: ввод текста, сортировка по порядку, выбор ответа.
8. Run Like the Wind — маркеры для изучения характеристик предмета, медиа-карусель, флеш-карточки, а также проверка знаний через drag&drop и сопоставление фактов.
P.s. смотреть обязательно! Там много классных идей🙂
#насмотренность
Вот несколько примеров, собранных в Evolve
1. Spices in Nature — гифки добавляют динамики, а маркеры удерживают внимание и вовлекают пользователя.
2. Handling Pressure — яркое меню и аудиосопровождение, которое можно отключить, если удобнее читать транскрипт.
3. Beyond the Horizon — курс в стиле космической миссии: гифка имитирует звонок, видеоконтент как в фильмах, а ещё персонализация — можно вписать имя, и курс обращается к тебе напрямую.
4. Mindfulness — обучение строится через постоянные вопросы, которые поддерживают активность пользователя.
5. A Guide to Buying Fresh Fish — разнообразные форматы: вкладки, аккордеон, карусель. После просмотра всех блоков появляется сообщение о прогрессе. Часть информации вынесена во всплывающие окна, которые открываются при клике на изображения.
6. Dental Health — короткие видеоролики: реальные истории сотрудников с юмором + мультяшные вставки для разнообразия.
7. Pepper: The King of Spices — диалог в формате мессенджера с аватарами, контент подан в виде блок-схем, а проверка знаний — через разные типы заданий: ввод текста, сортировка по порядку, выбор ответа.
8. Run Like the Wind — маркеры для изучения характеристик предмета, медиа-карусель, флеш-карточки, а также проверка знаний через drag&drop и сопоставление фактов.
P.s. смотреть обязательно! Там много классных идей
#насмотренность
Please open Telegram to view this post
VIEW IN TELEGRAM
❤6
Знакомая ситуация? Проходишь курс, пролистываешь слайды с теорией, отвечаешь на тест из трёх вопросов и… через неделю не можешь вспомнить ни одного принципа или правила. Дело не в плохой памяти, а в том, как устроено обучение.
Создание по-настоящему эффективного курса — это не просто упаковка информации в красивый интерфейс. Это наука, которая стоит на трёх китах:
1️⃣ Педагогический дизайн — искусство структурировать контент для лучшего усвоения.
2️⃣ Поведенческая экономика — понимание, как люди принимают решения и что мотивирует их действовать.
3️⃣ Нейрофизиология — знания о том, как наш мозг воспринимает, обрабатывает и запоминает информацию.
Главный вывод нейронаук прост: наш мозг экономит энергию. Он отфильтровывает всё, что не имеет прямого отношения к нашей реальности и не требует немедленного действия. Теория, оторванная от практики, — это просто информационный шум. Она не оставляет следов в нейронных сетях.
Обучение происходит только тогда, когда оно имеет значение для самого слушателя!
Именно поэтому практические упражнения и кейсы — это не просто «приятное дополнение» к курсу, а его ключевая, неотъемлемая часть. Без них теория не превращается в навык.
Какой же должна быть идеальная практика?
Наша цель — не проверить, прочитал ли человек текст, а помочь ему сформировать новый поведенческий паттерн. Для этого мы проектируем упражнения по принципу «действие → результат».
Хороший практический кейс делает 3 простые, но гениальные вещи:
1️⃣ Погружает в реалистичный контекст. Мы создаём ситуацию, с которой слушатель сталкивается или точно столкнется в работе. Это не абстрактные «компания А» и «клиент Б», а узнаваемые, живые сценарии.
2️⃣ Ставит вопрос «Как бы вы поступили?». Мы заставляем мозг не искать правильный ответ в списке, а принимать решение, активируя те же нейронные связи, что будут работать в реальной жизни.
3️⃣ Даёт мгновенную обратную связь и показывает последствия выбора. Слушатель видит результат своего действия: «Если сделать так — будет такой исход ситуации. Если выбрать иной путь — результат изменится вот так». Это момент истины, когда теория оживает.
Такие упражнения буквально «прошивают» в нейронных сетях новые модели поведения. Они превращают знание «о том, что так надо» в уверенность «я знаю, как это сделать и что будет».
Создавая курс, задайте себе вопрос не «Какую теорию я дам?», а «Что должен будет делать слушатель после каждого блока?».
Ведь мы учим не для того, чтобы знать, а для того, чтобы уметь. И только практика, имеющая значение, ведет к реальным результатам.
Создание по-настоящему эффективного курса — это не просто упаковка информации в красивый интерфейс. Это наука, которая стоит на трёх китах:
1️⃣ Педагогический дизайн — искусство структурировать контент для лучшего усвоения.
2️⃣ Поведенческая экономика — понимание, как люди принимают решения и что мотивирует их действовать.
3️⃣ Нейрофизиология — знания о том, как наш мозг воспринимает, обрабатывает и запоминает информацию.
Главный вывод нейронаук прост: наш мозг экономит энергию. Он отфильтровывает всё, что не имеет прямого отношения к нашей реальности и не требует немедленного действия. Теория, оторванная от практики, — это просто информационный шум. Она не оставляет следов в нейронных сетях.
Обучение происходит только тогда, когда оно имеет значение для самого слушателя!
Именно поэтому практические упражнения и кейсы — это не просто «приятное дополнение» к курсу, а его ключевая, неотъемлемая часть. Без них теория не превращается в навык.
Какой же должна быть идеальная практика?
Наша цель — не проверить, прочитал ли человек текст, а помочь ему сформировать новый поведенческий паттерн. Для этого мы проектируем упражнения по принципу «действие → результат».
Хороший практический кейс делает 3 простые, но гениальные вещи:
1️⃣ Погружает в реалистичный контекст. Мы создаём ситуацию, с которой слушатель сталкивается или точно столкнется в работе. Это не абстрактные «компания А» и «клиент Б», а узнаваемые, живые сценарии.
2️⃣ Ставит вопрос «Как бы вы поступили?». Мы заставляем мозг не искать правильный ответ в списке, а принимать решение, активируя те же нейронные связи, что будут работать в реальной жизни.
3️⃣ Даёт мгновенную обратную связь и показывает последствия выбора. Слушатель видит результат своего действия: «Если сделать так — будет такой исход ситуации. Если выбрать иной путь — результат изменится вот так». Это момент истины, когда теория оживает.
Такие упражнения буквально «прошивают» в нейронных сетях новые модели поведения. Они превращают знание «о том, что так надо» в уверенность «я знаю, как это сделать и что будет».
Создавая курс, задайте себе вопрос не «Какую теорию я дам?», а «Что должен будет делать слушатель после каждого блока?».
Ведь мы учим не для того, чтобы знать, а для того, чтобы уметь. И только практика, имеющая значение, ведет к реальным результатам.
🔥7👍1
Вы прошли урок, сделали практическое задание, а через неделю не можете вспомнить ни принципов, ни действий. Знакомо?
Дело не в лени или недостатке мотивации. Часто проблема в том, как задание создано. Оно просто не настраивает наш мозг на правильную работу. Нейронаука прекрасно объясняет, почему так происходит.
В карточка[ топ-3 ошибки, которые нарушают процесс обучения на биологическом уровне.
Создавая практику с учетом этих принципов, мы не просто даем информацию, а буквально перепрошиваем мозг ученика, делая обучение по-настоящему эффективным. Этим мы и займемся на интенсиве «Как создавать практику и задания в курсах, которые гарантированно дадут результат»
А вам приходилось сталкиваться с заданиями, которые ваш мозг решил проигнорировать? Делитесь в комментариях, какие ошибки встречали?
Дело не в лени или недостатке мотивации. Часто проблема в том, как задание создано. Оно просто не настраивает наш мозг на правильную работу. Нейронаука прекрасно объясняет, почему так происходит.
В карточка[ топ-3 ошибки, которые нарушают процесс обучения на биологическом уровне.
Создавая практику с учетом этих принципов, мы не просто даем информацию, а буквально перепрошиваем мозг ученика, делая обучение по-настоящему эффективным. Этим мы и займемся на интенсиве «Как создавать практику и задания в курсах, которые гарантированно дадут результат»
А вам приходилось сталкиваться с заданиями, которые ваш мозг решил проигнорировать? Делитесь в комментариях, какие ошибки встречали?
❤5🔥2
Отличная новость для тех, кто раздумывает над обучением на программе «Разработчик электронных курсов» 🎓
В этом году я вместе с Академией Эквио создала крутой курс для тех, кто хочет стартануть в разработке курсов или найти идеи и вдохновение. В программе есть и теория, и практические лайфхаки и ДЗ, а также более 30 примеров для прокачки насмотренности! Все как вы любите❤️
И до конца октября выпускные работы учеников по сборке курсов буду проверять я лично!
Я проверю финальную домашку с вашим курсом и запишу скринкаст с подробным разбором вашей работы.
В этом году я вместе с Академией Эквио создала крутой курс для тех, кто хочет стартануть в разработке курсов или найти идеи и вдохновение. В программе есть и теория, и практические лайфхаки и ДЗ, а также более 30 примеров для прокачки насмотренности! Все как вы любите
И до конца октября выпускные работы учеников по сборке курсов буду проверять я лично!
Я проверю финальную домашку с вашим курсом и запишу скринкаст с подробным разбором вашей работы.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10❤4⚡1
👾 Разработай курс с платформой ДелайКкрс – новый крутой челлендж от команды ДелайКурс. Я в жюри 😊😉
А это значит, что есть ещё одна шикарная возможность прокачаться в разработке, попробовать новое средство, получить фидбэк от меня и других профи, да ещё и классные призы выиграть.
Кстати, участие бесплатно! А организаторы продумали все так, чтобы вы могли максимально быстро создать свой курс в конструкторе ДелайКурс.
Что тебя ждет:
— Состязание за самый увлекательный курс
— Знакомство с ДелайКурс и прокачка в новом авторском средстве
— Персональные онлайн-встречи с экспертами
— Комьюнити создателей электронных курсов
Изучай подробнее и спеши создать свой проект 🤝
А это значит, что есть ещё одна шикарная возможность прокачаться в разработке, попробовать новое средство, получить фидбэк от меня и других профи, да ещё и классные призы выиграть.
Кстати, участие бесплатно! А организаторы продумали все так, чтобы вы могли максимально быстро создать свой курс в конструкторе ДелайКурс.
Что тебя ждет:
— Состязание за самый увлекательный курс
— Знакомство с ДелайКурс и прокачка в новом авторском средстве
— Персональные онлайн-встречи с экспертами
— Комьюнити создателей электронных курсов
Изучай подробнее и спеши создать свой проект 🤝
🔥7❤3👏1