Interactive / Self-discovery

愿景测试器

探索你的人生核心目标与方向

Created 2025-07-30Updated 2025-07-30

10–15 分钟的愿景探索测试:自我认知、价值探索、目标具象化与障碍识别,结果本地存储。

VisionTestOnboardingLocalStorage

Background

为什么做

  • 很多“目标工具”从列表开始,但愿景需要从自我探索开始。这个项目把“自我提问”做成可完成的互动流程。

Scenario

应用场景

  • 想梳理人生方向但无从下手
  • 阶段性自我复盘
  • 把抽象渴望转化为可表达的目标语言

Delivery

实现了什么

  • 欢迎引导与“安全空间”的 onboarding。
  • 四阶段流程:自我认知 → 价值探索 → 目标具象化 → 障碍识别。
  • 进度与状态管理,并把结果存到本地。

Flow

关键路径(从打开到完成一次任务)

Onboard → 4 stages → Feedback → Save

愿景测试器 flowOnboard4 stagesFeedbackSave

Evaluation

体验时看什么

  • 信息架构:结构是否“可扫读”。
  • 关键动作:检索、预览、导出等路径是否顺畅一致。
  • 稳定性:反馈是否及时、边界是否考虑。

Screenshots

UI snapshots

用截图快速理解页面结构、视觉层级与交互状态。

愿景测试器 screenshot — Cover
Cover

Case Study

从背景到交付:完整梳理

展开你关心的部分即可(减少信息噪音,密度更高)。

Background

为什么做

很多“目标工具”从列表开始,但愿景需要从自我探索开始。这个项目把“自我提问”做成可完成的互动流程。

Scenario

应用场景

  • 想梳理人生方向但无从下手
  • 阶段性自我复盘
  • 把抽象渴望转化为可表达的目标语言

Delivery

实现了什么

  • 欢迎引导与“安全空间”的 onboarding。
  • 四阶段流程:自我认知 → 价值探索 → 目标具象化 → 障碍识别。
  • 进度与状态管理,并把结果存到本地。

Design

设计要点

  • 渐进式体验:降低测试疲劳。
  • 温暖的视觉氛围:让用户更愿意诚实回答。
  • “匿名 + 本地存储”降低心理负担。

Tech

技术实现

  • 多步骤流程状态管理
  • LocalStorage 持久化(可重进)

Try it

看完介绍,继续探索

建议沿着项目的核心流程进行体验(如搜索、预览、导出、播放等),以评估信息结构与交互一致性。

愿景测试器 cover

Live preview

部分站点可能因为安全策略无法被嵌入;遇到空白时请用上面的 Open live。

Explore next

推荐你看这些

根据标签与类别做的相关推荐(不想继续看也能快速跳走)。