在火车上目睹老人因不会使用纷杂的购票打车App而被数字化出行抛弃,于是我用TRAE开发了「乐龄出行」——一个整合火车、网约车、公交的微信小程序,让老人只需一句话就能完成全程出行规划,子女还能提前帮父母设置好常用地址,老人回家、就医、去车站点一下就能出发,用技术弥合银发族的数字鸿沟。

社会服务

**【标题】**出行智助 Agent—— 老年一站式出行统筹助手


【正文】

1. Demo 简介

是什么:
专为中老年人打造的微信小程序一站式出行服务平台

面向谁:
50岁以上的中老年人群体,以及关心父母出行安全的子女

主要功能:

  • :world_map: 智能行程规划:输入目的地,自动规划火车+网约车全程出行方案,每一步都需老人手动确认;地图实时显示路线规划,始发地到目的地的全程方案一目了然

  • :family_man_woman_girl: 子女远程协助:子女可绑定父母账号,远程帮助预订车票、叫车,实时关注行程状态;老人遇到操作困难时,子女可远程接管操作

  • :clipboard: 退出提醒悬浮窗:退出小程序时自动弹出行程提醒,包含车次、座位号、车牌号等关键信息;首页常驻灵动岛行程卡片,老人一打开就能看到今天的行程

界面展示:
(截图1:首页 - 大字界面,清晰的功能入口,顶部常驻行程卡片)

(截图2:地图规划页 - 高德地图展示路线,下方列出完整出行方案)

(截图3:订单详情页 - 大字显示车次、座位号、车牌号等关键信息)


2. Demo 创作思路

灵感来源:
在火车上出差时,多次听到身边50岁以上的乘客吐槽:“现在买票全靠手机,我连APP都不会装”、“在偏远地方别人都打上车走了,我站在路边等了半小时也没弄明白怎么叫车”。这些真实的抱怨让我意识到,数字化出行对老年人来说是多么大的鸿沟。

想解决的问题:

  • 老人不会操作复杂的购票、打车APP,面对数字化界面手足无措

  • 在偏远地区,老人无法快速叫到车,只能原地等待

  • 出行软件太多太杂!火车票用12306、打车用滴滴/花小猪、公交又要另一个APP,老人记不住哪个是哪个

  • 子女不在身边,无法及时帮助父母解决出行难题

为什么做这个方向:
选择社会服务赛道,因为老龄化是当前社会的重要议题。出行是老人最基本的需求之一,但数字化转型让他们被"抛下"。微信小程序是最佳载体——几乎所有老人都在用微信,学习成本最低,扫码就能用。而且我们把火车票、打车、公交整合到一个平台,老人不用再在多个APP之间切换。


3. Demo 体验地址

体验版二维码:


4. TRAE 实践过程

开发完整流程:

  1. 需求分析与设计
    使用 TRAE 分析用户需求,确定"三重零操作"设计原则(方言语音、大字界面、一键操作),规划六大核心功能模块(统一购票、智能打车、行程管理、账号登录、个性化推荐、家庭协助)

  2. UI 设计与实现
    TRAE 根据"暖橙活力风"设计要求,生成了所有页面的 WXML/WXSS 代码,包含登录页、首页、地图规划页、行程确认页、订单管理页、个人中心等,采用大字体、高对比度设计

  3. 功能开发
    TRAE 实现了智能行程规划、高德地图API集成、语音助手入口、订单管理、子女协助绑定、退出提醒等核心功能;在 map-trip.js 中集成高德地图API,实现真实地图展示和路线规划;在 step-confirm.js 中实现步骤式确认流程,每一步都需老人手动同意

  4. Bug 修复与优化
    TRAE 修复了多个编译错误(WXML模板字符串语法错误、ES6解构兼容性问题、样式溢出问题),优化了界面布局和交互体验;修复了输入框显示不全问题、按钮偏移问题、地图路径显示问题等

开发关键步骤截图:

3314406581875850:5a0b731de189962c3709d8a2dabe697e_6a4c4fe40ba027653eaf0ed3.6a4c4fe40ba027653eaf0ed6.6a4c4fe40ba027653eaf0ed4:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 09:01:24)

3314406581875850:7b0ce05649cdca81aef4d45497d34a90_6a4c4fe40ba027653eaf0ed3.6a4c59b10ba027653eaf107a.6a4c59b10ba027653eaf1078:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 09:43:13)

3314406581875850:6de7a3ae65cd14cd3858e7074261493d_6a4c4fe40ba027653eaf0ed3.6a4c5b370ba027653eaf1124.6a4c5b370ba027653eaf1122:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 09:49:43)

3314406581875850:118656df77cea277afeba91bdfdd20f1_6a4c4fe40ba027653eaf0ed3.6a4ca98f0ba027653eaf168a.6a4ca98f0ba027653eaf1688:TRAE Work CN.0.1.30.no_sid.no_ppe.T(2026/7/7 15:23:59)


【经验总结】

通过这次开发,深刻体会到为老年人设计产品的特殊性:

  1. 字体要足够大:普通APP的字体对老人来说太小,需要至少32rpx以上

  2. 颜色对比度要高:暖橙色主题比浅色主题更适合老人阅读

  3. 交互要简单:避免多步骤操作,尽量一键完成

  4. 提醒功能要及时:老人容易忘记行程,退出时的提醒很重要

  5. 整合大于分散:把所有出行服务整合到一个平台,减少老人的学习成本

TRAE 的智能代码生成能力大大提升了开发效率,特别是在处理复杂的 WXML 语法和样式问题时,能够快速定位并修复问题。使用 TRAE 开发,从需求到完成整个 Demo 只花了不到两天时间。

报名链接

这款面向中老年群体的公益出行 Agent 小程序,整合 12306 购票与网约车服务,靠简易语音桌面界面一站式解决老人多 APP 切换、线上出行操作难的数字鸿沟问题。 - TRAE AI 创造力大赛 / 【大赛报名专区】 - TRAE 官方中文社区

1 个赞

我家老人看不懂地图,实在没辙了。

哈哈,我都没打算让看懂地图,傻瓜式一站订票,如果还嫌麻烦,子女端一键托管 :rofl: