當你準備開始做一款體育類小程序時，你會如何下手？

作者從懂球帝、優酷體育世界杯、騰訊體育世界杯+、直播吧、央視影音+、FIFA世界杯這6款小程序出發，從首頁、主隊頁、數據頁和比賽詳情頁入手，告訴你如何做一款體育小程序。

騰訊、百度、阿里都相繼推出自己的小程序平臺，微信小程序在2018年6月底已經達到2.8億的日活，數量突破百萬，相較于1月公布的58萬翻了一番。

小程序的能力越來越強，場景入口越來越多，入口也越來越淺，諸如知乎、微博類的資訊內容分享到微信群都直接轉換成小程序卡片，用戶進入小程序閱讀資訊。

此類的分析預測的文章非常多，在此不東施效顰，僅以筆者自身體會而言：小程序在持續發力，越來越多的產品開始注意到小程序的能力，都想從微信、支付寶、手百的生態系統中分一杯羹。

小程序開始越來越重，代碼包從4M升級為8M，開放越來越多的能力，工具屬性的小程序依然占據主流，例如訂車票、點外賣、解鎖共享單車等高頻場景和制作表情包、修圖、各種性格星座測試等低頻場景。

工具屬性之外，開始有很多沉浸式的閱讀和觀看類小程序異軍突起。小程序承擔APP的分享落地頁，擁有APP的大部分或者核心的小部分功能，有的甚至進行小程序和APP賬號打通，兩端分別擁有各自不同的定位。

例如知乎和微博的小程序，用戶可在其中進行泛資訊的閱讀，再如優愛騰三家視頻小程序都可使用一部分觀閱功能，甚至斗魚虎牙的小程序直接同步APP的直播流。

筆者認為：同一產品的APP和小程序正在按照功能定位分流用戶，將輕度用戶或者某一功能的重度用戶分流到小程序。

以筆者本文所述的體育類小程序來說，APP將更多承擔賽事直播和社區的功能，資訊閱讀將更多地遷移到小程序，甚至如果進行賬號打通，社區也可能遷移至小程序。

用戶觀看賽事直播時打開APP，僅看看資訊和社區的帖子將更多地前往小程序?；渑c懂球帝都將資訊分發至小程序，騰訊體育將賽程列表分發至小程序，其他還有很多家將資訊、數據等分發至小程序，虎撲APP和懂球帝APP保留其核心的社區，賽事直播仍然需要打開騰訊體育APP。

理想狀態下二者并非對立，而是互補，仍然是同一產品的用戶，只是分流之后可以各自提升自己的用戶體驗。

但現實情況不得而知，此項需要用戶調研以及強力的數據支撐。

一、體育類小程序競品分析

筆者在今年世界杯期間對體育類小程序進行了一些觀察，之前沒有小程序的APP在世界杯期間均推出了自家的世界杯專版小程序，世界杯之后又對其進行改版迭代。

懂球帝小程序在筆者的文章《懂球帝APP與小程序產品體驗報告》中已有描述，同時懂球帝世界杯還有專版小程序，將其一起納入分析范圍，以PPT的形式展現如下：

二、足球類小程序產品設計

延續競品分析的結果，筆者仍以足球為例進行產品設計。主要功能定位為資訊內容分發、賽事賽程、數據查看等。國外ESPN比分中心是ESPN下屬的數據服務類型APP，側重精致的資訊分發和賽事數據服務，切換“如絲般順滑”。

縱觀國內產品，有直播版權的PP體育、優酷、騰訊體育、新英體育（現為愛奇藝體育）等，產品層面均做得非常重，直播、資訊、社區、商城等所有東西融合在一起；而側重資訊和社區的懂球帝、虎撲等也都雜糅了很多東西，并且分類相對混亂。下圖為ESPN比分中心示意：

ESPN比分中心很好地承擔了資訊分發與賽事數據服務的功能，資訊也都是輕量級的精致資訊，并非海量，定位清晰，功能明確，體驗非常好。筆者以ESPN比分中心為樣本，以主隊模式設計本款足球類小程序。

1. 首頁

① 整體分為首頁、主隊和數據。首頁有輪播圖、近期比賽和資訊內容。

