10 особенностей разработки электронных курсов для мобильных устройств
Перечень того, что нужно учитывать для электронных курсов в мобильном формате
При разработке электронных курсов, целевой аудиторией которых будут обучающиеся с мобильных телефонов, нужно учитывать несколько важных факторов:
1⃣ Кнопки под большой палец
Так как обычное положение телефона в руке – вертикальное или «книжное», а роль мышки мобильно обучающегося в основном исполняет большой палец руки, то кнопки в курсе лучше располагать в нижней половине экрана, чтобы по возможности не подключать другие пальцы или вторую руку. Чем удобнее обучающемуся будет пользоваться курсом, тем лучше он сможет усвоить информацию.
2⃣ Используем «свайп» и где нужно – условный
Некоторые редакторы имеют встроенное действие – перелистывание страницы в сторону или «свайп». Не забывайте задействовать эту возможность при верстке курса под мобильники, чтобы не вынуждать обучающегося нажимать пальцем на кнопки «Назад» и «Далее». А если на слайде есть обязательные места нажатия для получения скрытой информации или при проверке знаний, то не забывайте накладывать дополнительные условия на «свайпы», чтобы дальше можно было пройти, только полностью отработав слайд.
3⃣ Меньше текста на экране
Педдизайн и так играет важнейшую роль при разработке дистанционных курсов, а в случае с мобильными версиями его роль становится еще важнее. С телефона читать менее удобно, чем с большого монитора, поэтому текста на экране не должно быть много. Еще более «сушим» предложения, еще активнее используем графику, чтобы и не заставлять напрягать глаза обучающегося, и при этом - оставлять его в теме курса.
4⃣ Вертикальные рисунки
Старайтесь и графическое оформление подбирать вытянутым по вертикали. Иначе качественное широкоформатное изображение будет зря использовано, если его будет толком не рассмотреть в книжно-ориентированном курсе.
5⃣ «Зум» картинок
Подобрав вертикальные изображения, оставляйте обучающемуся возможность нажимать на них для увеличения.
6⃣ Крупнее объекты для нажатия
Любые кнопки и другие объекты для нажатия делайте крупными. Даже если визуально их неудобно все уместить, то поверх кнопок накладывайте прозрачные активные зоны, чтобы проще было попасть на них пальцем.
7⃣ Не заморачивайтесь на наведении
Верстая курсы для мобильных устройств, забудьте про состояние «hover», не тратьте время на подготовку отдельного оформления кнопок при наведении. Нет никакого наведения, когда палец жмет на сенсорный экран.
8⃣ Не делайте событий по клавишам
Если курс предполагает прохождение как с компьютера, так и с мобильного устройства, и в нем рассматриваются моменты работы в программном обеспечении с нажатием клавиш с клавиатуры, без которых дальше не пройти. То для этого необходимо дополнительно размещать изображение клавиши на экране, чтобы с мобильных устройств можно было нажать на них, имитируя реальное нажатие клавиш, тем самым запоминая, какую именно клавишу надо нажимать.
9⃣ Вместо уменьшения размера шрифта лучше скролл-панели
Выше мы уже говорили, что лучше размещать меньше текста на экране. Но если всё же, в случае некой памятки, из которой слов не выкинешь, необходимо весь текст уместить на экране, то вместо уменьшения шрифта используйте панели с вертикальной прокруткой.
🔟 Во весь экран или в окно браузера
И касаемо размеров плеера курса. Для мобильных устройств определенно не надо подбирать четкие размеры отображения окна курса – под все мобильные гаджеты не угадаешь с размером. Поэтому нужно либо указывать растягивание курса во весь экран, либо - вписывание в окно браузера.
Андрей Матюков (lifel.ru) специально для сообщества Digital Learning
Перечень того, что нужно учитывать для электронных курсов в мобильном формате
При разработке электронных курсов, целевой аудиторией которых будут обучающиеся с мобильных телефонов, нужно учитывать несколько важных факторов:
1⃣ Кнопки под большой палец
Так как обычное положение телефона в руке – вертикальное или «книжное», а роль мышки мобильно обучающегося в основном исполняет большой палец руки, то кнопки в курсе лучше располагать в нижней половине экрана, чтобы по возможности не подключать другие пальцы или вторую руку. Чем удобнее обучающемуся будет пользоваться курсом, тем лучше он сможет усвоить информацию.
2⃣ Используем «свайп» и где нужно – условный
Некоторые редакторы имеют встроенное действие – перелистывание страницы в сторону или «свайп». Не забывайте задействовать эту возможность при верстке курса под мобильники, чтобы не вынуждать обучающегося нажимать пальцем на кнопки «Назад» и «Далее». А если на слайде есть обязательные места нажатия для получения скрытой информации или при проверке знаний, то не забывайте накладывать дополнительные условия на «свайпы», чтобы дальше можно было пройти, только полностью отработав слайд.
3⃣ Меньше текста на экране
Педдизайн и так играет важнейшую роль при разработке дистанционных курсов, а в случае с мобильными версиями его роль становится еще важнее. С телефона читать менее удобно, чем с большого монитора, поэтому текста на экране не должно быть много. Еще более «сушим» предложения, еще активнее используем графику, чтобы и не заставлять напрягать глаза обучающегося, и при этом - оставлять его в теме курса.
4⃣ Вертикальные рисунки
Старайтесь и графическое оформление подбирать вытянутым по вертикали. Иначе качественное широкоформатное изображение будет зря использовано, если его будет толком не рассмотреть в книжно-ориентированном курсе.
5⃣ «Зум» картинок
Подобрав вертикальные изображения, оставляйте обучающемуся возможность нажимать на них для увеличения.
6⃣ Крупнее объекты для нажатия
Любые кнопки и другие объекты для нажатия делайте крупными. Даже если визуально их неудобно все уместить, то поверх кнопок накладывайте прозрачные активные зоны, чтобы проще было попасть на них пальцем.
7⃣ Не заморачивайтесь на наведении
Верстая курсы для мобильных устройств, забудьте про состояние «hover», не тратьте время на подготовку отдельного оформления кнопок при наведении. Нет никакого наведения, когда палец жмет на сенсорный экран.
8⃣ Не делайте событий по клавишам
Если курс предполагает прохождение как с компьютера, так и с мобильного устройства, и в нем рассматриваются моменты работы в программном обеспечении с нажатием клавиш с клавиатуры, без которых дальше не пройти. То для этого необходимо дополнительно размещать изображение клавиши на экране, чтобы с мобильных устройств можно было нажать на них, имитируя реальное нажатие клавиш, тем самым запоминая, какую именно клавишу надо нажимать.
9⃣ Вместо уменьшения размера шрифта лучше скролл-панели
Выше мы уже говорили, что лучше размещать меньше текста на экране. Но если всё же, в случае некой памятки, из которой слов не выкинешь, необходимо весь текст уместить на экране, то вместо уменьшения шрифта используйте панели с вертикальной прокруткой.
🔟 Во весь экран или в окно браузера
И касаемо размеров плеера курса. Для мобильных устройств определенно не надо подбирать четкие размеры отображения окна курса – под все мобильные гаджеты не угадаешь с размером. Поэтому нужно либо указывать растягивание курса во весь экран, либо - вписывание в окно браузера.
Андрей Матюков (lifel.ru) специально для сообщества Digital Learning
👍13
Хотите большего? Делайте меньше!
Не торопитесь крутить пальцем у виска! Лучше присмотритесь к микрообучению. Микрокурсы короче обыкновенных, не такие насыщенные и чаще всего создаются в более лёгком формате. Специально для «Дня новичка», наши друзья из iSpring в карусели объяснили, в чём их преимущество.
Листайте!
Впрочем, от полноценных курсов тоже не стоит отказываться. Всегда ориентируйтесь на цели обучения и аудиторию. Кстати, как вы используете микрокурсы? Поделитесь опытом в комментариях
#дляновичков #советы
Консорциум развития сообщества Digital Learning
Не торопитесь крутить пальцем у виска! Лучше присмотритесь к микрообучению. Микрокурсы короче обыкновенных, не такие насыщенные и чаще всего создаются в более лёгком формате. Специально для «Дня новичка», наши друзья из iSpring в карусели объяснили, в чём их преимущество.
Листайте!
Впрочем, от полноценных курсов тоже не стоит отказываться. Всегда ориентируйтесь на цели обучения и аудиторию. Кстати, как вы используете микрокурсы? Поделитесь опытом в комментариях
#дляновичков #советы
Консорциум развития сообщества Digital Learning
👍10
Продолжаем «День новичка» и поговорим, как правильно выбрать формат обучения:
Люди по-разному воспринимают информацию: визуально, на слух и даже через прикосновения. Поэтому важно правильно выбрать формат обучающего курса.
Наши друзья из Webinar Group разбирают форматы онлайн-обучения и рассказывают, как выбрать подходящий.
#дляновичков #советы
Консорциум развития сообщества Digital Learning
Люди по-разному воспринимают информацию: визуально, на слух и даже через прикосновения. Поэтому важно правильно выбрать формат обучающего курса.
Наши друзья из Webinar Group разбирают форматы онлайн-обучения и рассказывают, как выбрать подходящий.
#дляновичков #советы
Консорциум развития сообщества Digital Learning
👍10🔥1
22 сентября 2022 года компания QSOFT приглашает на бизнес-ужин, посвященный презентации осеннего обновления TEAMLY. Это новый продукт от QSOFT, платформа для развития знаний сотрудников.
Компания представила его рынку в апреле этого года. Сейчас он уже внедрен в нескольких крупных компаниях и вошёл в Реестр Российского ПО.
Об обновлениях платформы расскажет генеральный директор QSOFT, Виталий Чесноков. Помимо этого, опытом управления знаниями на Олимпиаде Сочи 2014 поделится Мария Мариничева, первый Knowledge Manager в РФ (Ernst & Young 2000).
После официальной части Вас ждёт фуршет и нетворкинг.
Время и место проведения: 22 сентября 2022, начало в 17:30
Холодильный переулок, 3, корп. 1, стр. 8. м. Тульская
Регистрируйтесь на мероприятие по ссылке
https://clck.ru/zmHdA
Компания представила его рынку в апреле этого года. Сейчас он уже внедрен в нескольких крупных компаниях и вошёл в Реестр Российского ПО.
Об обновлениях платформы расскажет генеральный директор QSOFT, Виталий Чесноков. Помимо этого, опытом управления знаниями на Олимпиаде Сочи 2014 поделится Мария Мариничева, первый Knowledge Manager в РФ (Ernst & Young 2000).
После официальной части Вас ждёт фуршет и нетворкинг.
Время и место проведения: 22 сентября 2022, начало в 17:30
Холодильный переулок, 3, корп. 1, стр. 8. м. Тульская
Регистрируйтесь на мероприятие по ссылке
https://clck.ru/zmHdA
👍4
UX в образовании – Картируем образовательный путь и переживания пользователя
Основные тематики идущей сейчас Школы цифровой трансформации - измерение эффективности обучения, работа с данными в образовании, дата-центричный пед дизайн и конечно же LXD – дизайн образовательного опыта.
Ярким примером является вчерашняя мастерская по UX в образовании – проектированию пользовательского опыта и переживаний.
Самое ценное, что учащиеся выносят из образовательной среды – это не только знания и умения, но еще и опыт, эмоции, воспоминания пережитого. Именно эмоциональное вовлечение позволяет удерживать их в состоянии потока, повышая эффективность обучения.
Но как отследить на данных такие «летучие» материи, как убедиться, что спроектированное вами работает? Для этого мы используем два инструмента – это Learner journey map (картирование опыта учащегося) и Картирование переживаний, которое представляет ценностную рамку опыта.
На представленных слайдах приведены основы предлагаемой модели. Важным нововведением является разделение план\факт, необходимость подтверждения модели собираемыми данными. В рамках школы все учащиеся подобным образом размечают а дальше на данных подтверждают состоятельность своих разработок.
Подробнее на канале «Дизайн Образования»
Андрей Комиссаров и команда сообщества Digital Learning
Основные тематики идущей сейчас Школы цифровой трансформации - измерение эффективности обучения, работа с данными в образовании, дата-центричный пед дизайн и конечно же LXD – дизайн образовательного опыта.
Ярким примером является вчерашняя мастерская по UX в образовании – проектированию пользовательского опыта и переживаний.
Самое ценное, что учащиеся выносят из образовательной среды – это не только знания и умения, но еще и опыт, эмоции, воспоминания пережитого. Именно эмоциональное вовлечение позволяет удерживать их в состоянии потока, повышая эффективность обучения.
Но как отследить на данных такие «летучие» материи, как убедиться, что спроектированное вами работает? Для этого мы используем два инструмента – это Learner journey map (картирование опыта учащегося) и Картирование переживаний, которое представляет ценностную рамку опыта.
На представленных слайдах приведены основы предлагаемой модели. Важным нововведением является разделение план\факт, необходимость подтверждения модели собираемыми данными. В рамках школы все учащиеся подобным образом размечают а дальше на данных подтверждают состоятельность своих разработок.
Подробнее на канале «Дизайн Образования»
Андрей Комиссаров и команда сообщества Digital Learning
❤4👍2🔥1