午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

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

發布(bu)時間(jian):2018-09-19 08:53 所屬欄目:小程序開發教程

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

小程序(xu)的(de)能力越來(lai)越強,場景入(ru)(ru)口(kou)越來(lai)越多(duo),入(ru)(ru)口(kou)也越來(lai)越淺,諸如知乎、微博類的(de)資訊內容分(fen)享到微信(xin)群(qun)都直接轉換成小程序(xu)卡片,用戶進(jin)入(ru)(ru)小程序(xu)閱讀資訊。

此(ci)類的(de)分析預(yu)測的(de)文章非(fei)常多,在此(ci)不(bu)東施效顰,僅(jin)以筆者(zhe)自身(shen)體會而(er)言:小(xiao)程(cheng)序在持續發力,越來越多的(de)產(chan)品開(kai)始注意(yi)到小(xiao)程(cheng)序的(de)能力,都想(xiang)從(cong)微信、支付寶、手百的(de)生態系(xi)統中分一(yi)杯羹。

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

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

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

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

以(yi)筆者(zhe)本文所述的(de)體育類小程(cheng)序(xu)來說,APP將(jiang)更多(duo)承擔賽事直播和社(she)區的(de)功(gong)能(neng),資訊(xun)閱讀將(jiang)更多(duo)地(di)遷移到(dao)小程(cheng)序(xu),甚至(zhi)如果進(jin)行賬號打通,社(she)區也可能(neng)遷移至(zhi)小程(cheng)序(xu)。

用戶觀(guan)看賽事直播時打開APP,僅看看資(zi)訊和社(she)區的帖(tie)子將(jiang)更多(duo)地前往小程(cheng)(cheng)序(xu)。虎(hu)撲與(yu)懂球帝(di)都將(jiang)資(zi)訊分(fen)發(fa)至(zhi)小程(cheng)(cheng)序(xu),騰訊體育將(jiang)賽程(cheng)(cheng)列表分(fen)發(fa)至(zhi)小程(cheng)(cheng)序(xu),其他(ta)還有很多(duo)家將(jiang)資(zi)訊、數據(ju)等(deng)分(fen)發(fa)至(zhi)小程(cheng)(cheng)序(xu),虎(hu)撲APP和懂球帝(di)APP保留其核心(xin)的社(she)區,賽事直播仍然需要打開騰訊體育APP。

 理想狀態(tai)下二(er)者并非對立,而是互補(bu),仍(reng)然是同一(yi)產品的用戶,只(zhi)是分流之后(hou)可以(yi)各自提升自己的用戶體(ti)驗。

但現實情(qing)況不得而知(zhi),此項需要(yao)用戶(hu)調(diao)研以及強力的數(shu)據支撐。

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

筆(bi)者在今年世(shi)界(jie)杯期間(jian)對體育(yu)類小程序(xu)進行了(le)一些觀察(cha),之前(qian)沒(mei)有(you)小程序(xu)的(de)APP在世(shi)界(jie)杯期間(jian)均推(tui)出了(le)自家(jia)的(de)世(shi)界(jie)杯專版小程序(xu),世(shi)界(jie)杯之后又(you)對其進行改(gai)版迭代。

懂球帝小程序(xu)(xu)(xu)在筆者的(de)文章《懂球帝APP與(yu)小程序(xu)(xu)(xu)產品體驗報告》中(zhong)已(yi)有描述,同(tong)時(shi)懂球帝世(shi)界杯還有專(zhuan)版小程序(xu)(xu)(xu),將其(qi)一起納入分(fen)析范圍(wei),以PPT的(de)形式(shi)展現如下(xia):

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

延續競品分析的(de)結(jie)果,筆(bi)者仍以足(zu)球為例(li)進行產品設計(ji)。主要功(gong)能定位為資(zi)訊內(nei)容分發(fa)、賽(sai)事(shi)賽(sai)程、數(shu)據(ju)查(cha)看(kan)等。國外ESPN比分中心是ESPN下(xia)屬的(de)數(shu)據(ju)服務類型APP,側重精致的(de)資(zi)訊分發(fa)和賽(sai)事(shi)數(shu)據(ju)服務,切換“如絲(si)般順滑”。

