CH · 04 · INTERACTIVE PROTOTYPE章节 · 04 · 可交互原型
The redesigned Radar.重设计后的 Radar。
A live clickable prototype. All five Atria screens — Radar, Detail Drawer, Add Context modal, Variants, and a global Tasks panel — are wired up. Mock data; no backend. Six test cases below cover the headline behaviors.
一个能点的高保真原型。5 个 Atria 屏幕全部连起来了 —— Radar、 Detail Drawer、Add Context 弹窗、Variants、和全局 Tasks 面板。 用的是假数据,没接后端。下面 6 个测试场景 覆盖了最关键的行为。
TC-01
Single iterate
单条迭代
Click any «Iterate» row → drawer opens → hit «Generate 4 copy variants» → modal → Generate
点任意一行标着「Iterate(迭代)」的广告 → 右侧详情面板滑出 → 点「Generate 4 copy variants(生成 4 个文案变体)」按钮 → 弹窗里点 Generate(生成)
TC-02
Batch 3 mixed
批量 3 条混合
Open a row → drawer → «Run multiple moves» → check 3 → bottom sticky bar fires
点开一行 → 详情面板 → 点「Run multiple moves(同时跑多条建议)」 → 勾选 3 条不同类型的建议 → 底部那条常驻横条一键全部发起
TC-03
Tasks recall
找回任务
Click «Tasks» top right → switch to «All» → click any completed task → land on Variants
右上角点「Tasks(任务面板)」 → 切到「All(全部)」标签 → 点任意一条「已完成」的任务 → 直接跳到变体页
TC-04
Video, not dead
视频不是死路
Click a video row → drawer offers «Apply to copy» / «Export brief» instead of disabled
点一行视频广告 → 详情面板给你的不是灰掉的按钮,而是「Apply to copy(应用到文案)」/「Export brief(导出文案 brief 给后期)」这类轻量动作 —— 视频也有事可做
TC-07
Compare 2
对比 2 张
From Tasks → completed → in Variants page, click 2 variant cards → sticky bar surfaces Compare
Tasks 面板 → 已完成 → 进入变体页 → 点中 2 张变体卡 → 底部常驻横条自动出现「Compare(对比)」按钮(不需要先「进入对比模式」)
TC-11
Iterations badge
迭代次数徽标
On Radar, hover any «N iterations» badge → preview popover. Click → per-ad history
在 Radar 主表格上,鼠标悬停任意「N iterations(N 次迭代)」徽标 → 弹出缩略图预览。点击徽标 → 跳到这条广告的完整迭代历史页
LIVE PROTOTYPE · click anywhere inside实时原型 · 在框里随便点
Open full-screen ↗全屏打开 ↗WHAT TO LOOK FOR · PER SCREEN每个屏幕该关注什么
Radar table
Radar 主表格
Move 01 in flesh. Each row's last column is its action. Pause / Scale confirm inline; Iterate / Refresh open the drawer.
这就是 Move 01 落到实际界面的样子。每一行最右侧是「该做的动作」按钮 —— 暂停(Pause)和扩量(Scale)直接在原地确认;迭代(Iterate)和换素材(Refresh)才会打开右侧详情面板,因为它们需要 AI 进一步判断。
Detail drawer
详情面板(从右侧滑出)
Slides over Radar from the right (Move on Continuity). Default view shows ONE hero recommendation. The «+ 4 more moves» collapse reveals the multi-select bar (Move 02 progressive disclosure).
从右边滑出来,覆盖在 Radar 列表上面(对应「连贯性」维度的 move)。默认只显示 1 条主推建议(hero,头部主推)。展开「+ 还有 4 个动作」就能进入多选模式 —— 这是 Move 02 的「渐进披露」逻辑:默认给一个选项,需要更多再展开。
Add Context modal
Add Context 弹窗
Brand profile prefilled. Move 03 kind dispatch surfaces here too — copy_overlay vs image_gen vs targeting_change get different CTA labels and form fields.
品牌档案已经自动填好。Move 03 的「按建议类型分发」在这里也能看到 —— 不同类型的建议对应完全不同的产出形态:「copy_overlay(换文案)」生成 4 套新文案、「image_gen(出图)」生成 4 张新图、「targeting_change(调受众)」生成一张「原受众 vs 推荐受众」对比卡。按钮上写的就是「会发生什么」,而不是泛泛的「Iterate」。
Variants page
变体页(Variants)
Each card shows a real metric delta (Move 04). Click any 2 to compare (Move 05 — no mode toggle). Sticky bar adds «Push to platform».
每张变体卡片上都标了预测的指标涨幅(比如「+38% CTR」,意思是点击率预计涨 38%),这是 Move 04 干的事。任意点中 2 张就能对比 —— 不需要先点「进入对比模式」(这是 Move 05 的逻辑)。底部一条常驻横条(sticky bar)有「推回投放平台」按钮,可以一键把选中的变体推回 Meta 广告后台。
Tasks panel
任务面板(Tasks)
Global header. Persists across pages. Click any completed task → direct deep-link to Variants (TC-03). Failed has Retry; running shows ETA + progress.
顶部右上角全局可见,跨页面持续存在 —— 这意味着你切到任何一个屏幕,这个面板都在那。点任意一条「已完成」的任务 → 直接跳到变体页(对应 TC-03 测试场景)。失败的任务有「重试」按钮;正在跑的任务显示预计剩余时间 + 进度条。