從0到1,如何設計一款體育類小程序

17 評論 47286 瀏覽 229 收藏 14 分鐘

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

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

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

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

此類的分析預測的文章非常多,在此不東施效顰,僅以筆者自身體會而言:小程序在持續(xù)發(fā)力,越來越多的產(chǎn)品開始注意到小程序的能力,都想從微信、支付寶、手百的生態(tài)系統(tǒng)中分一杯羹。

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

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

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

筆者認為:同一產(chǎn)品的APP和小程序正在按照功能定位分流用戶,將輕度用戶或者某一功能的重度用戶分流到小程序。

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

用戶觀看賽事直播時打開APP,僅看看資訊和社區(qū)的帖子將更多地前往小程序。虎撲與懂球帝都將資訊分發(fā)至小程序,騰訊體育將賽程列表分發(fā)至小程序,其他還有很多家將資訊、數(shù)據(jù)等分發(fā)至小程序,虎撲APP和懂球帝APP保留其核心的社區(qū),賽事直播仍然需要打開騰訊體育APP。

理想狀態(tài)下二者并非對立,而是互補,仍然是同一產(chǎn)品的用戶,只是分流之后可以各自提升自己的用戶體驗。

但現(xiàn)實情況不得而知,此項需要用戶調(diào)研以及強力的數(shù)據(jù)支撐。

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

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

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

二、足球類小程序產(chǎn)品設計

延續(xù)競品分析的結(jié)果,筆者仍以足球為例進行產(chǎn)品設計。主要功能定位為資訊內(nèi)容分發(fā)、賽事賽程、數(shù)據(jù)查看等。國外ESPN比分中心是ESPN下屬的數(shù)據(jù)服務類型APP,側(cè)重精致的資訊分發(fā)和賽事數(shù)據(jù)服務,切換“如絲般順滑”。

縱觀國內(nèi)產(chǎn)品,有直播版權的PP體育、優(yōu)酷、騰訊體育、新英體育(現(xiàn)為愛奇藝體育)等,產(chǎn)品層面均做得非常重,直播、資訊、社區(qū)、商城等所有東西融合在一起;而側(cè)重資訊和社區(qū)的懂球帝、虎撲等也都雜糅了很多東西,并且分類相對混亂。下圖為ESPN比分中心示意:

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

1. 首頁

① 整體分為首頁、主隊和數(shù)據(jù)。首頁有輪播圖、近期比賽和資訊內(nèi)容。

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

③ 資訊內(nèi)容優(yōu)先按照用戶關注的球隊呈現(xiàn),若球隊資訊內(nèi)容有限,后接關注球隊所處賽事的資訊。頂部下拉刷新,新入的資訊按照球隊和球隊所處賽事進行排列。若用戶未關注任何球隊,資訊內(nèi)容為推薦內(nèi)容。

2. 主隊頁

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

② 動態(tài)內(nèi)容包括圖文、視頻等資訊。內(nèi)容優(yōu)先排列球隊相關的資訊,后接球隊所處賽事的資訊。頂部下拉刷新,新入的資訊按照球隊和球隊所處賽事進行排列。

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

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

⑤ 數(shù)據(jù)展示球隊攻守數(shù)據(jù)及所處聯(lián)賽的積分榜,如廣州恒大,展示中超的積分榜,將恒大重點標出。若為賽事,則僅展示積分榜。

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

⑦ 賽事頁去掉陣容,保留動態(tài)、賽程和數(shù)據(jù)。

3. 數(shù)據(jù)頁

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

② 積分榜展示球隊排名、球隊logo、球隊名、場次、勝平負、進失球、積分;球隊榜展示進球、射門、射正次數(shù)等等,在此不一一贅述。

4. 比賽詳情頁

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

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

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

三、總結(jié)

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

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

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

 

作者:全導,微信公眾號:零向度(lingxiangdu)

本文由 @全導 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash ,基于 CC0 協(xié)議

更多精彩內(nèi)容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 你好,請問你畫思維導圖用的是那個工具呀

    來自山東 回復
    1. xmid

      來自山東 回復
  2. 學習了

    來自廣東 回復
  3. 最近發(fā)現(xiàn)一款 【企業(yè)內(nèi)推社】的小程序,體驗還不錯,里面有很多公司的大佬入駐了,不知道以后能不能進一步發(fā)展起來呢

    來自上海 回復
  4. 這種足球類的小程序盈利模式是什么?做出來后有沒有辦法維持?

    來自廣東 回復
  5. 微信小程序的代碼包一開始是限制為1MB的,現(xiàn)在才增加到2MB哦~~~~

    來自廣東 回復
  6. 樓主你的原型是用的什么工具啊

    來自安徽 回復
    1. 墨刀直接畫的,效率高點兒,Axure用得不是很熟練

      回復
    2. APP還是磨刀便捷,剛剛開始接觸產(chǎn)品,學習了

      來自廣東 回復
    3. test

      來自廣東 回復
    4. 后面有時間的話可以來一波

      回復
    5. test

      來自廣東 回復
  7. 醍醐灌頂,樓主可以分析下旅游類的嗎 ??

    來自安徽 回復
  8. 作者大大你好,我想轉(zhuǎn)載你的文章可以嗎?

    回復
    1. 可以,轉(zhuǎn)載注明出處就行,微信的話給我公眾號,給你開白名單

      來自江蘇 回復
  9. 能不能抽時間分析一下關于美學類的app,求分析啊

    回復
    1. 客官是不是網(wǎng)易美學的 ??

      來自江蘇 回復