数字化产品经理 · 表单交互重构
AIAI.com 是聚合主流大模型的 AI 内容生产平台,面向海外用户提供视频、图片、音乐、音频等生成能力。Clarity 行为数据揭示了一个隐形漏斗杀手:灰显的提交按钮。这个 Case 记录我作为数字化产品经理,如何定位并修复它。
AIAI.com 聚合主流大模型服务商,把视频生成、图片生成、音乐音频、场景化应用(去水印、老照片修复、室内效果图等)装进同一个创作台。无论用户用哪种能力,最后一步都收敛到同一个动作:填写生成表单 → 点击 Generate。这张表单的表现,直接决定平台的商业漏斗。
接入 Veo、Sora、Nano Banana 等主流大模型,分析接口能力差异,按场景路由最优模型。
视频、图片、音乐、音频、文字——所有 AI 生产能力共用同一套表单交互范式。
每次生成都消耗 Credits。表单每一次失败和放弃,都是真金白银的流失。
通过 Clarity 数据平台观察大量线上用户行为录像,我发现一个高频且刺眼的行为模式:用户疯狂点击灰显的 Generate 按钮——没有响应、再点、还是没有响应——最终放弃任务,跳离网站。流量获取成本很高,这个小细节在持续放血。
行为录像中的典型路径:上传图片 → 直接点击底部 Generate(按钮灰显)→ 无响应 → 快速连点 3~6 次 → 滚动寻找原因无果 → 关闭标签页。用户始终没意识到:还有必填项没填。
「必填项未填 → 按钮灰显」是表单设计的默认规范。规范假设用户会先理解界面再操作——但这个假设在这里不成立。
流程简单、表单复杂、目标明确:用户没有耐心理解界面,直接操作,并预期系统立即给出结果。
每一次死点击都是一次付费意图的流失:任务失败 → 无生成结果 → 无 Credits 消耗 → 更无订阅转化。
洞察到问题后,我立即组织专家评审,把表单交互彻底重构一遍,再用真实用户测试验证。核心思路只有一句话:不要在用户点击之前说教,在用户点击的瞬间给出引导。
打破「必填未填 → 按钮灰显」的默认规范。按钮随时可点;点击时表单自动滚动并高亮聚焦第一个未填写的必填项——错误从「静默惩罚」变成「主动带路」。
为主流用户而设计:视频比例、配音、时长、分辨率、Seed、Negative Prompt 全部收进 Advanced Settings,专业用户一键展开,普通用户完全无感。
首尾帧默认仅展示首帧上传,通过 Add end frame 开关按需展开尾帧入口——少一个输入框,就少一分认知负担。
表单简化为「首帧 + 提示语」。长表单变成短表单,进入用户熟悉的心智模式——就像注册登录:填两项,按钮永远亮着。
方案原型邀请真实用户测试。我们把被试按使用意图分成三类,验证同一个表单能否同时服务他们:
“我只想快速把图片变成视频,越快越好。”
“我希望视频符合特定的风格需求。”
“我需要可控性,精确复现每一个参数。”
下面是 Image to Video 表单的可操作高保真原型。用顶部的开关在优化前(Before)和优化后(After)之间切换,亲手体验两种模式的差别。
先切到 Before:什么都不填,直接点 Generate——体验旧版灰按钮的「死点击」,右上角会计数。
切回 After:同样什么都不填,直接点 Generate——表单会自动滚动并高亮第一个未填的必填项。
点击上传框放入示例图,再点 Generate——高亮自动移动到 Prompt;点 Cyberpunk City 示例词一键填入。
展开 Advanced Settings 看专业参数(Resolution / Seed / Negative Prompt);两个必填项完成后点 Generate,等待出片。
新表单灰度上线后,对比旧版本的关键指标:
* 口径:任务完成率 = 进入生成流程后成功提交生成任务的会话占比;无效点击 = Clarity 记录的灰显状态按钮点击次数。灰度样本约 5 万会话,观察期 21 天,覆盖 Image to Video 主流程。