Конструктор тестов
Горизонтальные вкладки предметов и вертикальные секции типов вопросов: один предсказуемый сценарий вместо разрозненных инструментов.
Цифровой кейс · EdTech · UX/UI · LMS
Unitest.kz — UX/UI-дизайн сайта и LMS-платформы
Образовательная платформа для школ Казахстана: сайт продукта и LMS с конструктором тестов, назначением тестирований, результатами и аналитикой в четырёх разрезах.
Сложная функциональность — без сложного интерфейса
КлиентUnitest.kz
Год2023
ScopeUX-исследование · UX/UI сайта · UX/UI LMS · Data Visualization · AI Art Direction
3пользовательские роли в LMS
3типа вопросов в конструкторе
4направления аналитики
Исходная задача
Что нужно было создать
Создать целостный цифровой продукт, понятный школьникам, удобный преподавателям и полезный администрации: сайт, который объясняет платформу и формирует доверие, и LMS с ролями, правами доступа и большим объёмом данных.
Подход
Архитектура и реализация
- Информационная архитектура сайта и LMS с учётом ЕНТ, МОДО, PISA, классов, параллелей и языков обучения
- Визуальная система бренда: палитра #304598 / #F46D38, карточная структура, типографическая иерархия
- AI Art Direction в Midjourney V6: фотосюжеты, 3D-иконки ролей, обложки предметов
- Конструктор тестов с вкладками предметов и тремя типами вопросов, импорт из Excel
- Назначение тестирований, табличные результаты с фильтрами и динамикой
- Аналитика по классу, ученику, предмету и учителю; управление аккаунтами
Результат
Что получил проект
- Целостная UX/UI-концепция образовательного продукта под специфику казахстанских школ
- Единая дизайн-система для публичного сайта и личных кабинетов
- Тестирование, результаты и аналитика связаны понятными пользовательскими сценариями
3пользовательские роли в LMS
3типа вопросов в конструкторе
4направления аналитики
Ключевые решения
Аналитика в 4 разрезах
По классу, ученику, предмету и учителю — от ключевых показателей к графикам, таблицам и рекомендациям.
AI Art Direction
Фотореалистичные сюжеты, 3D-иконки ролей и обложки предметов в единой цветовой системе бренда.
Кейс целиком
Задачи проекта
Unitest.kz — образовательная онлайн-платформа для школ Казахстана: подготовка к ЕНТ, тестирование, диагностика знаний и анализ успеваемости. Работа была разделена на два самостоятельных направления, объединённых общей визуальной системой.
Задача №1. Сайт Unitest.kz
Современный сайт образовательного продукта, который знакомит с платформой, объясняет её возможности для разных категорий пользователей и формирует доверие к сервису.
Задача №2. LMS-платформа
Многофункциональная система с ролями и правами доступа: создание тестов, назначение тестирований, результаты и аналитика для принятия решений. Один продукт должен учитывать потребности администрации, преподавателей и учеников.
Исследование и UX-проектирование
Работа началась с определения структуры продукта, ролей и функциональных сценариев. Учитывались особенности образовательной системы Казахстана: подготовка к ЕНТ, форматы МОДО и PISA, школьные предметы, классы и параллели, языки обучения и распределение полномочий в школе.
Ключевой UX-принцип: сложная функциональность должна оставаться доступной без сложного интерфейса.
- Информационная архитектура сайта и LMS
- Сценарии администратора и преподавателя
- Структура разделов и навигация
- Логика фильтров, таблиц и форм
- Система прав доступа
- Состояния интерфейса и обратная связь
Часть I · Дизайн сайта
Визуальная концепция
Функциональный минимализм, выразительные цветовые акценты и дружелюбная образовательная графика. Главный вызов — баланс между серьёзностью образовательного сервиса и современной эстетикой: интерфейс вызывает доверие у преподавателей и родителей и остаётся лёгким для учеников.
Чистая композиция, типографическая иерархия, карточная структура, скруглённые формы и контрастные акценты для важных действий. Палитра связывает публичный сайт, личные кабинеты и образовательные материалы.
- #304598Основной: навигация, заголовки
- #F46D38Акцент: кнопки и действия
- #F9EEE4Тёплый фон блоков
- #F3F3F3Нейтральные поверхности
- #E0E7FFИнформационные элементы
- #ADBEFFДоп. акценты и графика
Визуальный контент и AI Art Direction
Отдельное направление — узнаваемый графический язык, отражающий образовательную среду Казахстана. Для поиска решений использовался Midjourney V6: промпты, эксперименты с композицией, светом и материалами, корректировка эмоций персонажей и приведение всего к общей цветовой системе.
AI Photography
Казахстанские школьники, преподаватели и родители: успешная сдача экзаменов, подготовка, работа учителя, образовательная экосистема. Фирменные цвета вплетены в одежду и детали сцен.
3D Iconography
Иконки ролей — ученик, преподаватель, родитель, администратор: матовая подложка #304598 и объёмные оранжевые элементы #F46D38 с эффектом полупрозрачного стекла.
Subject Covers
Обложки тестов: математическая грамотность, грамотность чтения, история Казахстана. Без встроенных надписей — заголовки живут в интерфейсе.
Часть II · LMS-платформа
Архитектура системы и роли
LMS проектировалась как единая образовательная среда с разграничением функциональности по ролям. Для административной части разработан интерфейс с основными разделами управления и логика ограничений для сценариев преподавателя.
Администратор школы
Управляет пользователями, создаёт и назначает тестирования, видит результаты и аналитику на уровне школы.
Преподаватель
Работает со своими классами и предметами, создаёт тесты и назначает тестирования в пределах полномочий.
Ученик
Основной участник тестирования: понятная процедура прохождения и доступные результаты.
Конструктор тестов
Один из самых сложных модулей: создание тестирования должно оставаться удобным при большом количестве предметов, вопросов и форматов. Интерфейс разделён на два уровня навигации — горизонтальные вкладки переключают предметы одного тестирования, вертикальные раскрывающиеся секции отвечают за типы вопросов. Сверху — формат, предметы, название и продолжительность.
Можно работать с несколькими предметами в одном тесте и переключаться между ними без потери данных, получая понятную обратную связь при ошибках.
Стандартные вопросы
Ручное создание и импорт из Excel с проверкой данных, выявлением ошибок и исправлением прямо в интерфейсе.
Нестандартные вопросы
Длинный текст, изображения и математические формулы в одном редакторе.
Вопросы на сопоставление
Пары элементов задаются последовательно, а во время тестирования порядок вариантов перемешивается.
Планирование тестирований
Пользователь выбирает тип теста, предметы, дату, время, продолжительность и участников — классы вроде «11 Б», несколько классов или отдельных учеников в рамках своих прав. Тестирование создаётся быстро, без переходов между множеством экранов.
Результаты тестирований
Табличная структура с фильтрацией вместо длинного списка карточек: так быстрее сравнивать показатели и работать с большими объёмами данных. Для ЕНТ проработаны результаты по пяти предметам — трём обязательным и двум профильным.
- Поиск и фильтры по классу, типу и статусу
- Общие и предметные баллы
- Подробные результаты и средние по классу
- Динамика относительно прошлых тестирований
Система образовательной аналитики
Самый насыщенный данными раздел. Его задача — не просто показать баллы, а помочь выявить учебные проблемы, отследить динамику и решить, что делать дальше. Пользователь быстро получает ответы на три вопроса: какой результат, как он изменился и что предпринять.
Визуализации подбирались под задачу: Bar — сравнение предметов и слабых тем, Line — динамика, Donut — структура ошибок и опросы, Comparison — время тестирования, Data Tables — детали. Примеры прорабатывались на React + Recharts и Python + Matplotlib на демонстрационных данных.
По классу
Средний балл по предметам, прогресс за четверть и год, сравнение 11А, 11Ә, 11Б и 11В, слабые темы и рекомендации.
По ученику
Результаты по предметам, динамика, распределение ошибок по темам, время тестирования и рекомендации.
По предмету
Сравнение классов, изменение среднего балла и системные пробелы в знаниях — приоритеты для повторения.
По учителю
Успеваемость классов, изменения после смены учителя и анонимная обратная связь. Интерфейс помогает видеть закономерности, не подменяя ими объективную оценку.
Управление аккаунтами
Раздельные вкладки для учеников и преподавателей: для первых важны классы и параллели, для вторых — предметы и закреплённые классы. Основные операции собраны в одном месте, чтобы сократить ручную административную работу.
- Поиск, фильтры и таблицы пользователей
- Статус аккаунта и последняя активность
- Создание и редактирование профилей
- Массовый импорт с проверкой данных
- Сброс пароля и подтверждение критических действий
UX/UI-подход
Единая дизайн-система
Цвета, типографика, карточки и кнопки формируют цельный опыт на сайте и в LMS.
Визуальная иерархия
Главные показатели и действия выделены, второстепенное не отвлекает.
Контекстная навигация
Разделы и фильтры соответствуют задаче, которую пользователь решает сейчас.
Постепенное раскрытие
Сложные данные и расширенные параметры появляются по мере необходимости.
Разделение полномочий
Администратор и преподаватель получают интерфейсы под свои сценарии.
Практическая аналитика
Графики помогают принимать решения, а не просто показывают цифры.
Результат
Для сайта сформировано визуальное направление бренда: интерфейсные решения, цветовая система, обложки предметов, 3D-иконография и фотореалистичный контент. Для LMS — административный интерфейс, управление аккаунтами, конструктор тестов, назначение тестирований, результаты и архитектура четырёх направлений аналитики.
Главный итог — переход от набора отдельных образовательных функций к единой системе, где тестирование, результаты и аналитика связаны понятными пользовательскими сценариями.