從0到1,如何設計一款體育類小程序
當你準備開始做一款體育類小程序時,你會如何下手?
作者從懂球帝、優(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é)議
你好,請問你畫思維導圖用的是那個工具呀
xmid
學習了
最近發(fā)現(xiàn)一款 【企業(yè)內(nèi)推社】的小程序,體驗還不錯,里面有很多公司的大佬入駐了,不知道以后能不能進一步發(fā)展起來呢
這種足球類的小程序盈利模式是什么?做出來后有沒有辦法維持?
微信小程序的代碼包一開始是限制為1MB的,現(xiàn)在才增加到2MB哦~~~~
樓主你的原型是用的什么工具啊
墨刀直接畫的,效率高點兒,Axure用得不是很熟練
APP還是磨刀便捷,剛剛開始接觸產(chǎn)品,學習了
test
后面有時間的話可以來一波
test
醍醐灌頂,樓主可以分析下旅游類的嗎 ??
作者大大你好,我想轉(zhuǎn)載你的文章可以嗎?
可以,轉(zhuǎn)載注明出處就行,微信的話給我公眾號,給你開白名單
能不能抽時間分析一下關于美學類的app,求分析啊
客官是不是網(wǎng)易美學的 ??