Web 页面变种与结构 / Goal-led Grouped Overview
目标分组型总览
帮助用户按目标而不是按内部产品架构理解整套能力。
关键字段
Identity · 身份
- 子类型
- 页面变种
- 父级类目
- Features
What · 是什么
- 定义
- 帮助用户按目标而不是按内部产品架构理解整套能力。
- 核心问题
- 帮助用户按目标而不是按内部产品架构理解整套能力。
- 组成
- Hero → 目标/能力分类导航 → 分组 Feature & Value → 产品媒体 → 信任证据 → CTA
Why · 为什么
- 使用目标
- 多能力 SaaS、新访客教育、需要讲清价值地图的产品。
When · 何时
- 触发与表现
- 以用户目标或任务为一级分组,每组结合价值、能力和视觉证据。
Where · 在哪里
- 适用场景
- Global Navigation、Hero、Feature & Value、Benefits Grid、Media / Product Demo、Social Proof、CTA Band、Footer Navigation、Hero / Page Intro
Lifecycle · 生命周期
- 状态
- 已完成
所属页面类型、常用区块、页面模块与实例
关系来自本地关系表,并包含反向关联。
- FeaturesFeatures Page属于
系统展示产品能力、用户收益和相关证明,帮助访问者理解产品能做什么以及哪些能力适合自己的页面类型。
- CTA BandCall-to-action Band应用于
在页面中段或结尾集中呈现下一步行动的转化区块。
- Feature & ValueFeature & Value Section应用于
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- Footer NavigationFooter Navigation应用于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation应用于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Hero / Page IntroHero & Page Introduction应用于
页面开头用于确认页面主题、价值和主要行动的介绍区块。
- Social ProofSocial Proof应用于
通过证据、案例、评价、数据、合作方或透明说明降低用户不确定性的区块。
- Benefits GridBenefits Grid应用于
用短标题、解释和视觉线索把功能转译成用户收益。
- CTA BandCTA Band应用于
在页面节点提供清晰的下一步行动、利益说明和低摩擦入口。
- Feature & ValueFeature & Value应用于
把产品能力、用户收益和证据组织成可扫描的价值说明。
- Footer NavigationFooter Navigation应用于
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Global NavigationGlobal Navigation应用于
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- HeroHero应用于
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- Media / Product DemoMedia / Product Demo应用于
用视频、动图或交互预览解释产品如何工作及其关键体验。
- Social ProofSocial Proof应用于
通过用户证言、评分、数量、客户标志或外部评价降低不确定性。
- HubSpot CRMHubSpot CRM反向 · 属于
按销售、营销、服务和内容协作目标组织 CRM 能力。
- Microsoft 365 BusinessMicrosoft 365 Business反向 · 属于
按生产力、协作和安全目标组织企业套件能力。
- Notion FeaturesNotion Features反向 · 属于
按工作目标聚合核心能力,并用真实界面演示支撑价值主张。
- Salesforce CRMSalesforce CRM反向 · 属于
把销售、服务、营销和数据协同放入一套能力地图。
- Slack FeaturesSlack Features反向 · 属于
用协作目标和典型任务组织多项能力。