Дизайн система
Design System
Найти и переиспользовать
Найти слайд по теме, рассмотреть его, отобрать нужное и выгрузить результат.
00:00
Mar 29, 2026
Спроектировала библиотеку, где из готовых слайдов собирают новые презентации
Платформа управления презентационными материалами: поиск по слайдам и метаданным, отбор, избранное и выгрузка своей презентации. Корпоративная и образовательная версии MVP.
Category:
Interface & Product Design
/* Problem */
Нужен конкретный слайд, а не просто файл презентации
Задача организации — сделать подготовленные материалы доступными для повторного использования. Пользователю важно найти подходящий фрагмент, оценить его содержание и включить в свою презентацию.
Цель MVP — библиотека самообслуживания: загрузить PPTX, разделить его на слайды, связать их с метаданными и дать возможность собрать новый материал из готового.
Как превратить хранилище презентаций в инструмент, который помогает подготовить собственное выступление?
/* Task framing */
Связала наполнение библиотеки и работу с её содержимым
В продукте два связанных сценария: подготовить материалы к поиску и помочь человеку собрать из них свою презентацию. Без понятной структуры метаданных библиотека остаётся набором файлов.
Дать материалам вторую жизнь
Сделать отобранные презентации доступными в единой библиотеке для корпоративных и образовательных задач.
Подготовить основу поиска
Загрузить презентацию, разделить на слайды, определить и заполнить метаданные. Этот сценарий входит в постановку MVP.
Не потерять контекст
Связать каталог, отдельный слайд, исходную презентацию и пользовательскую подборку.
/* Process */
От границы MVP к сценарию и локальной дизайн-системе
Логика работы складывается вокруг трёх уровней: что хранит продукт, как человек получает результат и как интерфейс поддерживает этот путь.
Определение продукта
В основе MVP — загрузка и хранение, метаданные, поиск, просмотр, отбор, выгрузка и избранное.
Архитектура сценария
Презентация хранит исходный контекст; слайд становится единицей выбора. Подборка объединяет выбранное под новую задачу.
Прототип и интерфейс
Путь пользователя получил форму в рабочем прототипе и макетах. Локальная дизайн-система связывает фильтры, карточки, состояния выбора и основные действия.
/* Research questions */
Что важно узнать о поиске и подготовке материалов
Из задачи и макетов выделяются четыре вопроса для пользовательской проверки. В открытой части кейса нет отчётов об интервью, поэтому здесь показана исследовательская рамка, а не выдуманные ответы.
Центральный вопрос
Что помогает человеку выбрать слайд и уверенно использовать его в своей презентации?
Какими словами ищут?
По теме, компании, языку или знакомому названию презентации? Ответ определяет полезность поиска и фильтров.
Когда достаточно превью?
Что можно понять по миниатюре и когда требуется открыть слайд целиком и посмотреть метаданные?
Нужен фрагмент или весь набор?
Как человек отбирает материалы из нескольких презентаций и проверяет состав перед выгрузкой?
Что сохраняют на потом?
Отличает ли пользователь избранное от подборки для текущей задачи и может ли вернуться к сохранённому?
/* Evidence */
Что подтверждают готовые материалы
Макеты показывают библиотеку, выборку, просмотр отдельного слайда, избранное и авторизацию. Результат работы включает MVP, локальную дизайн-систему и рабочий прототип пользовательского пути.
- месяца на подготовку MVP
- 2
- версии: корпоративная и образовательная
- 2
Срок и объём приведены из исходного описания проекта. Это не показатели использования или эффективности после запуска.
Ключевой принцип
Единица повторного использования — слайд. Поэтому поиск, просмотр, отбор и избранное должны работать не только на уровне целой презентации.
/* Hypotheses */
Какую пользу должны дать решения
Гипотезы связывают структуру интерфейса с ожидаемым поведением. Их эффект требует проверки — наличие функции в макете ещё не доказывает её полезность.
Поиск и метаданные помогут сузить выбор
Если сочетать запрос с категорией, языком и тегами, человеку будет проще перейти от большой библиотеки к материалам своей задачи.
Просмотр слайда поможет принять решение до выгрузки
Если можно рассмотреть содержание и его контекст, пользователю будет проще оценить пригодность материала до добавления в подборку.
Отдельная выборка даст контроль над результатом
Если выбранные слайды видны вместе, человек сможет проверить состав будущей презентации перед скачиванием.
Избранное сократит повторный поиск
Если полезный слайд можно сохранить отдельно от текущей подборки, его будет проще найти для следующей задачи.
/* Validation plan */
Проверять не клики, а готовность материала к использованию
Предлагаемый план проверки состоит из конкретных задач. Результаты тестов в доступных материалах не зафиксированы.
Найти слайд по условиям
Дать тему и язык, попросить найти подходящий материал. Наблюдать формулировку запроса, применение фильтров и точки, где нужна помощь. Проверяет H01.
Оценить и собрать
Предложить собрать небольшую презентацию из разных источников. Проверить, может ли человек объяснить выбор слайдов и назвать состав подборки до выгрузки. Проверяет H02 и H03.
Продолжить позже
Попросить сохранить полезный материал и вернуться к нему в новой задаче. Проверить понимание разницы между избранным и текущей выборкой. Проверяет H04.
/* Benchmark framework */
Сравнивать путь к готовой презентации, а не внешний вид библиотек
Для сравнения с альтернативными инструментами важна одна и та же задача: найти, оценить, собрать и выгрузить материалы. Ниже — рамка анализа, без неподтверждённых выводов о конкурентах.
Ищут файл или содержание?
Сопоставить поиск по названию и слайдам, доступные фильтры и сохранение контекста результатов.
Можно ли забрать только нужное?
Сравнить просмотр, отбор из разных презентаций, контроль состава, форматы выгрузки и возврат к сохранённому.
/* Scope & role */
В центре MVP — повторное использование подготовленных слайдов
Фокус продукта — библиотека самообслуживания и сборка из готовых материалов. Это задаёт границу описанного решения: не создание слайда с нуля, а поиск и работа с существующим содержимым.
Подготовить материалы к повторному использованию
Загрузка PPTX, разделение на слайды, хранение и метаданные входят в постановку продукта. В открытом кейсе показан пользовательский интерфейс библиотеки.
Пройти от поиска до выгрузки
Навигация, фильтры, просмотр, выборка и избранное связывают готовые слайды с новой задачей пользователя.
Связала продуктовую модель и интерфейс
Моя зона работы — определение продукта, граница MVP, архитектура метаданных и прототип. Локальная дизайн-система поддерживает единый язык интерфейса.
Каждый экран поддерживает следующий шаг
Каталог помогает найти материал, просмотр — оценить, выборка — проверить состав, а избранное — вернуться к полезному слайду позже.
/* User flow */
Собрала путь от входа в библиотеку до своей презентации
Основной сценарий проходит через семь этапов. Для повторного использования есть короткая ветка через избранное.
- 01 · Вход
Авторизация
Войти в платформу и открыть библиотеку.
- 02 · Контекст
Раздел
Перейти к нужной категории материалов.
- 03 · Поиск
Запрос и фильтры
Уточнить тему, язык и теги.
- 04 · Оценка
Просмотр слайда
Рассмотреть содержание и контекст.
- 05 · Отбор
Добавление
Включить нужные слайды в выборку.
- 06 · Проверка
Состав подборки
Посмотреть выбранные материалы вместе.
- 07 · Результат
Выгрузка
Скачать подготовленный набор.
Материал уже знакомИзбранное → просмотр → отбор для новой задачи.
Нужен весь исходный материалПрезентация в каталоге → доступная выгрузка PDF или PPTX.
Нужно оценить контекстПревью → полный слайд → метаданные и навигация по материалу.
/* Metadata architecture */
Слайд доступен отдельно, но не оторван от источника
Модель интерфейса соединяет три сущности. Поиск помогает обнаружить материал, а связь с презентацией сохраняет его контекст.
Презентация
Исходный набор слайдов в разделе библиотеки. В каталоге материалы сгруппированы по презентациям, рядом доступны действия выгрузки.
Слайд
Отдельная единица просмотра, выбора и сохранения. Полноэкранный режим показывает путь к источнику и переход к метаданным.
Пользовательская выборка
Набор для конкретной задачи. Он позволяет посмотреть отобранные слайды вместе перед скачиванием; избранное остаётся отдельным способом сохранить полезное.
Это модель взаимодействия, а не публичная схема базы данных. Язык и теги показаны в фильтрах; полный внутренний справочник метаданных не раскрывается.
/* Solution 01 · Find */
Объединила навигацию, фильтры и визуальный поиск
Боковое меню задаёт раздел, строка поиска уточняет запрос, язык и теги сужают выбор. Миниатюры позволяют просматривать содержание, не открывая каждый файл отдельно.
Слайды сгруппированы по исходным презентациям. Пользователь видит и конкретный фрагмент, и набор, которому он принадлежит.
/* Solution 02 · Review */
Дала возможность оценить слайд до добавления
В режиме просмотра слайд раскрывается крупно. Навигация позволяет перейти к соседним, а путь сверху сохраняет связь с категорией и презентацией.
Добавление в выборку и сохранение в избранное доступны рядом с материалом. Оценка слайда также показана в макете, но её влияние на качество выбора в кейсе не измерено.
/* Solution 03 · Assemble */
Вынесла выбранные слайды в отдельное пространство
Выборка показывает отобранные материалы одной сеткой. Счётчик, очистка и скачивание помогают проверить состав и перейти к результату.
В макете также предусмотрено копирование ссылки. Числа в демонстрационной выборке не используются здесь как подтверждённые ограничения продукта.
/* Solution 04 · Reuse */
Отделила полезное на будущее от подборки на сейчас
Избранное сохраняет материалы для повторного обращения. В нём остаются группировка, миниатюры и фильтры: знакомая логика библиотеки не меняется при переходе к сохранённому.
Так интерфейс поддерживает не только разовую выгрузку, но и следующую задачу. Насколько это сокращает повторный поиск, нужно проверять отдельно.
/* Interface system */
Сохранила общий язык интерфейса от входа до выборки
Работу поддерживает локальная дизайн-система. Повторяющиеся элементы — навигация, поля, фильтры, карточки слайдов и основные действия — объединяют экраны в один продукт.
В открытых материалах показан экран авторизации. Внутренние роли, права доступа и технические механизмы входа здесь не раскрываются.
/* Outcome */
Что было готово по итогам работы
За два месяца команда собрала MVP корпоративной и образовательной версий, локальную дизайн-систему и рабочий прототип пользовательского пути.
Определила фокус продукта
Библиотека самообслуживания для поиска и повторного использования готовых слайдов.
Связала материалы и метаданные
Презентация, слайд и пользовательская выборка получили понятное место в сценарии.
Собрала рабочий путь
Навигация, поиск, просмотр, отбор, выгрузка и избранное объединены в прототипе.
Подготовила основу интерфейса
Локальная дизайн-система поддерживает консистентность экранов и развитие MVP.
Проект под NDA. В кейсе показаны доступные макеты и описание результата, без внутренних документов и данных использования.
/* Measurement plan */
Как проверять эффект после запуска
Ценность библиотеки проявляется, когда подходящий материал найден и попал в готовую презентацию. Ниже — предлагаемый план измерения; фактические значения и целевые проценты не заявляются.
Результативность поиска
В задачах с заранее заданными критериями смотреть, найден ли подходящий слайд без помощи и сколько времени это заняло. В аналитике отдельно отслеживать пустую выдачу и переформулировки.
Добавление из поиска — сигнал интереса, но не доказательство релевантности.
Завершение сборки
Подборки с успешной выгрузкой / начатые непустые подборки × 100%
Нужны идентификатор подборки и подтверждение успешной выгрузки, а не только нажатие кнопки. Окно наблюдения, повторные выгрузки и исключение тестовых действий следует согласовать до расчёта.
Качество результата
Проверить, совпадает ли состав выгруженного файла с выборкой и сохраняется ли читаемость слайдов. Ошибки выгрузки и потеря содержимого — защитные показатели.
Возврат к избранному полезно оценивать в повторных задачах; само сохранение ещё не означает повторное использование.
/* Reflection */
Ценность библиотеки — не в числе файлов, а в возможности собрать из них свой материал
Главное в этом решении — переход от хранения презентаций к работе с отдельными слайдами. Метаданные помогают найти, просмотр — оценить, выборка — собрать, избранное — вернуться.
Следующий шаг — проверить качество поиска, понимание разницы между выборкой и избранным и сохранность результата при выгрузке. Для выводов об экономии времени нужны измерения, а не только готовый интерфейс.
