Перейти к содержимому

TRASSIR Learn

Я работал над редизайном этой платформы обучения в DSSL / TRASSIR. Здесь возвращаюсь к реальному проекту с нынешним подходом: начать с рабочей задачи специалиста и связать полезный технический ответ с последовательной подготовкой.

Проект
Рабочий проект · переосмыслен для портфолио
Продукт
Техническая учебная платформа и лендинг
Переосмысление
2026
Роль
Продуктовый дизайнер
Платформа
Адаптивный веб · русский и английский
Показанная версия
Нынешний подход · интерактивный прототип

Результат. Технический ответ можно прочитать до входа и использовать внутри учебной программы. Чтение, завершённые единицы и результаты зачёта остаются отдельными фактами. Цена решения: явное завершение, поэтапный доступ и более узкое обещание квалификации, чем обычно даёт учебный портал.

Текущая переработка
Рамка продукта, синтез исследования, IA, UX/UI, дизайн-система и прототип
Исследование новой версии
Вторичные данные, аудит конкурентов и симулированные интервью
Проверка прототипа
Браузерная приёмка агентом; без юзабилити-теста этой версии с людьми
Главная TRASSIR Learn со входами по рабочей задаче; позади — учебная программа и технический материал
Один продукт, два входа: найти ответ или выбрать программу. На экранах демонстрационный контент.

Старый вход предлагал курсы, прежде чем понять задачу.

Архивный продукт открывается каталогом курсов: поиск, фильтры по темам и брендам, рейтинги и награды. Другой исходный экран запрашивает данные компании до открытия курсов. Эти кадры показывают начальную структуру, но не говорят, насколько успешно реальные пользователи решали свои задачи.

Для редизайна важнее оказалось различить две ситуации. Инженеру, у которого не обнаруживается камера, нужна последовательность проверок. Проектировщику, которому поручили изучить линейку, — маршрут, оценка объёма и понятное условие завершения. Если отправить обоих в один каталог, этот маршрут им придётся собирать самим.

Исходная платформа. Вход через каталог курсов из архива. Русский скриншот сохранён без изменений; это не фиксация редизайна, переданного во время моей работы в компании.
Мой подход сегодня. Сначала рабочая задача, затем подходящий ответ или последовательная программа. Это нынешняя версия для портфолио.

Полезный ответ стал минимальной единицей учебной системы.

Центральная гипотеза: справочник и обучение могут использовать общий контент, сохраняя разные правила. У материала есть собственный адрес, версия продукта и дата обновления. Он самостоятельно отвечает на вопрос и занимает определённое место в программе. Чтобы оценить его полезность, читателю не нужно записываться на курс.

Это меняет и смысл прогресса. Открытая статья о неисправности — факт чтения, а не подтверждение освоенного учебного результата. Две записи должны встречаться в личном пространстве и оставаться независимыми. Иначе обычный просмотр страницы начинает делать заявления о квалификации.

Дать ответу собственный адрес. Позволить программе связать ответы в маршрут, не превращая каждый просмотр в завершённый урок.

Прежде чем считать экраны готовыми, я сделал проверяемыми оба маршрута.

Для этой переработки я вернулся к исходным экранам и задаче, с которой работал в компании, дополнил их вторичным исследованием и обходом конкурентов. Персоны и интервью в новой итерации были синтетическими: они помогали оспаривать предположения, но не доказывали спрос. Из них выросли два равноприоритетных приёмочных маршрута: инженер ищет технический ответ, проектировщик начинает и завершает подготовку.

Затем PRD зафиксировал лестницу доступа, модель контента и правила подсчёта — до sitemap, дизайн-системы и интерактивной сборки. Публичная страница программы показывает цель, объём, полный состав и условия зачёта до входа. Сервис и лендинг доступны на русском и английском; ссылки из портфолио открывают выбранный язык.

Нынешняя версия для портфолио с локальными демоданными. Лендинг открывается отдельно по ссылке в шапке кейса.

Открыть прототип платформы (внешняя ссылка, откроется в новой вкладке)
Объём обязательств виден до старта: результат, нагрузка, состав и условия зачёта.

На собранном экране всё ещё терялось главное действие.

Финальная браузерная приёмка обнаружила основную кнопку, чья подпись наследовала приглушённый цвет текста. Действие существовало, экран был собран, но следующий шаг было трудно прочитать. Исправление внесено в общее правило текста; затем вход, явное завершение и переход к следующей единице проверены на трёх ширинах.

