【社会服务赛道】衔接未来 — 一站式智能生活服务助手
【标签】 社会服务、社会公益
0. 先和大家打个招呼吧 
我是谁: 一名打工人,平时会有很多稀奇古怪的想法,也热衷于帮助他人。
我是怎么用 TRAE 把 Demo 做出来的:
说实话,最初我只是有一个模糊的想法——“能不能做一个让爸妈也能独立使用的APP”。但要把这个想法变成可演示的 Demo,我原本是完全没底的。让我印象最深的是,当我对 TRAE 说"帮我设计一个用户故事,核心是对话式交互"时,它不仅给出了完整的对话流程,还主动帮我考虑到了"用户可能说得不完整""需要确认理解"这些我之前没想清楚的产品细节。
最让我觉得"原来这么简单"的时刻,是让它把对话流程做成一个可交互的网页 Demo。我以为需要写很多前端代码,结果 TRAE 直接生成了一个手机模拟器样式的 HTML 页面,有逐字显示、语音播报、大按钮交互——我只需要在浏览器里打开就能演示。它帮我跨过的最大的坎,就是把"产品想法"和"可演示原型"之间的距离缩短了。
1. Demo 简介
是什么: "衔接未来"是一个以语音对话为核心的社会服务调度平台,目标形态为独立手机APP(当前 Demo 为可交互网页)。
面向谁: 核心用户是对智能手机操作生疏的人群,包括中老年群体、低数字素养用户、视力和手指灵活性下降的特殊需求人群。
主要功能:
-
对话式天气查询 — 用户用语音或文字询问天气,系统给出生活化建议(是否带伞、穿衣建议),而非堆砌数据
-
智能出门提醒 — 在天气查询后自然延伸,询问用户出门目的地和时间,生成包含携带物品建议的定时提醒
-
语音交互体验 — 支持语音识别输入和语音合成播报,配合大按钮、大字体界面,降低操作门槛
2. Demo 创作思路
灵感来源: 源于一次真实的家庭经历。帮母亲用手机挂号时,她看不清楚小程序上的字,也不知道下一步该点哪里。那一刻我意识到,科技发展的红利并没有真正惠及每一个人。
想解决的问题:
-
应用碎片化:医院、打车、酒店各有APP,用户不知道用哪个
-
操作门槛高:界面文字小、步骤繁琐,中老年用户独立完成困难
-
输入障碍:不会拼音输入,连基本的搜索都无法使用
-
缺乏引导:用户不知道自己该做什么、下一步是什么
为什么做这个方向: 我国60岁以上人口已超过2.8亿,数字化服务全面普及的同时,"数字鸿沟"问题日益突出。这是一个真实存在、影响广泛、但当前产品市场覆盖不足的需求。做这件事的意义不在于技术多先进,而在于让科技真正普惠每一个人。
3. Demo 体验地址
推荐使用 Chrome 浏览器打开,以获得完整的语音识别和语音播报体验。
connect-future-app.zip (1.2 MB)
本地解压后用浏览器打开 demo.html。
4. TRAE 实践过程
整个 Demo 的开发和迭代完全在 TRAE 中完成,以下是关键步骤:
Step 1:产品概念梳理 从报名帖优化开始,TRAE 帮我修正了错别字、完善了结构、扩充了用户痛点分析,并生成了配套的创意产物 HTML 展示文件。
Step 2:用户故事设计 围绕"语音对话式交互"的核心体验,TRAE 帮我设计了完整的天气查询→出门提醒用户故事,并反复优化了对话流程中的意图确认、信息收集、异常处理等环节。
Step 3:PRD 文档编写 基于确定的用户故事,TRAE 生成了完整的 MVP Demo PRD 文档,包含需求背景、功能模块、交互原型、验收标准和 Demo 功能点清单。
connect-future-app.zip (1.2 MB)
prd文档,下载后解压,打开 prd.html
Step 4:可交互 Demo 开发 TRAE 直接生成了可在浏览器中运行的交互式 Demo,模拟了完整的对话流程。之后根据测试反馈,TRAE 又帮我迭代了:
-
语音识别和语音播报功能(Web Speech API)
-
文字逐字显示效果(打字机动画)
-
对话流程简化(去掉冗余的医院选择分支)
-
语音和动画同步逻辑修复
Step 5:云端部署 通过 TRAE 协助,使用 Cloudflare Tunnel 将 Demo 部署到了公网,获得了可直接分享的访问链接。
关键任务 Session ID:
-
产品概念梳理与报名帖优化:1360523746366676:549c313acae45d771c2db4bd65cd54b3_6a3b93711ea676ef8f3ce432.6a3b93711ea676ef8f3ce435.6a3b93711ea676ef8f3ce433:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/24 16:21:05)
-
用户故事设计:1360523746366676:80c1822f6e98f326c6e3cb003953e49a_6a3b93711ea676ef8f3ce432.6a3d356219e82e8d8cd7e0f0.6a3d356219e82e8d8cd7e0ee:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/25 22:04:18)
1360523746366676:adbf041b29be8ffdc15bdc8fdfad359f_6a3b93711ea676ef8f3ce432.6a3dcb4819e82e8d8cd7e109.6a3dcb4819e82e8d8cd7e107:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/26 08:43:52)
-
用户故事优化:1360523746366676:c8ffee2e29fb76ecf05eb75ed080aaaf_6a3b93711ea676ef8f3ce432.6a3dcc6819e82e8d8cd7e114.6a3dcc6819e82e8d8cd7e112:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/26 08:48:40)
1360523746366676:4798f31aaf15d3dbbabccf2dcd29c376_6a3b93711ea676ef8f3ce432.6a3dceb019e82e8d8cd7e11f.6a3dceb019e82e8d8cd7e11d:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/26 08:58:24)
-
PRD 编写:1360523746366676:e2b8ce9e93eac56c596396da4c79c15c_6a3b93711ea676ef8f3ce432.6a449bff164003acc030badc.6a449bff164003acc030bada:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/1 12:47:59)
-
Demo 开发、语音功能实现与部署:
1360523746366676:5abc47498ce7fdec626045616d1c1840_6a3b93711ea676ef8f3ce432.6a44d109164003acc030bc10.6a44d108164003acc030bc0e:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/7/1 16:34:17)












