Слайды
Дизайн продуктовой презентации
Рабочая среда для агентов в 3 слайдах.
Идеи дизайна для
- Колоды для представления продуктаПознакомьте аудиторию с идеей продукта прежде, чем объяснять его интерфейсы.
- Концептуальные презентацииСвяжите широкий тезис с конкретным экраном.
- Питчи командного рабочего процессаПокажите, как индивидуальная работа перерастает в совместные операции.
Особенности презентации
- Три смены масштабаПереход от тезиса о рабочем пространстве к телефону и центру управления.
- Телефон рядом с его объяснениемКонцепция интерфейса сопровождается тремя краткими тезисами.
- Видимые элементы управления презентациейОригинальная колода включает элементы управления: стрелки, Auto и Full.
Предпросмотр дизайна продуктовой презентации
1 / 3История продукта в трёх слайдах
Колода не демонстрирует три функции с тремя почти одинаковыми скриншотами. Она меняет масштаб аргумента: широкий тезис о рабочем пространстве, один мобильный интерфейс, затем более крупный операционный вид. Средний слайд является шарниром. Без него переход от абстрактного утверждения к насыщенному центру управления потребовал бы от аудитории принять продукт, не увидев управляемого примера.
| Слайд | Видимое содержимое | Нарративная роль |
|---|---|---|
| Вступительный тезис | Заголовок, предпросмотр рабочего пространства и последовательность Prompt → Compose → Preview → Ship. | Назвать предлагаемое изменение и дать аудитории короткий процесс для запоминания. |
| Мобильный компаньон | Интерфейс телефона рядом с тремя объяснениями концепции. | Сузить охват до одного экрана, чтобы идею продукта стало проще обсуждать. |
| Корпоративный центр управления | Треки запуска, передачи между агентами, согласования и временная шкала активности. | Показать, как та же идея могла бы поддерживать скоординированную работу команды. |
Три метрики и два навигационных уровня
Телефон содержит как вкладки Today / Agents / Exports вверху, так и навигацию Home / Files / Agents / Export внизу. Это два разных уровня интерфейса, однако Agents присутствует в обоих. Это полезная деталь для обсуждения в продуктовой презентации: верхний ряд фильтрует текущий вид или переводит пользователя в другое место?
Не позволяйте повторяющимся меткам скрывать модель взаимодействия
Нижний ряд выглядит как общесистемная навигация; верхний ряд ближе к вкладкам уровня представления. Колода не до конца разрешает их взаимосвязь. В доработке следует обозначить область действия каждого уровня — например, глобальная область Agents против фильтра активности на текущей странице — прежде чем добавлять новые экраны.
Три метрики описывают три разные вещи
12 Active Artifacts — это счётчик, 4× Review Velocity — сравнение, а 86% Ready to Export — доля. Они могут занимать один визуальный ряд, но не могут разделять подразумеваемое определение. Счётчику нужен охват, множителю — базовый показатель, а проценту — знаменатель. Ни одно из этих недостающих определений не может быть передано только визуальным оформлением.
Четыре вида информации в центре управления
Финальный слайд размещает четыре контекстные карточки слева, схему маршрутизации агентов в центре, операционные счётчики справа и недавнюю активность внизу. Это не взаимозаменяемые виджеты дашборда. Каждый представляет отдельный тип взаимосвязи, и презентация становится более полезной, когда докладчик объясняет эти различия.
| Видимая структура | Что представляет | Что объяснить в питче |
|---|---|---|
| Brand, Legal, Localization и Assets | Четыре набора ограничений или справочных материалов. | Откуда рабочий процесс получает правила, а не четыре последовательные задачи. |
| Briefs и Product Data до Agent Router | Входные данные, соединённые с диаграммой оркестрации. | Что перемещается между узлами и какая часть является лишь концептуальной. |
| 42 Queued, 11 Pending, 3 Risks, 7 Ready | Снимок операционного состояния. | Что включает каждый счётчик; разные метки не делают их сопоставимыми итогами. |
| Layout, Brand QA, Locale и Export Activity | Именованные агенты в паре с недавними действиями. | Что произошло последним — отдельно от того, что ещё требует внимания. |
Справочная презентация для демо на хакатоне
Это официальный пример OpenDesign для хакатона, а не заявка участника. Его трёхслайдовая структура — полезное ограничение для демо: один аргумент, один интерфейс для изучения и одно объяснение более широкого рабочего процесса. Плотность презентации должна возрастать только после того, как у аудитории появится конкретный пример, за который можно держаться.
Что демонстрирует презентация
Предоставленный артефакт представляет собой анимированную HTML-колоду из трёх слайдов с элементами управления презентацией. Мобильный компаньон и корпоративный центр управления — это концепции внутри этой колоды, а не свидетельства выпущенных приложений. Открытие полного предпросмотра позволяет изучить саму презентацию; он не связывает интерфейсы с производственным рабочим процессом.
Как создать дизайн продуктовой презентации в OpenDesign
Определите три слайда с разными задачами
Начните с центрального вопроса аудитории, затем дайте каждому слайду отдельную цель. Держите вступительный аргумент достаточно коротким, чтобы объяснить его до показа интерфейса.
Рекомендуемый промптСоздай трёхслайдовый дизайн продуктовой презентации для рабочего пространства дизайна с поддержкой агентов. Первый слайд представляет идею и четырёхэтапный рабочий процесс. Второй слайд объединяет концепцию мобильного ревью с тремя краткими объяснениями. Третий слайд показывает командный центр управления с согласованиями и недавней активностью. Используй чётко подписанные примерные данные, читаемые статичные композиции и ручное управление слайдами. Не подразумевай, что концептуальные интерфейсы являются выпущенными продуктами, и не придумывай результаты производительности.
Дорабатывайте экран и его объяснение вместе
Попросите OpenDesign сделать метки телефона читаемыми, сохранив поддерживающий аргумент за пределами устройства. Удалите любое предложение, которое лишь повторяет метку. Проверьте колоду в том размере, в котором вы будете реально презентовать, а не только на полноразмерном скриншоте.
Проверьте колоду без автоматического воспроизведения
Просмотрите все три слайда с остановленной анимацией. На каждом должны оставаться заголовок, ключевой визуальный элемент и поддерживающее объяснение. Затем проверьте ручную навигацию, чтобы докладчик мог сделать паузу для вопроса, не теряя нити повествования.
Экспортируйте дизайн и получите ссылку для публикации
Экспортируйте готовый дизайн, затем воспользуйтесь функцией Share в OpenDesign, чтобы получить ссылку. Откройте ссылку в отдельном окне браузера и убедитесь, что нужная версия со всеми ресурсами доступна, прежде чем отправлять её.
Дизайн карьерного сайта
Восемь лунных сцен Kimi: анимация прокрутки и схема подачи заявки.
Сайт
Дизайн сайта-портфолио
Вымышленное портфолио Майи Роуэн: проекты, подход к работе и заметки.
Сайт
Дизайн персонального дашборда
Life System объединяет недельную оценку, показатели на схеме тела, суточные ритмы и пять экспериментов на одном дашборде.
Десктопное приложение
Дизайн сайта-резюме
Вымышленное резюме Тома Гудмана сочетает опыт работы с графиками компетенций и избранными работами. Изучите двухколоночный порядок чтения, компактные карточки должностей и отдельный макет для печати.
Сайт