Web 页面类型 / Tool Page
Tool
让用户输入信息、等待处理并获得可操作结果的工具型页面。
Identity · 身份
- 子类型
- 页面类型
- 父级类目
- Documentation / Knowledge Base、Tool / Web App、SaaS / Product、表单与转化、状态与反馈、页面架构与信息结构
- 层级
- L2 · Web 页面类型
What · 是什么
- 定义
- 让用户输入信息、等待处理并获得可操作结果的工具型页面。
- 分类
- 页面
Why · 为什么
- 核心问题
- 用户是否理解工具能解决什么问题,并能顺利完成输入、处理和结果使用?
Where · 在哪里
- 适用场景
- 搜索意图、Web 界面设计
Lifecycle · 生命周期
- 状态
- 整理中
所属网站类型与页面区块
关系来自本地关系表,并包含反向关联。
- 搜索意图Search Intent应用于
- Adobe Background RemoverAdobe Background Remover Export反向 · 应用于
Adobe Background Remover 在输出透明背景结果后并列提供下载和继续编辑入口,让用户完成任务或进入 Firefly。
- Ahrefs Keyword GeneratorAhrefs Keyword Generator Result CTA反向 · 应用于
Ahrefs Keyword Generator 先展示关键词结果,再用更完整的数据与保存能力引导用户进入 Ahrefs 产品。
- Base64 Encode 结果复制Base64 Encode Result Copy反向 · 应用于
Base64 Encode 用单一输入完成编码或解码,并在结果区域提供复制和继续处理的即时动作。
- Buffer AI Post GeneratorBuffer AI Post Generator Account Gate反向 · 应用于
Buffer AI Post Generator 允许先生成内容,再以每日次数限制和免费账户承接持续使用需求。
- Canva AI 图片生成结果Canva AI Image Generator Result反向 · 应用于
Canva AI 图片工具让用户以提示生成视觉结果,并将继续编辑、下载或进入设计工作区作为后续动作。
- HubSpot 博客主题生成结果HubSpot Blog Topic Generator Result反向 · 应用于
HubSpot 主题生成器以关键词作为输入,返回可用的文章主题,并在结果后连接到营销产品或进一步创建。
- HubSpot Website GraderHubSpot Website Grader Gate反向 · 应用于
HubSpot Website Grader 先要求输入网站,再在生成评分的路径中设置线索捕获门槛,以诊断结果作为价值交换。
- Mozilla Observatory 安全报告Mozilla Observatory Security Report反向 · 应用于
Mozilla Observatory 接收网站地址并生成安全检查报告,以分数和规则结果帮助用户定位修复任务。
- PageSpeed Insights 报告后行动PageSpeed Insights Report CTA反向 · 应用于
PageSpeed Insights 先让用户输入页面地址生成性能报告,再用分数、诊断项和建议引导继续优化。
- QR Code Generator 下载结果QR Code Generator Download Result反向 · 应用于
QR Code Generator 让用户选择内容类型、配置二维码并在结果后下载或继续编辑。
- TinyPNG CompressorTinyPNG Compression Pro Gate反向 · 应用于
TinyPNG 在完成压缩结果后明确免费容量限制,并向有更高批量需求的用户展示 Web Pro / Ultra。
- Documentation / Knowledge BaseDocumentation / Knowledge Base属于
以帮助用户查找、理解和应用知识、文档与常见答案为核心的网站体验。
- SaaS / ProductSaaS / Product属于
以持续使用、产品价值和用户任务为核心的网站或产品体验,通常承接认知、试用、注册和持续使用。
- Tool / Web AppTool / Web App属于
以浏览器中的输入、处理、结果和持续任务为核心的网站应用体验。
- CTA BandCall-to-action Band反向 · 应用于
在页面中段或结尾集中呈现下一步行动的转化区块。
- Footer NavigationFooter Navigation反向 · 应用于
页面底部承载补充导航、法律信息、联系入口和站点范围说明的区块。
- Global NavigationGlobal Navigation反向 · 应用于
跨页面稳定存在的主要导航,帮助用户理解站点范围并进入核心区域。
- Hero / Page IntroHero & Page Introduction反向 · 应用于
页面开头用于确认页面主题、价值和主要行动的介绍区块。
- Progress / Empty / ErrorProgress, Empty & Error States反向 · 应用于
描述工具或页面在等待、没有结果、失败和可恢复状态下的反馈区块。
- Save / ExportSave & Export反向 · 应用于
允许用户保存、下载、复制或导出当前内容和工具结果的操作区块。
- Tool InputTool Input反向 · 应用于
工具型页面中收集用户输入、设置参数和触发处理的输入区块。
- Tool ResultTool Result反向 · 应用于
工具处理完成后展示结果、解释结果并提供复制、保存、导出或继续操作的区块。
- AI Prompt / ResponseAI Prompt / Response反向 · 应用于
让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。
- Announcement / Site AlertAnnouncement / Site Alert反向 · 应用于
在页面顶部或关键上下文中告知维护、政策、活动或高优先级变化。
- API / Code ExampleAPI / Code Example反向 · 应用于
用请求、参数、代码和结果说明 API 或技术能力如何被正确使用。
- Breadcrumb TrailBreadcrumb Trail反向 · 应用于
显示当前页面在信息架构中的位置,并提供返回上级的路径。
- Chat / ConversationChat / Conversation反向 · 应用于
围绕实时或异步消息组织对话、参与者、上下文和输入动作。
- Data Freshness / Last UpdatedData Freshness / Last Updated反向 · 应用于
表达数据更新时间、来源、有效期和刷新动作,避免用户误读过期内容。
- Footer NavigationFooter Navigation反向 · 应用于
在页面末端提供次级导航、法律信息、联系入口和补充行动。
- Form Success / Next StepsForm Success / Next Steps反向 · 应用于
在表单或任务提交后确认结果、解释后续处理并提供下一步入口。
- How It WorksHow It Works反向 · 应用于
用少量步骤说明产品、服务或工具从输入到结果的工作方式。
- Interactive CalculatorInteractive Calculator反向 · 应用于
让用户输入假设并即时获得可解释的估算、比较或结果。
- Login / AuthLogin / Auth反向 · 应用于
提供登录、注册、身份恢复或切换账户的入口与恢复路径。
- Maintenance / Status PageMaintenance / Status Page反向 · 应用于
说明服务状态、维护时间、影响范围、进展和恢复后的验证方式。
- Notification / Update FeedNotification / Update Feed反向 · 应用于
按时间、类型和已读状态聚合系统、产品或业务更新。
- Page Header / IntroPage Header / Intro反向 · 应用于
在页面上下文中说明当前位置、标题、摘要和主要动作。
- Pagination / Load MorePagination / Load More反向 · 应用于
将较大的结果集合拆分成可控制的批次,并让用户继续浏览。
- Process StepsProcess Steps反向 · 应用于
将复杂任务拆解为有顺序、有状态和有完成标准的步骤。
- Product ConfiguratorProduct Configurator反向 · 应用于
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Progress / Empty / ErrorProgress / Empty / Error反向 · 应用于
在内容、任务或数据暂不可用时解释发生了什么,并提供等待、恢复或替代路径。
- Related ContentRelated Content反向 · 应用于
在当前内容之后提供语义相关、下一步阅读或相邻任务的入口。
- Save / ExportSave / Export反向 · 应用于
让用户保存、下载、复制、导出或分享当前结果与内容。
- Search & FilterSearch & Filter反向 · 应用于
帮助用户在内容集合、工具数据或资源目录中定位目标。
- Search Suggestions / CommandSearch Suggestions / Command反向 · 应用于
在用户输入过程中提供建议、命令、历史和可直接执行的结果。
- Status / AvailabilityStatus / Availability反向 · 应用于
表达服务、产品、库存、功能或内容当前是否可用及其限制。
- Survey / FeedbackSurvey / Feedback反向 · 应用于
以问卷、评分或开放反馈收集用户意见,并说明提交后的处理方式。
- Tool InputTool Input反向 · 应用于
让用户输入、配置或上传工具任务所需的信息。
- Tool ResultTool Result反向 · 应用于
呈现工具计算、转换、生成或分析后的结果、解释和下一步动作。
- Usage MetricsUsage Metrics反向 · 应用于
用数量、比例、增长或规模指标让产品价值和使用结果可快速理解。
- 评估评分报告Assessment / Score Report反向 · 属于
通过一组输入或检测生成评分、诊断或报告,并将结果转成可理解的建议和下一步行动。
- 批量 / 配额队列处理Batch / Quota Queue Processing反向 · 属于
让用户一次提交多项任务,在可见的队列、批量结果或额度限制下完成处理。
- 参数配置生成Configurable Generator反向 · 属于
让用户通过参数、选项或上下文配置生成更贴合目标的内容或结果。
- 多步骤上传处理导出Multi-step Upload / Transform / Export反向 · 属于
让用户上传或导入素材,经过处理预览后导出最终文件或结果。
- 单输入即时结果Single-input Instant Result反向 · 属于
让用户提交一个明确输入后快速得到可直接使用或继续处理的结果。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 表单与转化Forms & Conversion属于
设计从理解价值到提交、注册、购买或联系的连续路径。
- 页面架构与信息结构Page Architecture & Information Structure属于
组织 Web 页面、内容层级和任务路径,让用户与搜索引擎都能理解页面关系。
- 状态与反馈States & Feedback属于
处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。