Пользователям было сложно находить нужный контент внутри раздела: навигация не учитывала реальные сценарии поиска, а структура плохо масштабировалась. В результате на отдельные материалы чаще попадали через внешние ссылки, чем находили их внутри медиатеки.
Контекст
Пересобрать медиатеку в понятный и масштабируемый каталог, где пользователь быстро находит образовательный контент по теме, автору и уровню подготовки.
Задача
Вела проект как единственный дизайнер: анализ текущего опыта, пересборка информационной архитектуры, проектирование ключевых сценариев и подготовка решения к разработке.
Чтобы структура отражала не логику платформы, а то, как пользователи сами ищут контент, применила гибридную карточную сортировку: участники группировали материалы и дополняли предложенные названия категорий своими. Это показало, по каким принципам люди на самом деле объединяют контент — по формату, теме и уровню подготовки.
Собранную структуру проверила древовидным тестированием: задача «найти нужный материал» и наблюдение, доходит ли пользователь по навигации без подсказок. Тестирование прошло на двух группах — лояльная аудитория платформы и новые пользователи «не в контексте», чтобы проверить структуру на незамыленном взгляде.
Собранную структуру проверила древовидным тестированием: задача «найти нужный материал» и наблюдение, доходит ли пользователь по навигации без подсказок. Тестирование прошло на двух группах — лояльная аудитория платформы и новые пользователи «не в контексте», чтобы проверить структуру на незамыленном взгляде.
[Исследование: карточная сортировка]
Информационная архитектура медиатеки пересобрана в несколько логических уровней. На верхнем — категории по формату: лекции, подкасты, видеокурсы и другие типы материалов. Внутри — система фильтров по теме, автору и уровню подготовки, которая позволяет быстро сузить выбор и найти релевантный контент.
[UX‑архитектура]
ПРОЦЕСС
По мере роста библиотеки контента медиатека перестала справляться со своей основной задачей
пользователи редко приходят «посмотреть всё» — они ищут по конкретной теме, автору или уровню
Медиатека masters — один из ключевых разделов образовательной платформы о культуре и искусстве. Часть контента доступна по подписке, поэтому медиатека работает не только как контентный раздел, но и как точка монетизации.
РОЛЬ
UX UI Design
ГОД
2024–2025
САЙТ
Masters media
Это определило подход: навигация строится не вокруг списка материалов, а вокруг системы фильтров, отражающей ментальную модель пользователей.
Редизайн перевёл медиатеку из формата архива в рабочий инструмент поиска
результат
По результатам юзабилити-тестов новые пользователи находили нужный материал по фильтрам без подсказок, а поиск стал заметно быстрее и точнее. Система фильтрации по теме, автору и уровню вместе с единым визуальным языком создала основу для дальнейшего роста библиотеки контента.
Рефлексия
Кейс закрепил ценность исследования до проектирования: даже небольшая карточная сортировка показала, что реальные сценарии поиска отличаются от логики, заложенной в платформу изначально. В развитии структура готова к росту — на неё можно навесить персональные рекомендации по интересам и истории просмотров, а качество навигации проверять регулярными замерами (Task Success, время поиска) уже на большей выборке.
Card sorting + tree testing — структура на данных, а не на догадках
Архив → рабочий каталог — навигация по теме, автору, уровню
Быстрее и точнее — поиск по фильтрам без подсказок
Архив → рабочий каталог — навигация по теме, автору, уровню
Быстрее и точнее — поиск по фильтрам без подсказок
[Проектирование интерфейса]
Страница каталога и карточки контента переработаны так, чтобы пользователь сразу считывал тему, формат и уровень сложности материала, — это ускоряет решение о просмотре.
[UI‑система]
Интерфейс медиатеки собран на основе UI-kit платформы Masters. Это сохранило единый визуальный язык продукта и ускорило работу разработки.
Результат
Результат
Пользователям было сложно находить нужный контент внутри раздела. Навигация не учитывала реальные сценарии поиска, а сама структура плохо масштабировалась. В результате пользователи чаще попадали на отдельные материалы через внешние ссылки, чем находили их внутри медиатеки.
Контекст
Необходимо было пересобрать медиатеку в понятный и масштабируемый каталог, где пользователь может быстро находить образовательный контент по интересующим темам, автору и уровню подготовки.
Задача
Я вела проект как единственный дизайнер: проанализировала текущий пользовательский опыт, пересобрала информационную архитектуру, спроектировала ключевые сценарии и подготовила решение к передаче в разработку.
Работу я начала с анализа структуры существующего раздела и пользовательских сценариев взаимодействия с контентом. Основным инсайтом стало то, что пользователи редко приходят в медиатеку просто «посмотреть все материалы». Чаще всего они ищут контент по определённой теме, автору или уровню сложности.
Это означало, что навигация должна строиться не вокруг списка материалов, а вокруг удобной системы фильтрации и тематических категорий.
Это означало, что навигация должна строиться не вокруг списка материалов, а вокруг удобной системы фильтрации и тематических категорий.
[Исследование и анализ]
На основе анализа я пересобрала информационную архитектуру медиатеки и разработала новую систему навигации. Контент был разделён по нескольким логическим уровням. На верхнем уровне появились категории по формату — лекции, подкасты, видеокурсы и другие типы материалов. Внутри каталога была спроектирована система фильтров по темам, авторам и уровню подготовки, которая позволяла быстро сузить выбор и находить релевантный контент.
[UX‑архитектура]
ПРОЦЕСС
По мере роста библиотеки контента медиатека перестала справляться со своей основной задачей
Медиатека masters — один из ключевых разделов образовательной платформы о культуре и искусстве. Часть контента доступна по подписке, поэтому медиатека работает не только как контентный раздел, но и как точка монетизации.
РОЛЬ
UX UI Design
ГОД
2024–2025
САЙТ
Masters media
После редизайна раздел стал удобным инструментом поиска и создал основу для дальнейшего роста библиотеки контента
результат
Редизайн перевёл медиатеку из формата архива в формат рабочего каталога. Система фильтрации помогла быстрее находить образовательные материалы по интересующим темам, а каталог стал удобнее для просмотра.
[Проектирование интерфейса]
После пересборки архитектуры я переработала страницу каталога медиатеки и карточки контента. Карточки контента были упрощены и структурированы так, чтобы пользователь мог быстро понять тему лекции, формат и уровень сложности. Это помогало быстрее принимать решение о просмотре.
[UI‑система и внедрение]
Интерфейс медиатеки был реализован на основе UI-kit, который был разработан для платформы Masters. Это позволило сохранить единый визуальный язык продукта и ускорить работу команды разработки.