小程序模板網(wǎng)

從0到1,如何設(shè)計(jì)一款體育類小程序

發(fā)布時(shí)間:2018-09-19 08:53 所屬欄目:小程序開(kāi)發(fā)教程

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

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

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

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

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

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

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

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

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

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

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

一、體育類小程序競(jìng)品分析

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

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

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

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

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

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

1. 首頁(yè)

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

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

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

2. 主隊(duì)頁(yè)

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

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

③ 未開(kāi)賽的比賽可以進(jìn)行預(yù)約,預(yù)約的比賽會(huì)通過(guò)微信服務(wù)通知系統(tǒng)在比賽開(kāi)始前10分鐘對(duì)用戶進(jìn)行預(yù)約消息提醒。

④ 賽程按時(shí)間排列,點(diǎn)擊對(duì)陣進(jìn)入對(duì)應(yīng)的比賽詳情頁(yè)。

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

⑥ 陣容展示球隊(duì)所有球員和教練的名單,點(diǎn)擊進(jìn)入球員詳情頁(yè)。

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

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

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

② 積分榜展示球隊(duì)排名、球隊(duì)logo、球隊(duì)名、場(chǎng)次、勝平負(fù)、進(jìn)失球、積分;球隊(duì)榜展示進(jìn)球、射門(mén)、射正次數(shù)等等,在此不一一贅述。

4. 比賽詳情頁(yè)

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

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

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

三、總結(jié)

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

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

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



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://22321a.com/wxmini/doc/course/24821.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢:800182392 點(diǎn)擊咨詢
QQ在線咨詢