策略组合器的前端架构设计:如何让用户自己"作曲"?

3 阅读2分钟

QuantToGo Playground是一个有趣的产品:用户不是在"选择策略",而是在"作曲"。

这个比喻很重要。如果把8个策略比作8个乐器,用户就是在用这8个乐器来创作自己的交响曲。

为什么需要组合器?

传统的量化产品,产品方给你推荐组合:"我们精心优化,给你这个80/20配置"

但这有个根本的问题:最优配置是不存在的,因为时空背景永远在变

你看2015-2020年,沪深300走势很好,所以"最优"的A股组合里大盘权重很高。但2021-2024年呢?创业板更强。所以那个"最优"配置就失效了。

这就是为什么QuantToGo从不声称有"最优组合"。我们只提供工具,让用户自己去组合。

从技术角度,怎么设计这个工具?

这涉及几个关键的UX问题:

  1. 实时回测的速度

    • 用户每调一下比例,系统要立刻算出新的历史表现
    • 这需要预计算和缓存的配合
    • 后端用GPU矩阵运算,可以在100ms内算出任意组合的完整历史回溯
  2. 如何展示结果

    • 不是只显示"收益率"和"回撤"
    • 更重要的是:这个组合在历史上的各个时期表现如何
    • 折线图 + 热力图 + 分位数分析,让用户看到全貌
  3. 如何降低门槛

    • 用户不需要懂代码,也不需要懂什么叫"组合优化"
    • 拖动滑块就行,系统自动算
    • 对标Spotify的歌单编辑器体验

前端的关键实现细节

Playground用了React + D3.js的组合。为什么?

  • React的state管理适合"参数实时变化"的场景
  • D3.js能画出金融级别的复杂图表
  • WebWorker处理数据计算,不阻塞UI

最妙的地方是:用户在调整比例时,后端是流式计算。不是等全部算完再返回,而是边算边返回结果,用户立刻能看到变化。这才是真正的"实时"体验。

交互设计的心理学

为什么用"组合器"这个概念,而不是"策略配置"?

因为"组合"这个词,暗示的是创意、主观、你的作品

而"配置"这个词,暗示的是科学、客观、最优方案

前者激励用户去探索、去试验、去理解;后者让用户变成被动的接收者。

QuantToGo的设计选择,其实体现了一个哲学:工具,不是答案。