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 構建更多道瓊斯應用。