② 近期比賽按時間順序展示用戶關注球隊的近期比賽，若未關注則按照推薦展示近期比賽，可左右滑動。近期比賽分為“已結束”“直播中”“未開賽”三種狀態，分別鏈入對應的比賽詳情頁。

③ 資訊內容優先按照用戶關注的球隊呈現，若球隊資訊內容有限，后接關注球隊所處賽事的資訊。頂部下拉刷新，新入的資訊按照球隊和球隊所處賽事進行排列。若用戶未關注任何球隊，資訊內容為推薦內容。

2. 主隊頁

① 沒有關注球隊時引導用戶關注。球隊頁包括動態、賽程、數據和陣容，若為國家隊則去掉數據版塊。關注的球隊和賽事都呈現在頂部，隨時切換。通過“+”進入球隊和賽事的選擇頁面。

② 動態內容包括圖文、視頻等資訊。內容優先排列球隊相關的資訊，后接球隊所處賽事的資訊。頂部下拉刷新，新入的資訊按照球隊和球隊所處賽事進行排列。

③ 未開賽的比賽可以進行預約，預約的比賽會通過微信服務通知系統在比賽開始前10分鐘對用戶進行預約消息提醒。

④ 賽程按時間排列，點擊對陣進入對應的比賽詳情頁。

⑤ 數據展示球隊攻守數據及所處聯賽的積分榜，如廣州恒大，展示中超的積分榜，將恒大重點標出。若為賽事，則僅展示積分榜。

⑥ 陣容展示球隊所有球員和教練的名單，點擊進入球員詳情頁。

⑦ 賽事頁去掉陣容，保留動態、賽程和數據。

3. 數據頁

① 數據頁展示全量賽事的積分榜、球員榜、球隊榜和賽程。

② 積分榜展示球隊排名、球隊logo、球隊名、場次、勝平負、進失球、積分；球隊榜展示進球、射門、射正次數等等，在此不一一贅述。

4. 比賽詳情頁

① 未開賽狀態默認概況tab，有前瞻視頻和預約，除此之外還有對陣雙方相關的資訊和交鋒記錄數據等。

② 已結束頁面如上中圖，頭部播放集錦視頻，資訊為本場比賽相關的戰報資訊等，陣容為首發陣容、替補、換人時間、紅黃牌等，數據tab顯示比分、精彩回顧、事件和技術統計。上右圖為未開賽有前瞻視頻的比賽詳情頁，頭部展示前瞻視頻，預約、資訊和數據同上，新增概況版塊，內容為解說+前瞻視頻，二者同步客戶端。

③ 直播中頁面如上右圖，先播放點播視頻，結束后顯示“由于平臺限制，請到XX客戶端觀看直播”。陣容即為首發陣容。

三、總結

本文在設計之前的分析比重較大，而產品設計本身并沒有太大的篇幅。整個小程序承擔資訊分發和賽事賽程與數據相關的功能，后面優化的重點在于資訊詳情頁的體驗，強化資訊閱讀的定位。

首頁、主隊和數據三個版塊，使得整個小程序還是顯得相對“大”，數據甚至可以單獨做一個小程序，將足球賽事的所有全量數據囊括其中，與競猜相掛鉤的數據字典。

A8體育、雷速體育、騰訊體育、懂球帝、直播吧等等均擁有自己的小程序，承擔各自不同的功能，騰訊體育查賽程和看部分直播內容，A8查數據，雷速有圖文直播，懂球帝重資訊和數據……或多或少都會將客戶端的一部分功能遷移到小程序，目前來看大多數都是與客戶端同步，還未進入差異化發展階段，更不可能說小程序分發資訊了?？蛻舳司筒灰Y訊版塊了，只是后面小程序可以更加注重做資訊，而客戶端可以將資訊做得盡可能簡單，比如去掉相關推薦，去掉各類標簽，單純地展示資訊，為APP“減負”。

作者：全導，微信公眾號：零向度（lingxiangdu）

本文由 @全導 原創發布于人人都是產品經理。未經許可，禁止轉載

題圖來自 Unsplash ，基于 CC0 協議