理解一个议题
从首页进入对话，查看一个术语的含义。
成功标准能用自己的话解释，并找到返回对话的入口。
Civio · App showcase 原始项目视觉 · 完整展示
01 — UNDERSTAND BEFORE YOU DECIDESCROLL TO EXPLORE ↓
01 / 产品需求地图CIVIO · PRD / 01
FROM USER NEEDS TO PRODUCT SCOPE
从理解需求，到探索闭环。
V0.1 · 概念需求稿
用户情境与优先级待验证
用户情境与优先级待验证
用户需求WHY
01 / 第一次参与找到开始的地方
了解地区、流程与基本术语
02 / 面对繁杂信息看清信息与依据
解释概念、核查来源、比较差异
03 / 带着议题而来形成自己的判断
梳理观点、允许修改、接续探索
产品闭环HOW
01选择选举地区与信息入口P0
→02对话探索提问与术语释义P0
→03查看依据匹配解释与来源P0
→04比较主张议题中的相同与不同P0
→05保存回顾记录、修改与更新P1
↶ 修改观点后返回对话，旧结果标记为待更新，再重新查看依据
交付范围WHAT
P0 · 核心闭环
地区与选举入口 · 对话与释义
匹配依据与来源状态 · 主张比较
P1 · 接续体验
探索记录 · 修改与更新
收藏与回顾 · 阅读偏好
范围外
真实投票办理 · 结果预测
替用户作出政治选择 · 活动报名
验证目标解释一个议题＋定位一项依据＋接续一次探索
先建立任务测试基线，再定义量化目标。
02 / 需求与验收映射CIVIO · PRD / 02
TRACE EVERY REQUIREMENT TO AN OUTCOME
每一项需求，都有验收落点。
P0 · 核心必需P1 · 后续完善
| 需求模块 | 入口 | 对话 | 依据 | 比较 | 回顾 | 验收行为 / 边界状态 |
|---|---|---|---|---|---|---|
| FR-01 P0地区与选举 | — | — | — | — | 有资料 → 继续探索无资料 → 说明原因，切换地区 | |
| FR-02 P0对话与释义 | — | — | — | — | 释义后返回；跳过后可继续失败 → 保留草稿，允许重试 | |
| FR-03 P0匹配与依据 | — | — | — | — | 示例分数与来源状态清楚可见回答不足 → 不生成新分数 | |
| FR-04 P0主张比较 | — | — | — | — | 切换议题后更新对照内容进入详情后仍能返回当前探索 | |
| FR-05 P1保存与更新 | — | — | — | — | 从记录中重新进入探索修改观点 → 待更新 → 更新结果 |
异常处理共用规则
遇到问题，仍有下一步。
识别异常无资料 / 连接失败 / 依据不足→说明状态原因可理解 · 上下文可保留→给出行动切换 / 重试 / 补充 / 更新
验收原则
路径可完成
有进入、返回和恢复入口
状态可理解
示例、缺失、待更新清楚标明
依据可追溯
来源可查阅，缺失时不假装已验证
03 / 架构与流程A CONNECTED EXPERIENCE
从一次提问，
到可以回顾的探索。
首页、对话与个人资料构成主要入口。匹配结果嵌入当前选举的探索过程，也可以从历史记录重新进入。
01选择选举地区与信息入口
02探索议题对话与术语解释
03查看匹配结果与依据
04比较主张相同与不同
05保存回顾接续与更新
↶ 随时返回对话，修改观点后更新结果
让每条支路，
都有继续的可能。
异常处理是流程的一部分。
保留上下文，提供清晰的下一步。
拒绝定位 / 暂无选举资料 ＋
可以手动选择地区；没有可用资料时说明原因，并提供切换地区或返回首页的入口。
问题难理解 / 回答不足 ＋
在对话中查看释义或跳过问题。信息不足时不显示匹配分数，提示继续补充观点。
对话失败 / 来源缺失 ＋
保留已输入内容并提供重试；来源缺失时标记依据不足，允许继续查阅其他信息。
修改观点 / 结果待更新 ＋
保留探索记录，将旧结果标记为待更新；更新后可以重新查看匹配依据。
幕后：AI 如何支持这段体验展开架构 ＋
根据 PDF 3 的系统图整理：用户提问经过关键词、情感与嵌入处理；政纲向量检索为语言模型提供上下文，对话管理负责返回信息。用户与政纲向量的相似度用于支持结果可视化。此处仅复述概念架构，未连接真实模型或数据库。
用户提问→语义处理→政纲检索→对话 / 结果
04 / 高保真体验MEET CIVIO
让信息可以对话。
让判断有据可循。
选择一个界面，开始探索 Civio。
交互原型 · 示例内容与固定分数 · 下方可对照 PDF Final UI
9:41
iPhone 17 402 × 874 · 等比展示
关键界面，一眼看全。
点击缩略图，在上方打开对应界面；也可切换查看 PDF 中的原始 Final UI。
缩略图与上方原型使用同一套界面。扩展页面沿用 PDF 的配色、字体、照片和组件样式。
05 / 视觉语言QUIET DEPTH. CLEAR SIGNALS.
深色承载信息，
蓝色指引行动。
延续原稿的黑蓝视觉与圆润品牌气质。蓝色光晕留给产品展示，功能界面依靠文字层级、边界和留白组织信息。
Aa 理解
Quicksand 英文界面 / 清晰的中文正文字体
短标题建立节奏，正文保持舒适的行距与阅读宽度。Canvas#030612
Surface#0B1535
Action#14285B
Text#F3F5FA
深蓝渐变、深色胶囊按钮与紧凑列表，对齐 PDF 中的 Final UI。
保留原始概念的表达。
三份 PDF 是项目定位、系统流程和视觉方向的主要来源。原稿截图完整保留；新增界面沿用原稿视觉，内容以概念示例区分。
06 / 验证计划DESIGNED TO BE QUESTIONED
好的设计，
还需要真实使用来回答。
待开展用户测试
当前材料未提供用户访谈、可用性测试或上线数据。以下为拟议验证任务，不代表已经取得的成果。
解释一项匹配
查看结果，说明匹配依据并定位信息来源。
成功标准能区分分数与依据，理解结果的局限。
修改并接续探索
更改观点，更新结果，再从历史记录返回。
成功标准能够完成更新，找到上次的探索内容。
记录任务表现→收集困惑与反馈→调整信息与流程→再次验证
让每一次探索，
成为理解的开始。