Skip to content

Latest commit

 

History

History
184 lines (132 loc) · 11.5 KB

File metadata and controls

184 lines (132 loc) · 11.5 KB

1. 产品概述

1.1 需求背景

【这一段可以结合市场调研】

  • 情绪的未完成造成持续消耗 : 现代人面临高强度的压力,往往习惯压抑或忽视负面情绪。未被处理的情绪会像后台运行的程序一样持续消耗心理能量。
  • 缺乏告别的仪式感: 在人生大事上,我们有葬礼告别逝者,有毕业典礼告别过去;但在日常微观情绪处理中,用户缺乏一个安全、私密且具象化的场所来与烦恼“正式告别”。
  • 心理咨询的高门槛: 专业的心理咨询昂贵且难以即时获取。用户需要一个轻量级、随时可用的咨询室,不仅是简单的记录,更需要即时的反馈和疗愈。

1.2 心理学理论背书

将成熟的心理咨询流派映射为三种直观的自然元素仪式,确保每一次交互都有据可依:

仪式元素 对应情绪 核心疗法 疗愈逻辑
火 愤怒、焦虑、高压 CBT (认知行为疗法) Cognitive Behavioral Therapy "辩驳与重构":通过视觉上的燃烧象征对非理性信念(如"我必须完美")的粉碎,并利用AI辅助重构新的认知。
土 抑郁、内耗、无力感 ACT (接纳承诺疗法) Acceptance and Commitment Therapy "接纳与承诺":不与痛苦对抗,而是将其埋入土中(接纳),并以此为养分生长出具体的行动计划(价值导向)。
水 悲伤、哀悼、遗憾 AEDP (加速体验性动力学治疗) Accelerated Experiential Dynamic Psychotherapy "体验与流动":通过水的流动性打破情绪的凝滞(防御),在安全的容器中感受情绪,并获得自我抚慰(Meta-processing)。

1.3 用户旅程

graph TD
    %% 定义样式
    classDef input fill:#e1f5fe,stroke:#01579b,stroke-width:2px;
    classDef ai fill:#f3e5f5,stroke:#4a148c,stroke-width:2px,stroke-dasharray: 5 5;
    classDef ritual fill:#fff3e0,stroke:#e65100,stroke-width:2px;
    classDef output fill:#e8f5e9,stroke:#1b5e20,stroke-width:2px;
    classDef storage fill:#eceff1,stroke:#37474f,stroke-width:2px;

    Start((用户进入)) --> Landing[首页: 沉浸式背景 + 引导文案]
    Landing --> InputMode{多模态输入}

    subgraph 输入阶段 [Stage 1: 倾诉与识别]
        InputMode -->|语音| Voice[语音输入: ASR]
        InputMode -->|文字| Text[文字输入: 关键词提取]
        
        Voice & Text --> AI_Analyze(AI 情绪中控台)
        AI_Analyze -->|分析维度| Dimensions[效价 / 唤醒度 / 情绪类型]
    end

    subgraph 仪式分流 [Stage 2: 匹配与选择]
        Dimensions --> Recommendation{AI 推荐仪式}
        Dimensions --> Visualization{AI 粒子化图像}
        Recommendation -->|愤怒/焦虑| FirePath(🔥 火之仪式)
        Recommendation -->|抑郁/内耗| EarthPath(🌿 土之仪式)
        Recommendation -->|悲伤/遗憾| WaterPath(💧 水之仪式)
        
        style FirePath fill:#ffccbc,stroke:#bf360c
        style EarthPath fill:#dcedc8,stroke:#33691e
        style WaterPath fill:#b3e5fc,stroke:#01579b
        
        %% 用户可以覆盖AI推荐
        Recommendation -.->|用户手动切换| ManualSelect[用户自主选择]
        ManualSelect --> FirePath & EarthPath & WaterPath
    end

    subgraph 核心疗愈闭环 [Stage 3: 交互式疗愈]
        %% 火葬流程
        FirePath --> F1[交互: 丢进火焰]
        F1 --> F2[AI反馈: 生成错误认知卡片]
        F2 --> F3[交互: 点击卡片消失]
        F3 --> F4[晶体+AI反馈: 最终总结]

        %% 土葬流程
        EarthPath -->  E1[交互: 丢进土里埋起来]
        E1 --> E2[AI反馈: 生成下一步的行动建议]
        E2 --> E3[交互: 点击卡片消失]
        E3 --> E4[树苗+AI反馈: 最终总结]

        %% 水葬流程
        WaterPath --> W1[交互: 丢进海洋泛起涟漪]
        W1 --> W2[AI反馈: 重新认识情绪的建议]
        W2 --> W3[交互: 点击卡片消失]
        W3 --> W4[涟漪+AI反馈: 最终总结]
    end

    subgraph 结晶与归档 [Stage 4: 纪念与回溯]
        F4 --> GenFire[生成: 智慧晶体]
        E4 --> GenEarth[生成: 生命之树]
        W4 --> GenWater[生成: 抚慰涟漪]

        GenFire & GenEarth & GenWater --> Museum[情绪博物馆]
        
        Museum --> Archive[查看详情: 翻转卡片]
        Archive -->|正面| TokenDisplay[展示最终图腾]
        Archive -->|背面| RecordDisplay[回溯原始烦恼 + 时间戳]
        
    end

    class Voice,Photo,Text input;
    class AI_Analyze,Dimensions,Recommendation,Visualization,E2,E4,W2,W4,F2,F4 ai;
    class F3,E3,W3 ritual;
    class GenFire,GenEarth,GenWater output;
    class Museum,Archive storage;
