Web 页面区块 / Tool Input
Tool Input
工具型页面中收集用户输入、设置参数和触发处理的输入区块。
Identity · 身份
- 子类型
- 区块
- 父级类目
- 表单与转化、组件与交互、状态与反馈
What · 是什么
- 定义
- 工具型页面中收集用户输入、设置参数和触发处理的输入区块。
Why · 为什么
- 实现目标
- 让用户以最低认知和操作成本完成工具任务的准备阶段。
Where · 在哪里
- 适用场景
- Tool、Web 界面设计
How · 怎么做
- 实现说明
- 输入与结果对应;字段有解释;默认值合理;校验不打断;敏感数据和处理方式透明。
How much · 多少
- 衡量指标
- 效率 · 完成率 · 可访问性
Lifecycle · 生命周期
- 状态
- 整理中
适用页面类型与对应组件
关系来自本地关系表,并包含反向关联。
- HubSpot Website GraderHubSpot Website Grader Gate反向 · 应用于
HubSpot Website Grader 先要求输入网站,再在生成评分的路径中设置线索捕获门槛,以诊断结果作为价值交换。
- Mozilla Observatory 安全报告Mozilla Observatory Security Report反向 · 应用于
Mozilla Observatory 接收网站地址并生成安全检查报告,以分数和规则结果帮助用户定位修复任务。
- ToolTool Page应用于
让用户输入信息、等待处理并获得可操作结果的工具型页面。
- AI Prompt / ResponseAI Prompt / Response反向 · 应用于
让用户提交自然语言任务并理解生成结果、来源、限制和继续操作。
- Interactive CalculatorInteractive Calculator反向 · 应用于
让用户输入假设并即时获得可解释的估算、比较或结果。
- Product ConfiguratorProduct Configurator反向 · 应用于
按选项、约束和价格反馈组合或定制一个产品、方案或服务。
- Tool InputTool Input反向 · 应用于
让用户输入、配置或上传工具任务所需的信息。
- 评估评分报告Assessment / Score Report反向 · 应用于
通过一组输入或检测生成评分、诊断或报告,并将结果转成可理解的建议和下一步行动。
- 批量 / 配额队列处理Batch / Quota Queue Processing反向 · 应用于
让用户一次提交多项任务,在可见的队列、批量结果或额度限制下完成处理。
- 参数配置生成Configurable Generator反向 · 应用于
让用户通过参数、选项或上下文配置生成更贴合目标的内容或结果。
- 多步骤上传处理导出Multi-step Upload / Transform / Export反向 · 应用于
让用户上传或导入素材,经过处理预览后导出最终文件或结果。
- 单输入即时结果Single-input Instant Result反向 · 应用于
让用户提交一个明确输入后快速得到可直接使用或继续处理的结果。
- Adobe Background RemoverAdobe Background Remover反向 · 应用于
Adobe Background Remover 通过上传图片、生成透明背景预览和下载/继续编辑完成任务闭环。
- Ahrefs Keyword GeneratorAhrefs Keyword Generator反向 · 应用于
Ahrefs Keyword Generator 让用户输入关键词并选择搜索引擎、地区等上下文,再展示结果并连接到更完整的数据能力。
- Base64 Encode and DecodeBase64 Encode and Decode反向 · 应用于
用一个文本输入框承接编码或解码任务,并把操作切换和结果区域放在同一工作面。
- Buffer AI Post GeneratorBuffer AI Post Generator反向 · 应用于
Buffer AI Post Generator 用平台、语气和主题等参数生成社交内容,并以免费额度和账户路径承接持续使用。
- Canva AI Image GeneratorCanva AI Image Generator反向 · 应用于
通过提示词、风格和画幅等配置生成图片预览,把创作参数与下一步编辑导出连接起来。
- HubSpot Blog Topic GeneratorHubSpot Blog Topic Generator反向 · 应用于
将多个主题词和内容类型组合成生成配置,再返回可继续编辑的文章选题建议。
- HubSpot Website GraderHubSpot Website Grader反向 · 应用于
HubSpot Website Grader 先要求输入网站,再在评分生成路径中设置线索捕获门槛,以诊断结果作为价值交换。
- QR Code GeneratorQR Code Generator反向 · 应用于
以文本或链接作为主要输入,实时生成可下载的二维码预览,并把设计选项放在结果附近。
- Regex101Regex101反向 · 应用于
以正则表达式和测试文本为双输入,实时给出匹配、解释与调试反馈。
- Shopify Business Name GeneratorShopify Business Name Generator反向 · 应用于
通过关键词输入和生成数量配置,批量给出可浏览的品牌名候选。
- TinyPNG CompressorTinyPNG Compressor反向 · 应用于
TinyPNG 支持多文件压缩,并在免费容量限制后展示 Web Pro/Ultra 等升级路径。
- W3C Markup ValidatorW3C Markup Validator反向 · 应用于
把一项明确的验证任务压缩成 URL、上传文件或直接输入三条入口,提交后返回结构化校验结果。
- WordCounterWordCounter反向 · 应用于
通过单个文本输入即时计算字数、字符数和阅读相关指标,适合低门槛快速检查。
- Web 界面设计Web Interface Design应用于
围绕浏览器环境组织页面架构、导航、内容、区块、组件、转化和性能的界面设计领域。
- 组件与交互Components & Interaction属于
定义可复用组件的结构、状态、行为和组合方式。
- 表单与转化Forms & Conversion属于
设计从理解价值到提交、注册、购买或联系的连续路径。
- 状态与反馈States & Feedback属于
处理 Web 页面和工具在加载、空、错误、成功和进度中的体验。
- FormForm反向 · 应用于
组织多个输入、校验、提交和结果反馈的任务组件。