← ЛЕНТА / статья

Компактная каталожная карточка для онлайн-курсов

21 июня 2024г.

Смотреть на YouTube (12 минут)

Попал ко мне проект маркетплейса по онлайн обучению.

Заинтересовался каталожными карточками, как заточить их именно под обучение. Хм, а зачем? — Стандартные параметры на месте: название, цена, фотка, звёзды… почему не использовать «обычные» карточки? Попробуем разобрать информацию о курсе на составляющие по важности для учеников.

Что главное для учеников?

На первом месте:

1. Название курса — это 90% всей информации о курсе. «Python разработчик», «Найти себя в IT за 5 дней» — ну что тут непонятного?! Бывает не так однозначно: «Операционный менеджер», «Soft skills for hard times»
2. Цена курса — после названия ученик смотрит на цену (потянет/не потянет). Лично я предпочитаю, когда мне честно сообщают полную стоимость (даже «занебесную»), а не стыдливо «прячут» за ежемесячными или еженедельными платежами.
3. Срок обучения — и сразу же сравнивает со сроком. Срок часто «намекает» на «серьёзность» обучения, но ученик пока ещё не знает, что по факту это никак не коррелирует, не будем его расстраивать.

На втором месте:

1. Рейтинг курса или школы — это обязательный параметр курса. Часто появляются новые курсы, где нет отзывов и тут в ход идёт «подстава» в виде рейтинга преподавателей (а то и камео) или рейтинга школы. Хорошей заменой рейтинга может быть количество записавшихся или обученных.
2. Уровень обучения — для какого уровня знаний курс (бегинер, джуниор и т.п.) Можно управлять через фильтры или уровни каталога.
3. Условия оплаты курса — важная информация, но не первостепенная. Гораздо важнее — сколько ученик выложит в итоге.
4. Специальность, направление — бухгалтерия, программирование и т.п. Это чисто информативный блок, если из названия курса не понятно. Можно управлять через фильтры или уровни каталога.

На третьем месте:

1. Название школы — для школ есть фильтры. Если ученик ищет конкретную школу, то выбирает в фильтрах или идёт на сайт школы. Но в карточке всё же должна быть школа, чтобы не потеряться. Стало «общепринятым» школы показывать в виде лого поверх основной картинки, но мне это кажется уродством, да и не все знают лого школ.
2. Сертификаты и «плюшки» — это из серии: «по окончании выдаём …», «13% возврат налогов» и т.п. Полезно, интересно, но не так важно, как знания.
3. «фоточки» — некоторые школы вообще без картинок обходятся, но это скучно. Картинка желательна только в виде иллюстрации, (при)отвлечения, маленькую, круглую и даже 30х30, ну хоть что-то.

Самая большая непонятность в карточках школ это блок со стоимостью. Часто это выглядит кашей из разных цен: цена без скидки, со скидкой, цена за месяц, первый взнос и т.п. и ученик должен только догадываться какая цифра к чему. И нет «единых» условий оплаты, у каждой школы своё — два платежа, ежемесячно, еженедельно, по графику, скидки при полной оплате и т.д.

Попробуем собрать всю эту информацию на карточке.

Вводная:

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

В принципе, тут всё понятно, кроме блока с ценой, «стрелка, будильник… что за?!..»

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

Если у кого-то будет идея как компактно и понятно показать ВСЕ условия и цены, то пишите в комменты.

На уровне кнопок сортировки можно добавить чек «показывать условия оплаты» и тогда она во всех карточках сразу будет показывать условия оплаты.

В метриках последить, какой вариант юзеры предпочитают и использовать его.

Почти всё в карточке кликабельное.

• Школа — на страницу школы
• Рейтинг — на отзывы о курсе, о школе
• Срок — на фильтр по этому сроку, хотя не очевидно и спорно, уберём
• Название курса — на страницу курса
• специальность?? — «где?! говорил же, что важно!», не придумал как сделать компактно и эстетично, названия бывают длинными, т.е. нужна целая строчка (а то и две)… можно очень мелко над/под названием курса, но придётся увеличить карточку по высоте
• Уровень — на фильтр по уровню, тоже неочевидно и спорно, уберём
• Цена — конвертор в условия оплаты

В карточке не хватает ещё функционала: избранное, похожие, сравнить и т.п. — это на ваше усмотрение.

В целом, рынок онлайн обучения произвёл на меня удручающее впечатление. Все, кто громко называется маркетплейсом, совсем не «маркет», а в лучшем случае «плейс», т.е. обычные доски объявлений… Это как если бы Озон показывал товары, а чтобы их купить, надо перейти на сайт продавца… )) Но это так, мысли в сторону ))

💬 Комментировать и обсудить статью в Телеграм-канале

Юзабилити аудит

Телеграм-канал «Заметки о юзабилити» — посмотреть и подписаться

Написать письмо