Web 页面模块与内容模式 / Media / Product Demo
Media / Product Demo
用视频、动图或交互预览解释产品如何工作及其关键体验。
关键字段
Identity · 身份
- 子类型
- 模块
What · 是什么
- 定义
- 用视频、动图或交互预览解释产品如何工作及其关键体验。
Why · 为什么
- 实现目标
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
Where · 在哪里
- 适用场景
- 内容与界面语言、Video、Image、Button、Container、Web 界面设计、Media Card、Media Object、Home、Landing Page、Pricing、Feature & Value
How · 怎么做
- 实现说明
- 先确认该模块解决的信息或任务问题,再控制内容密度、阅读顺序和动作优先级;所有证据、外链和社交内容都应有来源、替代路径和可访问语义。
How much · 多少
- 衡量指标
- 高 · 重要
Lifecycle · 生命周期
- 状态
- 启用
Content · 补充内容
- 兼容标签
- 基础 · 高 · 重要 · 媒体
适用页面类型、Web 区块、UI 组件与主题
关系来自本地关系表,并包含反向关联。
- HomeHome Page应用于
面向首次访问和回访用户的站点入口页面,解释站点价值并提供主要探索路径。
- Landing PageLanding Page应用于
围绕单一活动、受众或转化目标组织的独立页面模板。
- PricingPricing Page应用于
解释方案、价格、差异和购买或联系路径的商业页面。
- Feature & ValueFeature & Value Section应用于
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- 目标分组型总览Goal-led Grouped Overview反向 · 应用于
帮助用户按目标而不是按内部产品架构理解整套能力。
- 单一功能详情Single Feature Detail反向 · 应用于
围绕一个关键能力完成问题、机制、证据和行动的闭环。
- Asana AIAsana AI反向 · 应用于
将 AI 放入具体工作场景,以结果、示例和安全能力消除抽象感。
- Figma Dev ModeFigma Dev Mode反向 · 应用于
围绕设计交付给开发者的检查、标注、代码和协作闭环。
- Grammarly AI Writing AssistantGrammarly AI Writing Assistant反向 · 应用于
从写作问题、生成、改写到语气控制展开单一能力闭环。
- HubSpot CRMHubSpot CRM反向 · 应用于
按销售、营销、服务和内容协作目标组织 CRM 能力。
- Linear FeaturesLinear Features反向 · 应用于
围绕产品开发流程展开能力,阅读顺序接近实际工作推进。
- Microsoft 365 BusinessMicrosoft 365 Business反向 · 应用于
按生产力、协作和安全目标组织企业套件能力。
- Notion AINotion AI反向 · 应用于
围绕写作、搜索、总结和知识工作完成单一能力叙事。
- Notion FeaturesNotion Features反向 · 应用于
按工作目标聚合核心能力,并用真实界面演示支撑价值主张。
- Salesforce CRMSalesforce CRM反向 · 应用于
把销售、服务、营销和数据协同放入一套能力地图。
- Stripe CheckoutStripe Checkout反向 · 应用于
围绕单一能力说明业务结果、集成方式、界面和全球化支持。
- Webflow FeaturesWebflow Features反向 · 应用于
以分类目录承载大量建站能力并通向具体功能。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 内容与界面语言Content & Interface Language应用于
用标签、提示、说明和错误文案帮助用户理解界面和采取行动。
- ContainerContainer应用于
限制内容宽度、内边距和水平对齐的容器原语。
- ButtonButton应用于
触发动作、提交选择或打开流程。
- ImageImage应用于
Image 如何在界面中被理解、操作或组合?
- VideoVideo应用于
Video 如何在界面中被理解、操作或组合?
- Media CardMedia Card应用于
结合图片、视频或音频预览、元信息和动作的内容卡片。
- Media ObjectMedia Object应用于
以媒体和文字并置方式呈现一个内容对象