Внимание пользователя — сверхценный ресурс. Наш мозг может удерживать в фокусе ограниченный объём информации, поэтому в обучении важно создать интерфейс, который позволит концентрироваться на содержании, а не на том, как что устроено. Даже самый интересный материал вызовет раздражение, если придётся прилагать усилия, чтобы разобраться с навигацией и найти нужные кнопки.
Разберём, что можно сделать, чтобы улучшить юзабилити электронного курса.
1️⃣ Делайте интерфейс предсказуемым
Большинство уже имеет опыт взаимодействия с цифровыми продуктами — сайтами, приложениями, мессенджерами. Используйте этот опыт: размещайте элементы управления в привычных местах — например, кнопки «Далее/Назад» внизу экрана, а крестик «Закрыть» — в правом верхнем углу.
Соблюдайте принцип единообразия: единый стиль кнопок, иконок и шрифтов. Любой элемент, выбивающийся из общей системы, привлекает внимание и заставляет тратить ресурсы на разбор, почему он отличается.
Убедитесь, что кликабельные элементы легко распознаются и визуально отличаются от статичных.
2️⃣ Дайте пользователю контроль
Люди ценят возможность управлять своим процессом обучения. Позвольте ставить видео и аудио на паузу, пересматривать материал, возвращаться к уже пройденным слайдам. Возможность регулировать громкость, скорость воспроизведения, наличие субтитров или текстовой версии видео делают обучение комфортнее и доступнее.
Добавьте навигацию по разделам, чтобы учащемуся всегда было понятно, на каком этапе обучения он находится.
3️⃣ Снижайте количество кликов
Не заставляйте пользователей совершать лишние действия. Если экран предназначен для чтения текста, не делайте так, чтобы для появления каждой фразы нужно было нажимать «Далее». Чем проще путь к информации, тем легче фокусироваться на содержании.
4️⃣ Информируйте о статусе системы
Показывайте важные статусы и события: завершение теста, результаты, прогресс прохождения курса, статус выполнения задания. Прозрачность снижает тревожность и помогает учащемуся понимать, что происходит.
5️⃣ Обеспечьте доступность (Accessibility)
Поработайте над тем, чтобы курсом могли пользоваться все, включая людей с особенными потребностями. Например, добавьте альтернативный текст для изображений, обеспечьте хороший контраст текста и фона, используйте крупные и читаемые шрифты.
Разберём, что можно сделать, чтобы улучшить юзабилити электронного курса.
Большинство уже имеет опыт взаимодействия с цифровыми продуктами — сайтами, приложениями, мессенджерами. Используйте этот опыт: размещайте элементы управления в привычных местах — например, кнопки «Далее/Назад» внизу экрана, а крестик «Закрыть» — в правом верхнем углу.
Соблюдайте принцип единообразия: единый стиль кнопок, иконок и шрифтов. Любой элемент, выбивающийся из общей системы, привлекает внимание и заставляет тратить ресурсы на разбор, почему он отличается.
Убедитесь, что кликабельные элементы легко распознаются и визуально отличаются от статичных.
Люди ценят возможность управлять своим процессом обучения. Позвольте ставить видео и аудио на паузу, пересматривать материал, возвращаться к уже пройденным слайдам. Возможность регулировать громкость, скорость воспроизведения, наличие субтитров или текстовой версии видео делают обучение комфортнее и доступнее.
Добавьте навигацию по разделам, чтобы учащемуся всегда было понятно, на каком этапе обучения он находится.
Не заставляйте пользователей совершать лишние действия. Если экран предназначен для чтения текста, не делайте так, чтобы для появления каждой фразы нужно было нажимать «Далее». Чем проще путь к информации, тем легче фокусироваться на содержании.
Показывайте важные статусы и события: завершение теста, результаты, прогресс прохождения курса, статус выполнения задания. Прозрачность снижает тревожность и помогает учащемуся понимать, что происходит.
Поработайте над тем, чтобы курсом могли пользоваться все, включая людей с особенными потребностями. Например, добавьте альтернативный текст для изображений, обеспечьте хороший контраст текста и фона, используйте крупные и читаемые шрифты.
Please open Telegram to view this post
VIEW IN TELEGRAM
❤7👍2🔥2
Продолжаем разговор о кнопках в интерфейсе курса.
Предлагаем несколько необычных решений, которые придумали разработчики в рамках еженедельных челленджей от комьюнити E‑Learning Heroes:
1️⃣ Пример - кнопки, стилизованные под тетрадные заметки, с надписью от руки
2️⃣ Пример - кнопки в минималистичном стиле, которые оживают при наведении — из прозрачных плавно наполняются цветом
3️⃣ Пример - яркие кнопки с глубокой чёрной тенью создают эффект постера или комикса.
Берите идеи на заметку, пробуйте адаптировать под свои проекты, комбинируйте и вдохновляйтесь!
Какая из идей показалась вам самой интересной? Или, может, вы делали что‑то ещё более интересное? Поделитесь в комментариях
#насмотренность
Предлагаем несколько необычных решений, которые придумали разработчики в рамках еженедельных челленджей от комьюнити E‑Learning Heroes:
Берите идеи на заметку, пробуйте адаптировать под свои проекты, комбинируйте и вдохновляйтесь!
Какая из идей показалась вам самой интересной? Или, может, вы делали что‑то ещё более интересное? Поделитесь в комментариях
#насмотренность
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6
Наши партнеры из международной студии разработки электронных курсов Nova Studio подготовили практичный курс «Как не попасть в сети мошенников»
⤵️ Скачивайте курс и назначайте сотрудникам вашей компании, чтобы они знали о распространенных схемах мошенничества, научились распознавать уловки и обходить их, а также были в курсе того, что делать, если мошенники все-таки оказались хитрее.
К партнерам из Nova Studio можно также обратиться, если вам необходимо:
Вы можете самостоятельно зарегистрироваться в Академии Эквио и получить доступ к бесплатному контенту по ссылке. Если возникли сложности — обращайтесь в нашу службу поддержки support@e-queo.com
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥5❤1
20 ноября главное профессиональное сообщество про современное обучение подводит итоги года: лучшие практики, ключевые тренды, вызовы, изменения, инструменты, находки, награждение победителей Премии Digital Learning 2025!
Вас ждет главная конференция о современном обучении от сообщества Digital Learning:
- Финал Премии Digital Learning 2025
- 400+ участников
- 35+ спикеров
- 2 секции
Когда: 20 ноября 2025 года
Где: Москва, гостиница Аэростар
До встречи на конференции!
Павел Безяев и Команда сообщества Digital Learning
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍1👌1
В карточках несколько идей, как создавать интерфейсы, которые позволяют воспринимать информацию при любых условиях.
Примеры из нашей практики ❤️
Примеры из нашей практики ❤️
❤16🔥5✍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🔥7
Ну очень полезная подборка интересных постов от коллег ❤️
🖤 Крутая вещица от «Отличниц» - кубик Блума: инструкция и шаблон
🖤 Инструкция, как разработать интерактивное мероприятие от канала «Образовательный геймдев»
🖤 Неожиданный пост на тему прокрастинации от Гали Новиковой
🖤 Любопытный пост про стажировки от Михаила Мордасова
🖤 Карточки «Как правильно планировать обучение» от сообщества АРТА, которые точно пригодятся в начале учебного года
Пусть сентябрь будет полон полезных открытий🧡 🧡 🧡
Пусть сентябрь будет полон полезных открытий
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️⃣ Даёт мгновенную обратную связь и показывает последствия выбора. Слушатель видит результат своего действия: «Если сделать так — будет такой исход ситуации. Если выбрать иной путь — результат изменится вот так». Это момент истины, когда теория оживает.
Такие упражнения буквально «прошивают» в нейронных сетях новые модели поведения. Они превращают знание «о том, что так надо» в уверенность «я знаю, как это сделать и что будет».
Создавая курс, задайте себе вопрос не «Какую теорию я дам?», а «Что должен будет делать слушатель после каждого блока?».
Ведь мы учим не для того, чтобы знать, а для того, чтобы уметь. И только практика, имеющая значение, ведет к реальным результатам.
🔥8👍1
Вы прошли урок, сделали практическое задание, а через неделю не можете вспомнить ни принципов, ни действий. Знакомо?
Дело не в лени или недостатке мотивации. Часто проблема в том, как задание создано. Оно просто не настраивает наш мозг на правильную работу. Нейронаука прекрасно объясняет, почему так происходит.
В карточка[ топ-3 ошибки, которые нарушают процесс обучения на биологическом уровне.
Создавая практику с учетом этих принципов, мы не просто даем информацию, а буквально перепрошиваем мозг ученика, делая обучение по-настоящему эффективным. Этим мы и займемся на интенсиве «Как создавать практику и задания в курсах, которые гарантированно дадут результат»
А вам приходилось сталкиваться с заданиями, которые ваш мозг решил проигнорировать? Делитесь в комментариях, какие ошибки встречали?
Дело не в лени или недостатке мотивации. Часто проблема в том, как задание создано. Оно просто не настраивает наш мозг на правильную работу. Нейронаука прекрасно объясняет, почему так происходит.
В карточка[ топ-3 ошибки, которые нарушают процесс обучения на биологическом уровне.
Создавая практику с учетом этих принципов, мы не просто даем информацию, а буквально перепрошиваем мозг ученика, делая обучение по-настоящему эффективным. Этим мы и займемся на интенсиве «Как создавать практику и задания в курсах, которые гарантированно дадут результат»
А вам приходилось сталкиваться с заданиями, которые ваш мозг решил проигнорировать? Делитесь в комментариях, какие ошибки встречали?
❤5🔥3