重新打造治疗师预约体验，兼具清晰流程与高转化效果

Melo 是一家由哈佛团队创办的远程医疗初创公司，总部位于美国马萨诸塞州（波士顿）剑桥。专注为患有成人 ADHD 的人群提供职业治疗服务，面向全美用户开放。大多数用户是通过 Google 搜索和社交广告找到平台，寻求在线匹配治疗师。

然而，最初的预订流程在早期就出现大量流失——有高达 69% 的用户在尚未看到任何治疗师信息前就离开了。这大大限制了平台的转化潜力。

此外，该流程依赖于第三方日程预约平台（Acuity Scheduling）的内嵌 iframe，这带来了几个关键问题：

• Google Analytics 4 和 Microsoft Clarity 无法追踪 iframe 中的用户行为，导致转化路径的数据缺失
• 各步骤之间缺乏品牌一致性，削弱了用户信任
• 预订完成后的步骤（如发送初诊问卷等）只能通过手动邮件发送，运营成本高且用户体验不连续
• 治疗师信息需要人工更新，随着名单扩增，很容易出错

当信息出现得更早，用户行为也随之改变。

我们希望了解：用户为何在初期就退出？又是什么能驱动他们继续前进？

经过竞品分析，我们提出假设：当用户一开始就能看到治疗师时，更有可能继续操作。

为验证这一点，我们进行了为期一个月的 A/B 测试，对比两种预订流程。

超过 400 名用户参与测试，结果验证了我们的假设：用户并非缺乏意愿，而是太晚才看到关键信息，难以及时作出决策。

我们不再将流失看作用户的问题，而是信息可见性的问题。

通过将治疗师信息提前展示，我们将用户的“决策时刻”前移，从而减少早期流失。

重构流程，更重构系统。

新预订流程将治疗师信息置于起点，降低初期摩擦，使路径更加自然流畅。

这一系统取代了原先的 iframe 日程组件，使用户行为得以追踪，同时维持了界面视觉和品牌的一致性，并显著减少了运营过程中的人工操作与出错风险。

我在 Figma 中设计了低保真原型，用于早期验证流程逻辑。

我在 Figma 中完成了桌面与移动设备的高保真界面，符合品牌一致性，并清晰说明了所有交互状态，确保无缝交接。

我在 WordPress 中开发了响应式 UI 模块，并用 JavaScript 编写了所有交互逻辑，包括：

• 通过 Notion Database API 实现按州动态筛选与治疗师列表渲染
• 与 Acuity Scheduling API 集成的日程安排
• 使用 Square API 处理付款
• 全流程 UI 的阶段式切换与过渡效果

我与两位后端工程师协作完成系统整合——我们以同一个节奏沟通、调试、推进，共同完成上线。

为了解用户在加载第三方日历数据时的等待时间，我使用 JavaScript 计时器记录 API 延迟，并将其作为 GA4 自定义事件上传。这些数据将作为更高级数据加载策略的判断依据，以便优化用户的“感知速度”。