Interactive / Self-discovery

Selected

愿景测试器

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

Created 2025-07-30Updated 2026-02-05

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

Web AppLiveWeb
VisionTestOnboardingLocalStorage

Outcome

结果与影响

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

Decision

关键决策与取舍

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

Evidence

可验证证据

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

Flow

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

Onboard → 4 stages → Feedback → Save

愿景测试器 flowOnboard4 stagesFeedbackSave

Product shape

这次交付的真实形态

  • Format:Web App
  • Status:Live
  • Platforms:Web
  • 体验重点: 页面结构、交互路径与实时反馈。

Screenshots

UI snapshots

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

愿景测试器 screenshot — Cover
Cover

Case Study

先看结果、决策与证据

先看结果、关键决策与证据,再回看过程与实现。

Outcome

结果与影响

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

Decision

关键决策与取舍

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

Evidence

可验证证据

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

Role

承担角色

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

Problem

核心问题

  • 很多“目标工具”从列表开始,但愿景需要从自我探索开始。这个项目把“自我提问”做成可完成的互动流程。
  • 想梳理人生方向但无从下手
  • 阶段性自我复盘

Constraints

约束条件

  • Format: Web App
  • Status: Live

Background

为什么做

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

Scenario

应用场景

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

Delivery

实现了什么

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

Design

设计要点

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

Tech

技术实现

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

Try it

看完介绍,继续探索

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

愿景测试器 cover

Live preview

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

Related work

继续看相关项目

这里保留与当前项目更接近的入口,方便继续横向浏览。