ui component page module type / Media / Product Demo
Media / Product Demo
用视频、动图或交互预览解释产品如何工作及其关键体验。
Identity
- Subtype
- 模块
What
- Definition
- 用视频、动图或交互预览解释产品如何工作及其关键体验。
Why
- Implementation Goal
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where
- Applicable Context
- Content & Interface Language, Video, Image, Button, Container, Web Interface Design, Media Card, Media Object, Home Page, Landing Page, Pricing Page, Feature & Value Section
How
- Implementation Guidance
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much
- Metrics
- 高 · 重要
Lifecycle
- Status
- 启用
Additional content
- Legacy Tags
- 基础 · 高 · 重要 · 媒体
Related content
Relationships come from the local knowledge graph and include reverse links.
- Home PageHomeRelated
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Landing PageLanding PageRelated
围绕单一活动、受众或转化目标组织的独立页面模板。
- Pricing PagePricingRelated
解释方案、价格、差异和购买或联系路径的商业页面。
- Feature & Value SectionFeature & ValueRelated
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- Goal-led Grouped Overview目标分组型总览Reverse · Related
帮助用户按目标而不是按内部产品架构理解整套能力。
- Single Feature Detail单一功能详情Reverse · Related
围绕一个关键能力完成问题、机制、证据和行动的闭环。
- Asana AIAsana AIReverse · Related
将 AI 放入具体工作场景,以结果、示例和安全能力消除抽象感。
- Figma Dev ModeFigma Dev ModeReverse · Related
围绕设计交付给开发者的检查、标注、代码和协作闭环。
- Grammarly AI Writing AssistantGrammarly AI Writing AssistantReverse · Related
从写作问题、生成、改写到语气控制展开单一能力闭环。
- HubSpot CRMHubSpot CRMReverse · Related
按销售、营销、服务和内容协作目标组织 CRM 能力。
- Linear FeaturesLinear FeaturesReverse · Related
围绕产品开发流程展开能力,阅读顺序接近实际工作推进。
- Microsoft 365 BusinessMicrosoft 365 BusinessReverse · Related
按生产力、协作和安全目标组织企业套件能力。
- Notion AINotion AIReverse · Related
围绕写作、搜索、总结和知识工作完成单一能力叙事。
- Notion FeaturesNotion FeaturesReverse · Related
按工作目标聚合核心能力,并用真实界面演示支撑价值主张。
- Salesforce CRMSalesforce CRMReverse · Related
把销售、服务、营销和数据协同放入一套能力地图。
- Stripe CheckoutStripe CheckoutReverse · Related
围绕单一能力说明业务结果、集成方式、界面和全球化支持。
- Webflow FeaturesWebflow FeaturesReverse · Related
以分类目录承载大量建站能力并通向具体功能。
- Web Interface DesignWeb 界面设计Related
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- Content & Interface Language内容与界面语言Related
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
- ContainerContainerRelated
限制内容宽度、内边距和水平对齐的容器原语。
- ButtonButtonRelated
触发动作、提交选择或打开流程。
- ImageImageRelated
Image 如何在界面中被理解、操作或组合?
- VideoVideoRelated
Video 如何在界面中被理解、操作或组合?
- Media CardMedia CardRelated
结合图片、视频或音频预览、元信息和动作的内容卡片。
- Media ObjectMedia ObjectRelated
以媒体和文字并置方式呈现一个内容对象