縱觀國內產品,有(you)直播版權(quan)的(de)PP體(ti)育(yu)、優酷、騰訊(xun)(xun)體(ti)育(yu)、新英體(ti)育(yu)(現為愛奇藝體(ti)育(yu))等(deng),產品層面均做(zuo)得非常(chang)重(zhong),直播、資訊(xun)(xun)、社區、商城(cheng)等(deng)所(suo)有(you)東西(xi)融合在一(yi)起;而側重(zhong)資訊(xun)(xun)和社區的(de)懂(dong)球帝、虎撲等(deng)也都雜糅(rou)了很(hen)多東西(xi),并且分類相對混亂(luan)。下(xia)圖為ESPN比(bi)分中心(xin)示(shi)意(yi):

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

1. 首頁

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

② 近(jin)(jin)期(qi)比(bi)(bi)賽(sai)(sai)按時(shi)間(jian)順序(xu)展(zhan)示用戶關注球隊的近(jin)(jin)期(qi)比(bi)(bi)賽(sai)(sai),若未(wei)關注則(ze)按照推薦展(zhan)示近(jin)(jin)期(qi)比(bi)(bi)賽(sai)(sai),可左右滑動(dong)。近(jin)(jin)期(qi)比(bi)(bi)賽(sai)(sai)分為“已結(jie)束”“直播中(zhong)”“未(wei)開(kai)賽(sai)(sai)”三(san)種狀態(tai),分別鏈入(ru)對應的比(bi)(bi)賽(sai)(sai)詳(xiang)情(qing)頁。

③ 資(zi)訊(xun)(xun)(xun)內容(rong)優先按(an)照用(yong)戶關注(zhu)的(de)球(qiu)(qiu)(qiu)隊呈現,若球(qiu)(qiu)(qiu)隊資(zi)訊(xun)(xun)(xun)內容(rong)有限,后(hou)接(jie)關注(zhu)球(qiu)(qiu)(qiu)隊所(suo)(suo)處賽事(shi)(shi)的(de)資(zi)訊(xun)(xun)(xun)。頂部下拉刷新(xin),新(xin)入(ru)的(de)資(zi)訊(xun)(xun)(xun)按(an)照球(qiu)(qiu)(qiu)隊和(he)球(qiu)(qiu)(qiu)隊所(suo)(suo)處賽事(shi)(shi)進行排列。若用(yong)戶未關注(zhu)任何球(qiu)(qiu)(qiu)隊,資(zi)訊(xun)(xun)(xun)內容(rong)為(wei)推薦內容(rong)。

2. 主隊頁

① 沒有關(guan)注(zhu)球隊時引(yin)導用戶關(guan)注(zhu)。球隊頁包括(kuo)動態、賽(sai)(sai)程、數(shu)據(ju)和陣容(rong),若為國家隊則去掉數(shu)據(ju)版(ban)塊。關(guan)注(zhu)的球隊和賽(sai)(sai)事都(dou)呈(cheng)現在頂部(bu),隨時切換。通過“+”進入(ru)球隊和賽(sai)(sai)事的選擇頁面。

② 動態(tai)內容(rong)包括圖文(wen)、視頻等資訊(xun)(xun)。內容(rong)優先(xian)排列(lie)球(qiu)隊(dui)相關的(de)資訊(xun)(xun),后接球(qiu)隊(dui)所處(chu)賽事的(de)資訊(xun)(xun)。頂部(bu)下(xia)拉刷新(xin),新(xin)入的(de)資訊(xun)(xun)按照球(qiu)隊(dui)和球(qiu)隊(dui)所處(chu)賽事進行(xing)排列(lie)。

③ 未開賽(sai)的比(bi)(bi)賽(sai)可以進行(xing)預約(yue),預約(yue)的比(bi)(bi)賽(sai)會通(tong)過微(wei)信(xin)服務(wu)通(tong)知系統在(zai)比(bi)(bi)賽(sai)開始(shi)前10分鐘對用戶進行(xing)預約(yue)消息提醒(xing)。

④ 賽程按時間排列,點(dian)擊對(dui)陣進入對(dui)應的比賽詳(xiang)情(qing)頁。

⑤ 數據展示球隊攻(gong)守數據及所(suo)處聯賽的積分(fen)榜(bang)(bang),如廣州恒(heng)(heng)大(da),展示中超的積分(fen)榜(bang)(bang),將恒(heng)(heng)大(da)重點(dian)標出(chu)。若為賽事,則僅展示積分(fen)榜(bang)(bang)。

⑥ 陣容(rong)展(zhan)示球隊(dui)所(suo)有球員(yuan)和教(jiao)練的名單(dan),點擊進(jin)入球員(yuan)詳情頁。

⑦ 賽事頁去掉陣容,保留(liu)動態、賽程和數據。