Банк вопросов новой версии ещё требует проверки предметным экспертом. Часть вопросов опирается на источники за пределами выбранной программы. Источники раскрыты перед зачётом, но это не доказывает, что проверка измеряет компетентность. Прототип показывает мой нынешний подход к проектированию; результаты обучения ни для этой версии, ни для исходного рабочего проекта он не подтверждает.

Четыре решения отделяют полезный доступ от подтверждённого завершения.

Сначала открытое чтение; вход запрашивается, когда он позволяет что-то сохранить.

Почему
Человеку с проблемой ONVIF сразу нужны порядок проверки, версия продукта и источник. Аккаунт добавляет историю и продолжение. Подтверждение компании — отдельное, более позднее условие для партнёрских материалов и зачёта.
Цена
Три уровня доступа требуют объяснений и точного возврата. После неверного кода или отказа в проверке компании исправление должно вернуть к исходному материалу или программе.
Технический ответ виден до входа. Версия — часть ответа, а не значок доверия.

История чтения и завершённые единицы программы считаются отдельно.

Почему
Материал читают из поиска, программы или при повторном визите. Завершение требует явного действия внутри программы. Обновление страницы не завершает единицу; прогресс второй программы не переписывает первую.
Цена
Пользователь совершает ещё одно осознанное действие. Система ведёт два набора записей и объясняет разницу вместо того, чтобы сжать их в привлекательный, но неоднозначный процент.

Тренировка объясняет ошибку; зачёт фиксирует попытку.

Почему
Тренировка сохраняет выбранный ответ, объясняет ошибку и ведёт к источнику. Повтор или пропуск не увеличивает допуск. Зачёт переходит в нейтральный, сфокусированный визуальный режим с явными правилами и порогом.
Цена
Тренировка и зачёт не могут быть косметическими вариантами одного теста. Им нужны разные поведение, обратная связь и сохранение состояния; интерфейс обязан показывать эту границу.
Ошибка остаётся видимой, чтобы её можно было понять. Тренировка не заполняет завершение незаметно для пользователя.

Сбой связи не должен создавать новую попытку зачёта.

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

Цвет обозначает работу, а не награждает за результат.

Четыре контентных цвета сопровождают задачу от главной до каталога, материала и плеера. Цвета статусов несут отдельный смысл. Зачёт намеренно становится нейтральным; версия и дата обновления нейтральны везде. Баллы, серии и празднование успеха не подменяют прогресс.

Лендинг использует тот же визуальный язык, но свою типографическую шкалу, отступы и набор компонентов. Обещание доказывается материалом и программой, а не вымышленными отзывами. Первое полезное действие открывает продукт; русский и английский лендинги ведут в соответствующую языковую версию.

Личное пространство — история чтения · продолжение программы · отдельный учёт завершения
Публичный лендинг — знакомство с программой · открытый материал · объяснение доступа

Прототип показывает обещанный сценарий. Результаты обучения ещё не измерены.

Пересобрано
В нынешнем прототипе работают оба маршрута: найти и снова открыть технический ответ либо изучить программу, продолжить её, потренироваться и получить результат зачёта с восстановлением после сбоя.
Пожертвовано
Автоматическим зачётом чтения, механиками наград и обещанием официальной сертификации. Каждое из них приписывало бы системе больше знаний об учащемся, чем прототип может подтвердить.
Проверено
Документированная приёмка 7 сентября охватила 36 состояний на трёх ширинах: 108 сочетаний, ноль итоговых автоматических нарушений axe. Браузерные сценарии включали ошибку входа, исправление компании и повтор после настоящего отключения сети.
Следующая проверка
Пройти оба маршрута с реальными специалистами, проверить содержание и банк вопросов с экспертом, затем измерить поиск ответа и продолжение программы относительно исходного уровня.

Эти инженерные проверки относятся к нынешней версии для портфолио. Они не описывают тестирование или измеренные результаты исходного рабочего проекта. Эта версия не выпускалась как продукт компании. Проверка со скринридером и на физических устройствах остаётся открытой; хранение ограничено вкладкой, сообщения и проверка компании моделируются, полноценное офлайн-приложение не реализовано.

Главный вопрос — где ответ становится обучением.

Эта граница определила контент, доступ, модель прогресса и восстановление после сбоя во всём продукте.

Следующий кейс: Операционная система ветклиники

Поговорим

Если кейс выше ответил на ваш вопрос — или добавил новый.