Web 页面变种与结构 / Filterable Feature Directory
可筛选功能目录
让熟悉产品的用户快速查找和扫描大量功能。
关键字段
Identity · 身份
- 子类型
- 页面变种
- 父级类目
- Features
What · 是什么
- 定义
- 让熟悉产品的用户快速查找和扫描大量功能。
- 核心问题
- 让熟悉产品的用户快速查找和扫描大量功能。
- 组成
- Hero → 分类/筛选 → Directory Grid → 功能详情入口 → CTA
Why · 为什么
- 使用目标
- 功能量大、访问意图明确、需要按角色或类别过滤。
When · 何时
- 触发与表现
- 搜索、筛选、标签或分类导航突出,信息密度高。
Where · 在哪里
- 适用场景
- Global Navigation、Hero、Directory / Listing Grid、Feature & Value、CTA Band、Footer Navigation、Hero / Page Intro、Content List
Lifecycle · 生命周期
- 状态
- 已完成
所属页面类型、常用区块、页面模块与实例
关系来自本地关系表,并包含反向关联。
- FeaturesFeatures Page属于
系统展示产品能力、用户收益和相关证明,帮助访问者理解产品能做什么以及哪些能力适合自己的页面类型。
- CTA BandCall-to-action Band应用于
在页面中段或结尾集中呈现下一步行动的转化区块。
- Content ListContent List Section应用于
以列表、卡片或摘要集合呈现一组相关内容的页面区块。
- Feature & ValueFeature & Value Section应用于
把产品能力、服务内容或页面价值转化为用户可理解结果的说明区块。
- Footer NavigationFooter Navigation应用于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation应用于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Hero / Page IntroHero & Page Introduction应用于
页面开头用于确认页面主题、价值和主要行动的介绍区块。
- CTA BandCTA Band应用于
在页面节点提供清晰的下一步行动、利益说明和低摩擦入口。
- Directory / Listing GridDirectory / Listing Grid应用于
将组织、资源、产品、人员或地点按筛选和排序组织成目录。
- Feature & ValueFeature & Value应用于
把产品能力、用户收益和证据组织成可扫描的价值说明。
- Footer NavigationFooter Navigation应用于
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Global NavigationGlobal Navigation应用于
跨页面提供品牌、一级目的地、账户和全局操作的稳定入口。
- HeroHero应用于
用一句核心承诺、支持说明和主要行动让用户快速判断页面价值。
- Adobe Creative Cloud FeaturesAdobe Creative Cloud Features反向 · 属于
以创作任务、应用和工作流组织 Creative Cloud 能力目录。
- Canva FeaturesCanva Features反向 · 属于
通过大规模分类和卡片覆盖不同创作任务与工具。
- Salesforce ProductsSalesforce Products反向 · 属于
用产品线、行业和业务职能提供高密度目录导航。
- Shopify POS FeaturesShopify POS Features反向 · 属于
把零售、门店和线上经营能力按场景分组。
- Webflow FeaturesWebflow Features反向 · 属于
以分类目录承载大量建站能力并通向具体功能。