Мобильный курс

8 (495) 142-96-76
info@fox-course.ru

Мобильный курс

Несколько советов по созданию курсов для мобильных устройств

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

1. Разделение на микро-блоки

Первое, о чем стоит помнить — это где и при каких условиях люди проходят курс с мобильного. Это может быть работа в зале продаж, по дороге домой, за обедом. То есть в ситуациях, когда в любой момент может возникнуть необходимость прерваться. Именно поэтому такие курсы должны больше, чем обычные, разделены на модули. Каждый модуль должен занимать не более 5−7 минут. Таким образом пользователю будет легче вспомнить, где он остановился и что изучал до этого.

2. Большие кнопки и ореолы нажатия

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

3. Меньше информации

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

4. Шрифт

Для мобильный курсов рекомендуется использовать достаточно крупный шрифт. Многие останавливают свой выбор на 15–17 кегле.

5. Активность в центре

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

6. Вертикальный или горизонтальный?

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

Где и как разрабатывать адаптивный курс для мобильных устройств

Вопрос с адаптивностью курсов — один из самых насущных на данный момент. Есть несколько способов его решения:

Articulate Rise

Позволяет делать адаптивные курсы в формате лонгрид.
Плюсы: легкий в обращении/изучении и удобный редактор; курс смотрится аккуратно на любом экране; идеален для начинающих.
Минусы: ограниченные возможности интерактива и настроек дизайна; сделать что-то отличное от тех блоков, что туда заложены не выйдет.

Articulate Storyline

В нем мы больше всего любим делать курсы для компьютера, но он так же подойдет и для верстки мобильного курса. Если курс будет просматриваться только с мобильных устройств, то просто делаем соответствующее им разрешение слайдов (например, 640 в ширину на 1136 в высоту). Если нам нужен курс для любых устройств, то делаем обычный курс с широким разрешением экрана (например, 1280 в ширину и 720 в ширину). Главное — сделать большой ореол кнопок. Единственный минус: при просмотре с мобильного устройства придется перевернуть экран горизонтально. Но зато мы получаем возможность сделать любую механику упражнений.

Adobe Captivate

Имеет два варианта создания адаптивных курсов. Первый — с применением функции fluid box, когда весь контент размещается в специальные «коробочки», которые самостоятельно перемещаются друг под друга в зависимости от размеров экрана. Минус такого режима - ограниченное количество вариантов интерактива и наличие глюков при адаптации текста под размер экрана.

Второй вариант — разработка в режиме Breakpoint Mode, который позволяет параллельно верстать слайды под разные разрешения экрана. При этом одни и те же элементы могут располагаться на слайде в разных места, в зависимости от типа устройства. Минус данного режима это большое количество глюков. Если мобильный телефон имеет чуть другое разрешение экрана, чем вы настраивали, то текст и картинки могут «поплыть». Помимо этого, на разработку уходит втрое больше времени.

Доработка ЛМС

Если у Вас есть программист, который может дополнить Вашу ЛМС, то для Вас существует еще один вариант: дописать код, позволяющий в один урок вставлять не один, как везде, а два скорм пакета и определяющий при запуске урока, с какого устройства зашел пользователь. В этом случае, мы делаем один пакет с курсом для мобильного устройства (например, 640 в ширину на 1136 в высоту), а второй пакет — с курсом для компьютера. Система, определив тип устройства, запускает тот или иной пакет. Минус такого подхода: придется делать два курса + трудозатраты программиста. Но зато получится красиво и удобно для пользователей.

Другие ПО

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

Мы перечислили только те способы, которые пробовали на практике. На наш взгляд, наиболее оптимальным является вариант разработки курса в Articulate Storyline, который потребует поворота мобильного горизонтально, но зато позволит сделать аккуратный, интересный и красивый курс, с минимум затрат по времени.