Loading

2. Landing Page和仪式选择

2.1 首页

  1. **文案【待打磨】:**Tell me what kind of emotion do you wanna get rid of…
  2. **底图【待确定】:**设想为左右两边伸出两只手,中间捧着粒子态变化颜色的火、水、木
  3. **底部中间:**语音输入按钮,不再设置图片输入,长按语音输入不满意可以进行手动修改文字
  4. **底部右下角:**情绪博物馆图标,点击可以进入情绪博物馆,是一个墓园的小门,放上去门可以打开的效果

2.2 等待页

前端

  1. 文案【待打磨】:Let’s prepare a funeral for your emotion…
  2. **底图【待确定】:**上一个界面背景虚化的文字收缩到手上的粒子球里面,然后变成一个等待动效的粒子球

后端

  1. **仪式分类AI:**prompt最终返回json数组?仪式分类AI根据文字确定AI推荐使用的仪式,这里AI需要一个Prompt
  2. **图片生成AI:**用Nano Banana生成,Prompt已经基本确定
  3. 三个仪式的文案生成【待讨论】:希望在这一步就生成三个文案,这样之后用户就不用再等待文案生成了

2.3 仪式选定页

  1. 用户生成图片的粒子效果:

https://aistudio.google.com/apps/drive/11LpSt-wp0p_ntxqqwtiwPsasuIE_LeWv?showAssistant=true&showPreview=true&resourceKey=

  1. **底图【待讨论】:**底图可能还是墓园的样子,但是AI根据用户描述生成了粒子效果图出现在中间
  2. **三个仪式呈现【待讨论】:**呈现方式待讨论,或许可以复用仪式素材,但是需要允许用户自主选择。AI推荐的仪式高亮,并配文We recommend a xxx funeral. 但是同时有一个change按钮,点击可以换funeral

3. 三大情绪仪式场 (The Rituals)

3.1 火葬仪式

  • 适用情绪: 愤怒、焦虑、强烈的压力。
  • 核心疗法: CBT (认知行为疗法) ,重点在于识别负面认知,对其进行辩驳(Disputation),并建立新的适应性认知(Restructuring)。
