Как интерфейс LMS влияет на доходимость и бизнес-эффекты обучения
Completion Rate — важный показатель эффективности обучения. Разбираемся, как на доходимость влияет интерфейс личного кабинета ученика. Заодно показываем, как мы сами перепроектировали свой, опираясь на данные и желаемые бизнес-эффекты для клиентов.
15.07.2026 
Telegram
WhatsApp
ВКонтакте
Twitter (X)
Одноклассники
Екатерина Краснянская
Продуктовый дизайнер Teachbase
Продуктовый дизайнер Teachbase
Александр Лесков
Руководитель продукта Teachbase
Руководитель продукта Teachbase
Completion Rate (доля тех, кто прошел обучение до конца) зависит не только от качества материала. Прежде чем сотрудник откроет первый слайд курса, он должен:
получить уведомление,
зайти в личный кабинет,
понять, где находится обучение,
разобраться, что пройти в первую очередь,
сделать все это за разумное число кликов.
Если в процессе обучения ученик «спотыкается» о непонятный интерфейс, — тратит время на поиск кнопок, гадает, как пройти урок, повторно проходит одни и те же шаги — это расходует его мотивацию. А от мотивации напрямую зависит доходимость. Это не только наше наблюдение: юзабилити e-learning систем и их влияние на процесс обучения — давний предмет академических исследований.
Удобная платформа, без лишних преград и сложностей — это база. Мы в Teachbase решили пойти дальше — создать не просто понятный интерфейс, а пользовательский опыт (UX) с фокусом на поддержке вовлеченности и бизнес-задачах обучения.
Интерфейс может сказываться не только на доходимости курсов. Его влияние шире. Teachbase важно помогать клиентам в достижении их бизнес-результатов. В том числе — делать это на уровне UХ платформы, проектируя нужный пользовательский опыт.
Задача ученика
Бизнес-эффект
Пройти обучение
Продуктивность
Найти обучение для саморазвития
Удержание талантов
Быть в курсе изменений
Вовлеченность
Взаимодействие с другими
Командная работа
Внимание к своему прогрессу
Мотивация
Задача ученика
Бизнес-эффект
Пройти обучение
Продуктивность
Найти обучение для саморазвития
Удержание талантов
Быть в курсе изменений
Вовлеченность
Взаимодействие с другими
Командная работа
Внимание к своему прогрессу
Мотивация
Шаг 1. Исследование
Для начала провели глубокий анализ текущего решения: обратная связь пользователей, аналитика по существующему кабинету, выявление текущих барьеров и сбор референсов по лучшим решениям на рынке.
CSAT-опрос 400+ активных пользователей платформы
Общий CSAT составил 4.29 (83.2% удовлетворенных) — хороший результат для B2B LMS, выше среднего по SaaS-индустрии. Но в разрезе по отдельным критериям мы увидели, что можем улучшить.
Мы определили, что мешает ученикам эффективно обучаться, связали ключевые задачи учеников в обучении с решением бизнес-задач и определили точки, где можем повлиять на процесс.
Где пользователям нужна поддержка в первую очередь
«Куда мне идти дальше?» — навигация и поиск. Интерфейс должен подсказывать следующий шаг.
«Что из этого важнее всего?» — понятность приоритетов. Интерфейс должен показывать, что делать в первую очередь, отделять обязательное обучение от курсов «по желанию».
«Как я справляюсь?» — прогресс. Важно, чтобы результаты были в легком доступе для поддержки мотивации.
Шаг 2. Решение, дизайн и UX-тесты с учениками
На этом этапе мы пересматривали логику и проектировали решение, закрывающее потребности пользователей и бизнеса.
Единая «Главная»
Отправная точка к решению основных пользовательских задач. Пользователь быстро ориентируется и не тратит время.
Сайдбар, сгруппированный по смыслу
Не перегружает внимание, при этом каждый блок на виду и логично соотносится с задачей пользователя.
Сквозной поиск по всей платформе
Сразу находит нужное обучение.
«Мое обучение»
Обязательное обучение в одном месте, чтобы пользователь понимал, что и в каком порядке проходить.
«Каталог обучения»
С вынесенными фильтрами, тематическими подборками и разделом «Рекомендованное». Удобное разделение назначенного и остального обучения.
Раздел «Результаты»
Прогресс, оценки, достижения, лидерборд и геймификация собраны вместе. Поддержание вовлеченности и мотивации двигаться дальше.
Визуальная концепция нового Личного кабинета разрабатывалась с нуля. В основе — идея дружелюбного пространства, которое помогает ученику преодолевать препятствия на пути обучения. Все решения направлены на то, чтобы сфокусировать внимание пользователя на учебных материалах, снизить когнитивную нагрузку и сделать взаимодействие с платформой более спокойным и интуитивным.
Ощущение дружелюбного пространства достигается за счет использования округлых форм, более современных шрифтов, свободной pixel-perfect компоновки (гибкая верстка, каждый элемент на своем, точно выверенном месте) и увеличенного количества воздуха между элементами. Интерфейс остается визуально легким и не перегружает, несмотря на большое количество информации.
Екатерина Краснянская, продуктовый дизайнер Teachbase
Дополнительно пользователь может чувствовать интерфейс более «своим», благодаря возможности брендировать платформу в фирменных цветах компании. Для этого была разработана новая цветовая система на базе палитры OKLCH. Вместо набора отдельных цветов мы создали масштабируемую систему оттенков: для каждого фирменного цвета автоматически формируется последовательность светлых и темных тонов с равномерным изменением яркости и насыщенности.
Это позволяет сохранять визуальную гармонию независимо от выбранного брендинга и и сделать процесс брендирования быстрее и предсказуемее. Особое внимание уделялось контрастности и читаемости элементов, чтобы интерфейс оставался комфортным для пользователей даже при использовании разных оттенков фирменных цветов клиентов.
Модерируемый UX-тест с реальными учениками из компаний клиентов — важный этап для валидации решений и внесения корректировок.
Интервью проводились онлайн с демонстрацией экрана респондентами. Участники выполняли задачи в интерактивном прототипе, комментируя действия вслух (think-aloud). Тестировались гипотезы по навигации, поиску и мотивации.
Область задач
Решение в редизайне
Что показал UX-тест прототипа
Навигация и поиск
Улучшенное меню: структура по приоритетности задач.
Навигацию, меню, поиск похвалили 88.9%, поиск и фильтры отдельно — 70%.
Глобальный поиск материалов и обучения по всей платформе.
Новый раздел «Главная»: четкое начало пути.
Единый список обучения вместо подразделов по типам обучающих событий.
Понятность приоритетов
Виджеты на главной показывают, что продолжить, что пройти в первую очередь, расписание с дедлайнами.
Полезность виджетов отметили 77.8% респондентов («сразу вижу, что точно надо пройти»).
Четкое визуальное разделение «Мое обучение» (назначено) и «Каталог обучения» (все остальное).
Прогресс и успехи
Единый раздел «Результаты»: общий прогресс, оценки, трек развития + геймификация.
Раздел «Результаты» отметили 61.1%, геймификацию — 66.7%.
Виджеты с достижениями и монетами для покупок в «Магазине наград» сразу заметны, с быстрым доступом в раздел «Награды и рейтинг».
Область задач
Решение в редизайне
Что показал UX-тест прототипа
Навигация и поиск
Улучшенное меню: структура по приоритетности задач.
Навигацию, меню, поиск похвалили 88.9%, поиск и фильтры отдельно — 70%.
Глобальный поиск материалов и обучения по всей платформе.
Новый раздел «Главная»: четкое начало пути.
Единый список обучения вместо подразделов по типам обучающих событий.
Понятность приоритетов
Виджеты на главной показывают, что продолжить, что пройти в первую очередь, расписание с дедлайнами.
Полезность виджетов отметили 77.8% респондентов («сразу вижу, что точно надо пройти»).
Четкое визуальное разделение «Мое обучение» (назначено) и «Каталог обучения» (все остальное).
Прогресс и успехи
Единый раздел «Результаты»: общий прогресс, оценки, трек развития + геймификация.
Раздел «Результаты» отметили 61.1%, геймификацию — 66.7%.
Виджеты с достижениями и монетами для покупок в «Магазине наград» сразу заметны, с быстрым доступом в раздел «Награды и рейтинг».
100% респондентов отметили дизайн и визуальную привлекательность нового Личного кабинета.
Александр Лесков, руководитель продукта Teachbase
«Новый Личный кабинет ученика Teachbase получил высокую оценку от респондентов на этапе UX-тестов: средняя интуитивность задач — 4.8 баллов из 5. Все задачи выполнялись быстро, без блужданий или фрустрации. Гипотезы по навигации и мотивации в основном подтвердились. Моменты, по которым возникли вопросы — забрали на доработку, чтобы улучшить решение до разработки.
Отзывы участников тестирования:
«Это очень удобно, сразу вижу, что точно надо пройти».
«Если перевести на арабский — все равно понятно».
«Когда вижу, сколько уже сделал, и сколько монет набрал — хочется закончить и получить награду. Прогресс наглядный, не гадаешь, где остановился».
Шаг 3. Разработка и фокус-группа
Разработка включает в себя авторский контроль — продуктовое и дизайн-ревью реализации на каждом этапе. Релиз мы тоже проводим постепенно. Перед масштабным переходом к новому Личному кабинету — доступ для фокус-группы и финальный замер удовлетворенности.
Пилотный запуск поможет убедиться, что все работает максимально интуитивно и приносит ожидаемые бизнес-эффекты. После этого новый Личный кабинет будет доступен всем.
Коротко. Ход разработки Личного кабинета
Исследование точек роста → Проектирование решения → Дизайн прототипа и UX-тесты → Доработки → Разработка и авторский контроль → Пилотный запуск на фокус-группу → Анализ результатов и оценка ожиданий → Массовый релиз на всех
Доступ для всех — совсем скоро! Чтобы не пропустить новости о большом релизе нового Личного кабинета, подписывайтесь на наши соцсети и рассылку. Будем держать в курсе. 😉
Контент-лид