快好知 kuaihz

从0到1,如何设计一款体育类小程序

当你准备开始做一款体育类小程序时,你会如何下手?

作者从懂球帝、优酷体育世界杯、腾讯体育世界杯+、直播吧、央视影音+、FIFA世界杯这6款小程序出发,从首页、主队页、数据页和比赛详情页入手,告诉你如何做一款体育小程序

腾讯、百度、阿里都相继推出自己的小程序平台,微信小程序在2018年6月底已经达到2.8亿的日活,数量突破百万,相较于1月公布的58万翻了一番。

程序的能力越来越强,场景入口越来越多,入口也越来越浅,诸如知乎、微博类的资讯内容分享到微信群都直接转换成小程序卡片,用户进入小程序阅读资讯

此类的分析预测的文章非常多,在此不东施效颦,仅以笔者自身体会而言:小程序在持续发力,越来越多的产品开始注意到小程序的能力,都想从微信、支付宝、手百的生态系统中分一杯羹。

程序开始越来越重,代码包从4M升级为8M,开放越来越多的能力,工具属性的小程序依然占据主流,例如订车票、点外卖、解锁共享单车等高频场景和制作表情包、修图、各种性格星座测试等低频场景。

工具属性之外,开始有很多沉浸式的阅读和观看类小程序异军突起。小程序承担APP的分享落地页,拥有APP的大部分或者核心的小部分功能,有的甚至进行小程序和APP账号打通,两端分别拥有各自不同的定位。

例如知乎和微博的小程序,用户可在其中进行泛资讯的阅读,再如优爱腾三家视频小程序都可使用一部分观阅功能,甚至斗鱼虎牙的小程序直接同步APP的直播流。

笔者认为:同一产品的APP和小程序正在按照功能定位分流用户,将轻度用户或者某一功能的重度用户分流到小程序

以笔者本文所述的体育类小程序来说,APP将更多承担赛事直播和社区的功能,资讯阅读将更多地迁移到小程序,甚至如果进行账号打通,社区也可能迁移至小程序

用户观看赛事直播时打开APP,仅看看资讯和社区的帖子将更多地前往小程序。虎扑与懂球帝都将资讯分发至小程序,腾讯体育将赛程列表分发至小程序,其他还有很多家将资讯、数据等分发至小程序,虎扑APP和懂球帝APP保留其核心的社区,赛事直播仍然需要打开腾讯体育APP。

理想状态下二者并非对立,而是互补,仍然是同一产品的用户,只是分流之后可以各自提升自己的用户体验。

但现实情况不得而知,此项需要用户调研以及强力的数据支撑。

一、体育类小程序竞品分析

笔者在今年世界杯期间对体育类小程序进行了一些观察,之前没有小程序的APP在世界杯期间均推出了自家的世界杯专版小程序,世界杯之后又对其进行改版迭代。

懂球帝小程序在笔者的文章《懂球帝APP与小程序产品体验报告》中已有描述,同时懂球帝世界杯还有专版小程序,将其一起纳入分析范围,以PPT的形式展现如下:

二、足球类小程序产品设计

延续竞品分析的结果,笔者仍以足球为例进行产品设计。主要功能定位为资讯内容分发、赛事赛程、数据查看等。国外ESPN比分中心是ESPN下属的数据服务类型APP,侧重精致的资讯分发和赛事数据服务,切换“如丝般顺滑”。

纵观国内产品,有直播版权的PP体育、优酷、腾讯体育、新英体育(现为爱奇艺体育)等,产品层面均做得非常重,直播、资讯、社区、商城等所有东西融合在一起;而侧重资讯和社区的懂球帝、虎扑等也都杂糅了很多东西,并且分类相对混乱。下图为ESPN比分中心示意:

ESPN比分中心很好地承担了资讯分发与赛事数据服务的功能,资讯也都是轻量级的精致资讯,并非海量,定位清晰,功能明确,体验非常好。笔者以ESPN比分中心为样本,以主队模式设计本款足球类小程序

1. 首页

