MarketWatch 股市游戏

目标

为应对近期个人投资的增长，MarketWatch 意识到需要提供引人入胜且真实的投资培训。他们开发了一款名为“虚拟证券交易所”的网页投资游戏，用户可以在其中构建投资组合，实时应对市场变化，并争夺排行榜榜首的位置。

尽管虚拟证券交易所游戏取得了巨大成功，但 MarketWatch 希望通过一款新的移动应用更好地吸引教育和大学市场。这款移动应用的开发项目于九月新学年开始前三个月启动，这给开发者们带来了紧迫的期限，以构建有价值的用户体验。

为什么选择 Flutter？

他们很快意识到开发原生 iOS 和 Android 应用所需的时间超出了他们的预期，因此 MarketWatch 引入了 Flutter 代理机构 Very Good Ventures (VGV)，以便在新学年开始前构建并推出虚拟证券交易所应用。

VGV 需要在紧迫的截止日期前提供用户友好的设计和强大的功能，他们充分利用了 Flutter 的核心特性来实现这一目标。首先，他们向 MarketWatch 团队展示了一个用 Flutter 构建的概念验证，包括粗略的用户界面和应用流程。为了节省时间，他们利用了 Flutter 预制的组件库，使设计和开发能够并行进行。随着设计的演变，轻松定制组件的能力使重构更加简化，而热重载（Hot Reload）则允许开发者、设计师和测试人员在不重启应用的情况下看到代码修改。由于 Flutter 采用一个代码库支持多个平台，团队可以快速更新设计和重构代码，并且知道这些更改不会单独影响 iOS 或 Android。所有这些功能共同使 VGV 和 MarketWatch 能够比如果设计完全提前完成时更早地开始开发工作。

他们的解决方案

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

“感谢 Flutter 和 VGV，我们实现了构建一个适用于所有屏幕和移动设备的、有趣、引人入胜且高性能的应用的目标，并且比我们采用原生开发方式显著节省了时间和成本。团队和数千名玩家都对结果非常满意。”

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

成果

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

得益于他们新的基于 Flutter 的开发流程，MarketWatch 的开发效率得到了提高，并且开发成本降低了 50%。基于这一成功，团队正在探索使用 Flutter 构建更多的道琼斯应用。