3. 數據頁

 ① 數據頁展示全(quan)量賽事的(de)積分榜(bang)、球員榜(bang)、球隊榜(bang)和(he)賽程(cheng)。

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

4. 比賽詳情頁

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

② 已(yi)結束頁(ye)面如上中圖,頭部播(bo)放集錦(jin)視(shi)頻,資訊(xun)為(wei)(wei)本場比賽相(xiang)關的戰報資訊(xun)等,陣(zhen)容(rong)為(wei)(wei)首(shou)發陣(zhen)容(rong)、替補、換(huan)人時間、紅黃牌等,數據(ju)tab顯示比分(fen)、精彩回顧、事件和技(ji)術統計(ji)。上右圖為(wei)(wei)未開賽有前(qian)瞻(zhan)視(shi)頻的比賽詳(xiang)情(qing)頁(ye),頭部展示前(qian)瞻(zhan)視(shi)頻,預(yu)約(yue)、資訊(xun)和數據(ju)同上,新增概況版塊,內容(rong)為(wei)(wei)解說+前(qian)瞻(zhan)視(shi)頻,二(er)者(zhe)同步(bu)客戶端。

③ 直播(bo)(bo)中頁(ye)面如上(shang)右(you)圖,先播(bo)(bo)放點(dian)播(bo)(bo)視頻,結(jie)束后顯示“由于平(ping)臺限制,請到XX客戶(hu)端觀看直播(bo)(bo)”。陣(zhen)容(rong)即(ji)為首發(fa)陣(zhen)容(rong)。

三、總結

本(ben)文在設計(ji)(ji)之(zhi)前的(de)分析(xi)比重較大,而產(chan)品(pin)設計(ji)(ji)本(ben)身并沒有太大的(de)篇幅。整個小程(cheng)序承(cheng)擔資訊(xun)(xun)分發和賽事賽程(cheng)與數據(ju)相(xiang)關的(de)功能,后面優化(hua)的(de)重點(dian)在于資訊(xun)(xun)詳情(qing)頁的(de)體驗,強化(hua)資訊(xun)(xun)閱讀的(de)定位。

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

A8體(ti)育(yu)(yu)、雷速體(ti)育(yu)(yu)、騰訊(xun)(xun)體(ti)育(yu)(yu)、懂球(qiu)帝、直(zhi)播(bo)吧等(deng)等(deng)均(jun)擁有自己的(de)小程(cheng)(cheng)序(xu),承擔各自不(bu)同的(de)功能(neng),騰訊(xun)(xun)體(ti)育(yu)(yu)查(cha)賽程(cheng)(cheng)和(he)看部分(fen)直(zhi)播(bo)內容,A8查(cha)數據(ju),雷速有圖文直(zhi)播(bo),懂球(qiu)帝重資(zi)(zi)訊(xun)(xun)和(he)數據(ju)……或(huo)多(duo)(duo)或(huo)少(shao)都會將客戶端(duan)的(de)一部分(fen)功能(neng)遷移到小程(cheng)(cheng)序(xu),目(mu)前來看大多(duo)(duo)數都是(shi)與客戶端(duan)同步,還(huan)未進入差(cha)異化發展階段(duan),更(geng)不(bu)可(ke)能(neng)說(shuo)小程(cheng)(cheng)序(xu)分(fen)發資(zi)(zi)訊(xun)(xun)了。客戶端(duan)就不(bu)要資(zi)(zi)訊(xun)(xun)版塊了,只是(shi)后面小程(cheng)(cheng)序(xu)可(ke)以更(geng)加注重做(zuo)資(zi)(zi)訊(xun)(xun),而客戶端(duan)可(ke)以將資(zi)(zi)訊(xun)(xun)做(zuo)得盡(jin)可(ke)能(neng)簡單(dan),比如(ru)去(qu)掉(diao)相關推薦,去(qu)掉(diao)各類標簽(qian),單(dan)純地展示資(zi)(zi)訊(xun)(xun),為(wei)APP“減負(fu)”。



易優小程序(企業版)+靈活api+前后代碼開源(yuan) 碼云倉庫(ku):
本文地址://www.jinyoudianli.com/wxmini/doc/course/24821.html 復制鏈接 如需定制請聯(lian)系易優客(ke)服咨(zi)詢:

工作日 8:30-12:00 14:30-18:00
周六及部分節假(jia)日提(ti)供值班服務

易小(xiao)優
轉(zhuan)人工 ×