① 整体分为首页、主队和数据。首页有轮播图、近期比赛和资讯内容。

② 近期比赛按时间顺序展示用户关注球队的近期比赛,若未关注则按照推荐展示近期比赛,可左右滑动。近期比赛分为“已结束”“直播中”“未开赛”三种状态,分别链入对应的比赛详情页。

资讯内容优先按照用户关注的球队呈现,若球队资讯内容有限,后接关注球队所处赛事的资讯。顶部下拉刷新,新入的资讯按照球队和球队所处赛事进行排列。若用户未关注任何球队,资讯内容为推荐内容。

2. 主队页

① 没有关注球队时引导用户关注。球队页包括动态、赛程、数据和阵容,若为国家队则去掉数据版块。关注的球队和赛事都呈现在顶部,随时切换。通过“+”进入球队和赛事的选择页面。

② 动态内容包括图文、视频等资讯。内容优先排列球队相关的资讯,后接球队所处赛事的资讯。顶部下拉刷新,新入的资讯按照球队和球队所处赛事进行排列。

③ 未开赛的比赛可以进行预约,预约的比赛会通过微信服务通知系统在比赛开始前10分钟对用户进行预约消息提醒。

④ 赛程按时间排列,点击对阵进入对应的比赛详情页。

⑤ 数据展示球队攻守数据及所处联赛的积分榜,如广州恒大,展示中超的积分榜,将恒大重点标出。若为赛事,则仅展示积分榜。

⑥ 阵容展示球队所有球员和教练的名单,点击进入球员详情页。

⑦ 赛事页去掉阵容,保留动态、赛程和数据。

3. 数据页

① 数据页展示全量赛事的积分榜、球员榜、球队榜和赛程。

② 积分榜展示球队排名、球队logo、球队名、场次、胜平负、进失球、积分;球队榜展示进球、射门、射正次数等等,在此不一一赘述。

4. 比赛详情页

① 未开赛状态默认概况tab,有前瞻视频和预约,除此之外还有对阵双方相关的资讯和交锋记录数据等。

② 已结束页面如上中图,头部播放集锦视频,资讯为本场比赛相关的战报资讯等,阵容为首发阵容、替补、换人时间、红黄牌等,数据tab显示比分、精彩回顾、事件和技术统计。上右图为未开赛有前瞻视频的比赛详情页,头部展示前瞻视频,预约、资讯和数据同上,新增概况版块,内容为解说+前瞻视频,二者同步客户端。

③ 直播中页面如上右图,先播放点播视频,结束后显示“由于平台限制,请到XX客户端观看直播”。阵容即为首发阵容。

三、总结

本文在设计之前的分析比重较大,而产品设计本身并没有太大的篇幅。整个小程序承担资讯分发和赛事赛程与数据相关的功能,后面优化的重点在于资讯详情页的体验,强化资讯阅读的定位。

首页、主队和数据三个版块,使得整个小程序还是显得相对“大”,数据甚至可以单独做一个小程序,将足球赛事的所有全量数据囊括其中,与竞猜相挂钩的数据字典。

A8体育、雷速体育、腾讯体育、懂球帝、直播吧等等均拥有自己的小程序,承担各自不同的功能,腾讯体育查赛程和看部分直播内容,A8查数据,雷速有图文直播,懂球帝重资讯和数据……或多或少都会将客户端的一部分功能迁移到小程序,目前来看大多数都是与客户端同步,还未进入差异化发展阶段,更不可能说小程序分发资讯了。客户端就不要资讯版块了,只是后面小程序可以更加注重做资讯,而客户端可以将资讯做得尽可能简单,比如去掉相关推荐,去掉各类标签,单纯地展示资讯,为APP“减负”。

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:体育类  体育类词条  程序  程序词条  如何  如何词条  设计  设计词条  
设计

 在设计品牌标识时,使用情绪板

情绪面板不仅仅是在你的作品集中看起来漂亮,并可以作为你在标识设计过程中助你成功的工具。在设计品牌标识的时候,你可以试试使用情绪板。今天在这里,我不使用情绪板作为...(展开)