阶段 用户操作 视觉方案 心理学原理
P1 【动画】用户的烦恼被投入火焰中燃烧 图片汇聚成一团亮光,在昏暗的祭坛中央的火中消失 外化 (Externalization):将弥散的情绪变成一个具体的、可被审视的"客体",与自我分离。
P2 **【手势&文字交互】**屏幕提示:"这些想法真的100%正确吗?"【简化流程】可以让AI找言语中的逻辑漏洞或极端情绪,如关键词"永远""不被爱"。用户可以点击将物体燃烧 用户点击三张卡片,卡片以燃烧的特效消失 认知辩驳 (Disputation):打破对负面想法的固着,动摇绝对化的非理性信念。
P3 **【动画】**火焰熄灭后,AI 根据烦恼生成 1 条"新的视角"(例如:"这只是暂时的困难,而非结局"),但是这个新视角可以重新生成,和一个晶体 灰烬旋转上升,凝聚成一颗晶莹剔透的情绪晶体。晶体内部封存着用户的那句新认知。 认知重建 (Cognitive Restructuring):用新的、更客观积极的想法替代旧的负面想法。

3.2 土葬仪式 (The Earth Ritual)

  • 适用情绪: 抑郁、无力感、内耗、自我否定。
  • 核心疗法: ACT (接纳承诺疗法) —— 重点在于接纳当下的痛苦(Acceptance),通过解离(Defusion),转向以价值为导向的承诺行动(Committed Action)。
阶段 用户操作 视觉方案 心理学原理 (Theory: ACT)
P1 **【动画】**用户的烦恼被埋在土里 汇聚成一个光亮放进土里 观察性自我 (Observing Self):像观察石头一样观察自己的痛苦,而不是成为痛苦本身。
P2 【手势文字交互】 AI 提问:"虽然痛苦还在,但为了更好的自己,接下来 24 小时我们可以做件什么小事?"提供 3 个微行动(如"喝杯热水"、"出门走走")。用户点击确认行动。 确认后,卡片微微颤动后消失 承诺行动 (Committed Action):将关注点从"消除痛苦"转移到"做有价值的事",即便带着痛苦也要前行。
P3 【动画】土里长出一颗树苗,AI 根据烦恼生成 1 条"新的视角"(例如:"这只是暂时的困难,而非结局"),但是这个新视角可以重新生成,和一个树苗 土地微微颤动,和卡片颤动一样 价值导向 (Values):痛苦(肥料)转化为了成长的养分。

3.3 水葬仪式 (The Water Ritual)

  • 适用情绪: 、哀悼、失恋、遗憾。
  • 核心疗法: AEDP (加速体验性动力学心理治疗) —— 重点在于解除孤独感(Undoing Aloneness),深入体验身体情绪(Deepening),并用元情感(Metaprocessing)进行抚慰。
阶段 用户操作 & 交互 (Input & Interaction) 视觉方案 心理学原理 (Theory: AEDP)
P1 **【动画】**用户的烦恼被丢进水里 安全依恋 (Secure Attachment):提供一个安全的“容器”环境,让用户感到情绪被承托,不再孤单。
P2 **【手势&文字交互】**AI给出重新认知情绪的三条建议,用户点击,卡片滴入水中 点击之后卡片会融化,水波纹随着用户的动作扩散。 体验情感 (Experiencing Affect):允许悲伤像水一样流动、表达,而不是被压抑。
P3 【文字交互】 水面平静后生成唯一一个涟漪,AI 生成一句抚慰语 这句话化作一滴金色的水珠落下,激起层层涟漪,画面定格在涟漪最美的一刻。 元情感处理 (Metaprocessing):对自己刚才经历的情绪表达一种善意和肯定,完成疗愈的闭环。

4. 情绪博物馆

  1. Gallery里面是卡牌样式,(Token)下方标注获得时间+用户的话的缩略,卡牌中间是产物(晶体/树木/涟漪)
  2. **点击卡牌展开背面:**信息包括
仪式 产物 (Token) 收集系统的记录逻辑
火 晶体 (Crystal) 记录:烦恼(Input) + 逻辑漏洞和新认知+总结
土 树木 (Tree) 记录:烦恼(Input) + 承诺行动(Action) + 总结
水 涟漪 (Ripple) 记录:烦恼(Input) + 抚慰金句(Comfort) + 总结

参考Circular Gallery:https://reactbits.dev/components/circular-gallery