从理解开始,
让参与发生。

Civio 将选举信息转化为可以探索的对话,
帮助年轻公民理解议题,形成自己的判断。

UIUX 概念设计移动端应用欧洲年轻公民
以当前 Civio 界面生成的三部手机竖向层叠展示背景 Civio · App showcase 当前 UI · AI 展示图
01 — UNDERSTAND BEFORE YOU DECIDESCROLL TO EXPLORE

一次投票之前,
有很多需要被理解的事。

政治术语、不同的政党主张,以及“这与我有什么关系”。Civio 从这些理解需求出发,用个性化对话连接信息探索与观点梳理。

项目定位来自提供的 PDF;具体用户情境与问题拆解为设计假设,尚待研究验证。

产品定位AI 选举信息与投票辅助
目标用户欧洲年轻公民
核心路径理解 → 探索 → 比较 → 回顾

如何帮助年轻公民理解选举信息、
梳理个人立场,并建立参与的兴趣与习惯?

01

第一次参与

希望了解投票流程与基本术语,找到一个可以开始的地方。

02

面对繁杂信息

希望理解并核查不同主张,在比较时看清真实差异。

03

带着议题而来

已经有关注的问题,希望在探索中逐步厘清自己的观点。

每一个理解障碍,
都对应一个设计回应。

不把复杂问题压缩成一个分数。
让解释、依据和回顾始终在用户的探索路径中。

待验证的问题设计回应预期体验
01

信息难理解

对话解释 · 术语释义

用自己的话理解一个议题

02

观点难对应

议题探索 · 政党比较

看清个人观点与主张的联系

03

结果难判断

匹配说明 · 来源查阅

知道结论从何而来

04

探索难延续

保存进度 · 回顾与更新

从上次的思考继续

从一次提问,
到可以回顾的探索。

首页、对话与个人资料构成主要入口。匹配结果嵌入当前选举的探索过程,也可以从历史记录重新进入。

01选择选举地区与信息入口
02探索议题对话与术语解释
03查看匹配结果与依据
04比较主张相同与不同
05保存回顾接续与更新
随时返回对话,修改观点后更新结果

让每条支路,
都有继续的可能。

异常处理是流程的一部分。
保留上下文,提供清晰的下一步。

拒绝定位 / 暂无选举资料

可以手动选择地区;没有可用资料时说明原因,并提供切换地区或返回首页的入口。

问题难理解 / 回答不足

在对话中查看释义或跳过问题。信息不足时不显示匹配分数,提示继续补充观点。

对话失败 / 来源缺失

保留已输入内容并提供重试;来源缺失时标记依据不足,允许继续查阅其他信息。

修改观点 / 结果待更新

保留探索记录,将旧结果标记为待更新;更新后可以重新查看匹配依据。

幕后:AI 如何支持这段体验展开架构 +

根据 PDF 3 的系统图整理:用户提问经过关键词、情感与嵌入处理;政纲向量检索为语言模型提供上下文,对话管理负责返回信息。用户与政纲向量的相似度用于支持结果可视化。此处仅复述概念架构,未连接真实模型或数据库。

用户提问语义处理政纲检索对话 / 结果

让信息可以对话。
让判断有据可循。

选择一个界面,开始探索 Civio。
交互原型 · 示例内容与固定分数 · 下方可对照 PDF Final UI

9:41

iPhone 17 402 × 874 · 等比展示

深色承载信息,
蓝色指引行动。

延续原稿的黑蓝视觉与圆润品牌气质。蓝色光晕留给产品展示,功能界面依靠文字层级、边界和留白组织信息。

Aa 理解

Quicksand 英文界面 / 清晰的中文正文字体

短标题建立节奏,正文保持舒适的行距与阅读宽度。
Canvas#030612
Surface#0B1535
Action#14285B
Text#F3F5FA

深蓝渐变、深色胶囊按钮与紧凑列表,对齐 PDF 中的 Final UI。

保留原始概念的表达。

三份 PDF 是项目定位、系统流程和视觉方向的主要来源。原稿截图完整保留;新增界面沿用原稿视觉,内容以概念示例区分。

好的设计,
还需要真实使用来回答。

待开展用户测试

当前材料未提供用户访谈、可用性测试或上线数据。以下为拟议验证任务,不代表已经取得的成果。

TEST 01

理解一个议题

从首页进入对话,查看一个术语的含义。

成功标准

能用自己的话解释,并找到返回对话的入口。

TEST 02

解释一项匹配

查看结果,说明匹配依据并定位信息来源。

成功标准

能区分分数与依据,理解结果的局限。

TEST 03

修改并接续探索

更改观点,更新结果,再从历史记录返回。

成功标准

能够完成更新,找到上次的探索内容。

让每一次探索,
成为理解的开始。

再次体验 Civio