MarketWatch 股市游戏

目标

为了应对近期个人投资的增长，MarketWatch 意识到需要引人入胜且真实的投资培训。他们创建了一个名为“虚拟股票交易所”的基于网络的投资游戏，用户可以在其中构建投资组合，实时对市场做出反应，并争夺排行榜榜首的位置。

尽管虚拟股票交易所游戏取得了巨大成功，但 MarketWatch 希望通过一个新的移动应用程序更好地吸引教育和大学市场。移动应用程序的开发项目在九月学年开始前三个月启动，这给开发人员带来了紧迫的截止日期，以构建一个有价值的体验。

为什么选择 Flutter？

他们很快意识到开发原生 iOS 和 Android 应用将需要比他们拥有的更多时间，因此 MarketWatch 引入了 Flutter 机构 Very Good Ventures (VGV) 在新学年开始前构建并发布虚拟股票交易所应用。

VGV 需要在一个雄心勃勃的截止日期前交付用户友好的设计和强大的功能，他们正是借助 Flutter 的核心功能做到了这一点。首先，他们向 MarketWatch 团队展示了用 Flutter 构建的概念验证，包括粗略的 UI 和应用程序流程。为了节省时间，他们利用了 Flutter 预制的 widget 库，以便设计和开发可以并行进行。随着设计的演进，轻松自定义 widget 的能力使重构更加简化，并且热重载允许开发人员、设计师和测试人员在不重新启动应用程序的情况下查看代码中的修改。由于 Flutter 为多个平台使用一个代码库，团队可以快速更新设计和重构代码，因为他们知道更改不会单独影响 iOS 或 Android。总而言之，这些功能使得 VGV 和 MarketWatch 能够比设计完全提前完成时更早地开始开发。

他们的解决方案

在应用开发过程中，VGV 依靠 Flutter 的热重载功能根据 MarketWatch 团队的反馈进行快速更新。仅仅三个月，团队就成功推出了一款功能丰富的应用，包括时尚、交互式的图表和图形，让用户能够快速查看其虚拟投资组合的表现，易于理解的报价信息，以及实时模拟交易（包括交易详情）。该应用还通过一个庞大的排行榜，让用户了解自己与竞争对手投资者的排名。它深度链接到 MarketWatch 应用内信息丰富的文章，让用户可以研究他们感兴趣的股票，以确保他们做出明智的投资决策。团队直接在 Flutter 中使用 CustomPaint 创建的动画，带来了美观且有效的品牌时刻。

“得益于 Flutter 和 VGV，我们实现了我们的目标，即以比原生开发显著更少的时间和成本，为所有屏幕和移动设备构建一个有趣、引人入胜且高性能的应用。团队和数千名玩家对结果非常满意。”

- Clarence Kwei，道琼斯消费技术高级副总裁

成果

就在秋季大学学期开始之际，MarketWatch 和 VGV 经过三个月的开发，推出了适用于 Android 和 iOS 的 MarketWatch 股市游戏。尽管时间紧迫，该应用仍达到了 MarketWatch 的目标，即发布一款美观、功能丰富且具有迷人用户体验的应用。

由于采用了新的基于 Flutter 的开发流程，MarketWatch 提高了开发人员效率，并降低了 50% 的开发成本。基于此次成功，该团队正在探索使用 Flutter 构建更多道琼斯应用。