从0到1 如何设计一个体育小程序

腾讯、百度、阿里相继推出了自己的小程序平台。截至2018年6月底，微信小程序日均活动量达到2.8亿，数量超过100万，较1月份公布的58万增加了一倍。

小程序的能力越来越强，场景越来越多，入口越来越浅。知乎、微博等信息在微信群分享时直接转换成小程序卡，用户进入小程序读取信息。

关于这种分析预测的文章很多，这里就不跟风了。只是从我自己的经验来看，小程序在不断发挥实力，越来越多的产品开始注意到小程序的能力，都想在微信、支付宝、手百的生态圈分一杯羹。

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

工具，一开始有很多沉浸式的阅读和观看小程序。applet负责app的共享登陆页面，拥有APP大部分或小部分核心功能，有的甚至打通了APPlet和APP账号，两端各有不同的定位。

比如知乎、微博里的小程序，用户可以阅读到大量的信息，优衣堂的三个视频小程序可以使用一些观看功能，甚至斗鱼的小程序也可以直接同步APP的直播流。

笔者认为，同一产品的app和小程序是根据用户的功能定位进行分流，将某一功能的轻用户或重用户分流到小程序上。

对于本文作者所描述的体育小程序，APP将承担更多赛事直播和社区的功能，信息阅读会迁移到小程序中，即使开户，社区也可能迁移到小程序中。

用户在观看活动直播时，会打开APP，只看信息和社区帖子，会更频繁的去小程序。Tigers和Knowledgers都向小程序分发信息，腾讯体育向小程序分发日程列表，还有很多其他公司向小程序分发信息和数据。老虎和知识人保留核心社区，腾讯体育APP仍需开放赛事直播。

理想情况下，两者不是对立的，而是互补的。他们仍然是同一产品的用户，但他们可以在分流后改善自己的用户体验。

然而，现实是未知的，这需要用户研究和强大的数据支持。

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

作者对今年世界杯期间的体育小程序做了一些观察。之前没有小程序的应用，都是在世界杯期间推出自己的世界杯小程序，然后在世界杯之后进行修改迭代。

了解球帝的小程序已经在作者的文章《懂球帝APP与小程序产品体验报告》中描述过了。同时了解球皇世界杯的小程序并纳入分析范围，以PPT的形式展示如下：

.com/uploads/allimg/180919/0U3325209-6.jpg" />

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

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

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

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

1. 首页

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

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

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

2. 主队页

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

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

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

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

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

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

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

3. 数据页

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

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

4. 比赛详情页

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

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

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

三、总结

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

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

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