MarketWatch 股票市场游戏

目标

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

虽然虚拟股票交易游戏获得了广泛的成功，但 MarketWatch 希望通过一个新的移动应用程序更好地吸引教育和大学市场。构建移动应用程序的项目在 9 月份学年开始前三个月启动，这使得开发人员在构建有价值的体验方面面临着紧迫的期限。

为什么选择 Flutter？

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

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

他们的解决方案

在应用程序开发过程中，VGV 依靠 Flutter 的热重载功能来根据 MarketWatch 团队的反馈做出快速更新。在短短三个月内，团队能够推出一个功能丰富的应用程序，包括时尚的交互式图表，允许用户快速查看其虚拟投资组合的表现，易于理解的报价信息，以及包括交易详情的实时模拟交易。该应用程序还通过一个扩展的排行榜为用户提供洞察力，让他们了解自己在与竞争对手的投资者的比较中处于什么位置。它深度链接到 MarketWatch 应用程序中的信息性新闻文章，这允许用户对他们感兴趣的股票进行研究，以确保他们做出明智的投资决策。动画（团队使用 CustomPaint 直接在 Flutter 中创建）创造了美丽有效的品牌时刻。

“感谢 Flutter 和 VGV，我们实现了我们的目标，即在比原生构建更短的时间和更低的成本下，为所有屏幕和移动设备构建一个有趣、引人入胜且性能卓越的应用程序。团队和数千名玩家对结果非常满意。”

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

结果

恰逢秋季大学学期开始，MarketWatch 和 VGV 在仅三个月的开发后，推出了适用于 Android 和 iOS 的 MarketWatch 股票市场游戏。尽管时间紧迫，但该应用程序满足了 MarketWatch 发布一个美观、功能丰富且具有吸引力的用户体验的应用程序的目标。

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