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

作者从懂球帝、优酷体育世界杯、腾讯体育世界杯+、直播吧、央视影音+、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“减负”。

作者：全导，微信公众号：零向度（lingxiangdu）

本文由 @全导 原创发布于人人都是产品经理。未经许可，禁止转载

题图来自 Unsplash ，基于 CC0 协议