从 25 款天气 APP 的“首页”去看天气产品的设计

2016-12-04 20:41:00

天气，基本是每个人在生活中都会关注的，它影响着我们的一些生活决策，比如特别是出行活动，所以，天气的预报就非常有必要有价值了。

过去小时候，像我主要的获知途径就是，跟着家里看完新闻联播等着接下来的天气预报节目，大概就是先由天气预报员从整体宏观上讲解一下天气变化趋势，然后依次具体到各个主要城市的未来一到两天的天气，期间可能出现一些特殊天气情况的提示。根据这里获得的天气预报条件，决定明天穿什么衣服，是不是要带伞，如果拿到现在可能更关注空气质量等因素，所以也考虑要不要带口罩。

现在，我们获取天气信息的渠道就更多了，而且天气信息量能获取的也更大，这里主要关注于App这个渠道。在具体说App之前，还是先回过头来再稍作考虑一下：作为天气用户，我们核心的需求点是什么？

这么来讲，一般我们说"天气怎么样"，这大概包含了想知道的哪些信息？最关键的，现在起码会有以下3点（尤其是前2点），

1，晴天还是雨天？
2，气温多少？
3，空气质量如何？

再从这3点延伸展开（非必需，是丰富面），对于某个地方，分别从时间、天气要素这2个层面还有，

时间：
1、未来3天，一周，甚至更多天的天气走向？
2、一天内每个小时段的天气情况，特别是雨天，大概多久会下雨，大概多久会停？

天气要素：
1、有没有风，湿度等如何？

这里并非做大而全的分析，其他层面（地理相关因素暂且忽略）不做考虑暂且就这些继续吧，只抓最要紧的部分。

特别的，往本质一点去考虑，我们关注天气其实并非关注天气本身，而是为了从天气信息中判断决定接下来的生活安排，所以是“天气因素”影响到触发“接下来的行动（计划）”。表面上我们关注的是天气，实质是生活，天气是我们关心生活的一个角度，一个切入口，从它可以看到自然生活的一面。

将这些内容汇总整理一下理解，做一点产品方向上的思考，从深度上天气App可以分为2大类：

1、天气信息展示。这相当于一个信息展示板，我只是到这里来看看天气，获取信息后离开。
2、生活助手。这相当于一个秘书，我在这里了解天气，秘书还会提示建议一些生活决策供我参考，甚至呈上一份点心。

在上面的了解基础上，我扫了一下目前市场上相关App还不少，我就有点好奇到底有哪些天气App以及它们各是怎么在做，所以从App Store里找到了100多款天气App。

经过一些筛选，比如有的实在太丑（丑到不能用），有的无法使用（比如数据异常），有的个别单位专用，有的是特殊用途（并非常用天气需求），有的太赤裸裸横条广告，有的过于不人性化，有的很干扰太多，从功能可用性、粗暴广告、低劣设计等因素剔除了绝大部分，这里收录了25款（排名不分先后优劣）相对更加优质的App。

当然不可避免可能存在误伤，所以个别可能你觉的很好的相关App没有收录在这里（这批收集时间为11月，新出来的这里也没有），欢迎交流，如果真的好产品值得多加推荐，大家也都能发现更多美好的存在。

接下来看看它们是怎么做的。介于这里数量不少，我选了一种非常干脆的做法，直接聚焦于App首页面，最核心的肯定是在这里充分体现（一款产品首页做到什么程度，也能反映背后的产品实力和产品理解，这里显示的是产品认为对于用户最有价值的是什么？），特别是感受一款产品的调性，所以下面关于产品分析的内容并不会涉及很多方面，也不讨论优劣等，我们集中在“（最核心）天气业务”就好。

依次的首页截图如下（部分页面中地理信息有打码），

1，墨迹天气（6.1.6）

墨迹天气App

墨迹天气的首页上“信息非常丰富”，上部分的信息块是“实时天气信息”，特别给出了“短时内下雨”预告；下部分是“今天、明天的天气信息”；中间还有个特色的小人，它会根据不同的天气情况，显示不同的穿着（带没带伞）。PS.页面上点缀散布的“小广告”不是关注重点，直接忽略，对于其他App也是如此处理。

那么，我们整理一下关于天气业务的服务，在最核心的首页上，墨迹天气提供了3个方面的内容：

1、实时天气信息（短时下雨预告）：温度、降水率、风级、空气质量
2、今、明两天的天气信息：晴雨、温度、空气污染程度
3、以小人为呈现媒介的“天气相关生活建议”（比如根据天气穿什么样的衣服）

以上基本足以囊括一般生活关于“天气”的需要，甚至有富裕。可以看出，墨迹天气更注重“实时天气、短时降雨、今明两天天气” 这3个层面的天气信息，偏“实时、短近期天气”。

另外提一下，从大的框架上看，墨迹天气是划分出了3个版块，默认是“天气”，其次是“时景”，“我”最后。即使我们不切换到其它版块，从“时景”这个名字也可以大概了解（当然我自己是体验过了），这款产品提供了“天气”主题以外，或者说延伸出去的生活内容。

2，天气预报（3.6.1 来自app梦工厂）

天气预报App

天气预报的首页上的组成相对简单，天气信息主要集中在下部分，提供了“今天的天气信息”（实时气温），以及一个天气小人，它会根据不同天气变换应景的（表情）状态，点击它还会出现对话气泡显示“今明两天的天气，及逗趣文字”。

所以这里就提供了1个方面的内容：

今（明两天）的天气信息：温度、降水率、风级、空气质量

这项信息也是对于天气的最基本的需要了。可以看出，天气预报更注重“今（明两天）的天气信息” 这1个层面的天气信息，偏“实时、近期天气”。

3，天气通（5.25）

天气通App

天气通的首页上天气信息块也集中在下半部分，有“实时天气”和“今、明两天的天气”。中间还有个默认折叠起来的“24h气温变化”。

这里有3个方面的内容：

1、实时天气：温度、晴雨、空气质量
2、今、明两天的天气：晴雨、温度范围、空气质量
3、24h气温变化

可以看到，天气通更注重“实时天气、今、明两天的天气” 这2个层面的天气信息，偏“实时，短近期天气”。

4，黄历天气（3.20.0.2）

黄历天气App

黄历天气的首页上，天气信息也主要在底部，不过左上角有个“今天空气质量”，下部分是“实时天气”，以及“今、明两天的天气”。

这里有3个方面的内容：

1、实时天气：温度、晴雨、空气质量
2、今、明两天的天气：晴雨、温度范围

可以看到，黄历天气更注重“实时天气、今、明两天的天气” 这2个层面的天气信息，偏“实时，近期天气”。

这款产品还有2个额外的业务版块，特别是“黄历”，对于有这方面认知的人群来说，“黄历+天气”也确实算是很不错的搭配，关键讲得通。

5，2345天气王（3.5）

2345天气王App

2345天气王的首页，右上角是“今天空气质量”，上部中间是“今天天气信息”，下部分是“15日天气预报（入口）”、“今天详情（入口）”、“明天详情（入口）”和“15天天气信息（入口）”。

这里有2个方面的内容：

1、今天天气信息：晴雨、温度范围、当前温度、风级、气压
2、15天天气信息：晴雨、温度范围

可以看到， 2345天气王更注重“今天天气信息、15天天气信息” 这2个层面的天气信息，偏“近超长期天气”。

6，中央天气预报（4.4.6）

中央天气预报App

中央天气预报的首页上，上部分是“今天天气信息”，底部是“明天、后天、大后天这3天的天气”。

这里有2个方面的内容：

1、今天天气信息：当前温度、晴雨、温度范围、体感温度、空气质量、天气发布时间
2、明天、后天、大后天这3天的天气信息：晴雨、温度范围

 中央天气预报    更注重“今天天气信息、明天、后天、大后天这3天的天气信息” 这2个层面的天气信息， 偏“实时，近期天气”。

7，Yahoo天气（1.10.1）

Yahoo天气App

Yahoo天气的首页，天气信息就一块，集中在底部左下角，是“今天的天气信息”。

这里有1个方面的内容：

1、今天的天气信息：实时温度，晴雨、温度范围。

  Yahoo天气     更注重“今天天气信息” 这1个层面的天气信息， 偏“实时、近期天气”。

8，最美天气（2.2）

最美天气App

最美天气的首页，右上角是“今天空气质量”，下方是“实时温度、风级、空气质量提示”（短时降雨预测入口），“今、明2天的天气信息”。

这里有2个方面的内容：

1、实时天气信息：实时温度，晴雨
2、今、明2天的天气信息：晴雨、温度范围

   最美天气      更注重“今天天气信息” 这2个层面的天气信息， 偏“实时，短近期天气”。

这里有一个“实景”版块，也是在从天气主题去往外扩展内容。

9，我的天气（1.4.1）

我的天气App

我的天气的首页，从上到下依次是“今天天气信息”、“明天天气信息”、“包括昨天在内的6天天气信息”、“当前天气信息（入口）”。

这里有3个方面的内容：

1、今、明天气信息：温度范围、晴雨
2、6天天气信息：晴雨、温度范围
3、实时天气信息（入口）：晴雨、当前温度、空气质量提示

    我的天气       更注重“今、明天气信息、6天天气信息、实时天气信息” 这3个层面的天气信息， 偏“实时，近长期天气”。

10，天气预报（1.1 hongyu wang）

天气预报App

天气预报的首页，右上角是“今天空气质量”，上部中间是“今天天气信息”，下部分是“15日天气预报（入口）”、“今天详情（入口）”、“明天详情（入口）”和“5天天气信息”。

这里有2个方面的内容：

1、今、明天气信息：晴雨、温度范围、当前温度、风级、气压
2、5天天气信息：晴雨、温度范围

    我的天气       更注重“今、明天气信息、5天天气信息” 这2个层面的天气信息， 偏“近长期天气”。

11，PM2.5（2.5.1）

PM2.5App

PM2.5 的首页，右上角是“今天空气质量”，底部是“AQI空气质量指数”、“当前温度、晴雨”、“PM2.5、PM10等空气质量指标”。

这里有1个方面的内容：

1、今天气信息：晴雨、空气质量

     PM2.5        更注重“今天气信息” 这2个层面的天气信息， 偏“近期天气”。

12，天气预报（2.5 YouLoft Tech）

天气预报App

天气预报的首页，上部是“今天、明天、后天这3天的天气信息”，底部是“实时天气”。

这里有2个方面的内容：

1、今天、明天、后天这3天的天气信息：晴雨、温度范围
2、实时天气：温度、有雾、PM2.5

      天气预报         更注重“今天、明天、后天这3天的天气信息、实时天气  ” 这2个层面的天气信息， 偏“实时、近期天气”。

13，彩云天气（3.0）

彩云天气App

彩云天气的首页，左上角是“今天空气质量”，中部是“实时天气（当前温度、晴雨、风级）”，下部是“短时内降雨预告”。

这里有2个方面的内容：

1、实时天气：当前温度、晴雨、风级
2、短时内降雨

       彩云天气          更注重“实时天气、短时内降雨  ” 这2个层面的天气信息， 偏“实时、短期天气”。

14，中国天气通（6.0）

中国天气通App

中国天气通的首页，上部是“实时天气”，沿着时间轴依次往下是“短时内降雨预告、今天天气、明天天气、后天天气（入口）”。

这里有3个方面的内容：

1、实时天气：温度、风级、空气质量
2、短时内降雨
3、今、明这2天的天气信息：晴雨、温度范围、风级

        中国天气通           更注重“实时天气、短时内降雨、今、明这2天的天气信息  ” 这3个层面的天气信息， 偏“实时、短近期天气”。

15，Skycast（1.0.3）

SkycastApp

Skycast 的首页，整个默认就是“实时天气（晴雨、温度）”，下部是“24h内各小时天气（入口）”，右划依次看到各个小时的情况。

这里有2个方面的内容：

1、实时天气：晴雨、温度
2、24h内各小时天气：晴雨、温度

         Skycast            更注重“实时天气、24h内各小时天气  ” 这2个层面的天气信息， 偏“实时、短期天气”。

16，天气预报（1.0.0）

天气预报App

天气预报的首页，上部分是“今天天气”，底部是“明天、后天、大后天这3天的天气”。

这里有2个方面的内容：

1、今天天气：当前温度、晴雨、温度范围、体感温度、空气质量、天气发布时间
2、明天、后天、大后天这3天的天气：晴雨、温度范围

          天气预报             更注重“今天天气、明天、后天、大后天这3天的天气  ” 这2个层面的天气信息， 偏“近期天气”。

PS.它和“中央天气预报”是一家。

17，蔚蓝地图（3.1.4）

蔚蓝地图App

蔚蓝地图的首页，中部是“实时天气”，下部是“今天、明天、后天的天气信息”。

这里有2个方面的内容：

1、实时天气：温度、晴雨、风级、湿度、空气质量
2、今天、明天、后天这3天的天气信息：晴雨、温度范围、空气质量

           蔚蓝地图              更注重“实时天气、今天、明天、后天这3天的天气信息  ” 这2个层面的天气信息， 偏“实时、近期天气”。

18，小虾天气（2.1.3）

小虾天气App

小虾天气的首页，天气信息集中在底部，“实时天气（温度、晴雨、风级、湿度、空气质量）”，底部是“包括昨天在内的5天天气信息”，外加一个小人（语音播报今天天气）。

这里有2个方面的内容：

1、实时天气：温度、晴雨、风级、湿度、空气质量
2、5天天气信息：晴雨、温度范围

            小虾天气               更注重“实时天气、5天天气信息  ” 这2个层面的天气信息， 偏“实时、长期天气”。

19，知趣天气（3.2.1）

知趣天气App

知趣天气的首页上，左上角是“实时温度”、“今天温度范围”、“AQI169”，右上角是“空气质量”、“明天天气概况”，中部是“晴雨”，底部是“5天天气信息”。

这里有2个方面的内容：

1、今天天气：温度、晴雨、空气质量
2、5天天气信息：晴雨

             知趣天气                更注重“今天天气、5天天气信息  ” 这2个层面的天气信息， 偏“长期天气”。

20，天气（1.3.2 Aotesiqi LLC）

天气App

天气的首页上，上部是“实时天气”，下部是“4天天气信息”。

这里有2个方面的内容：

1、实时天气：温度、晴雨
2、4天天气信息：晴雨、温度范围

             天气                更注重“实时天气、4天天气信息  ” 这2个层面的天气信息， 偏“实时、长期天气”。

21，天气预报（2.0.2 Shang Zou）

天气预报App

天气预报的首页，上部是“今天天气”，下部是“实时天气”，“5个小时内天气变化”，“6天天气信息（入口）”。

这里有2个方面的内容：

1、今天天气：温度范围、晴雨、空气质量
2、实时天气（短期预告）：晴雨、温度

             天气                更注重“实时天气（短期预告）、今天天气  ” 这2个层面的天气信息， 偏“实时、短近期天气”。

22，天气君（4.0.3）

天气君App

天气君的首页，天气信息主要集中在下部，背景显示“晴雨”，“实时天气信息”，“明天天气、后天天气”。这小人点击后显示的内容，基本属于“逗趣”，没有天气信息价值（就体验中得知）。

这里有2个方面的内容：

1、实时天气信息：温度、晴雨、空气质量、降雨率、风级、短期内降雨预告
2、明后这2天的天气：晴雨、温度范围、空气质量

              天气君                 更注重“实时天气信息、明后这2天的天气  ” 这2个层面的天气信息， 偏“实时、短近期天气”。

23，天气（1.0 Xiao He）

天气App

天气的首页，上部是“实时天气”，下部分是“5天天气信息”，以及“穿衣指数等（入口）”。

这里有2个方面的内容：

1、实时天气：晴雨、温度、空气质量、湿度
2、5天天气信息：晴雨、温度范围

              天气                 更注重“实时天气、5天天气信息  ” 这2个层面的天气信息， 偏“实时、长期天气”。

24，美天气（3.2.4）

美天气App

美天气的首页，天气信息集中在底部，左下角是“实时温度”，右下角是“今天天气”。

这里有1个方面的内容：

1、实时天气：温度
2、今天天气：晴雨、温度范围

               美天气                  更注重“实时天气、今天天气  ” 这1个层面的天气信息， 偏“实时、近期天气”。

25，天气家（2.1）

天气家App

天气家的首页，背景图显示天气对应场景效果，天气信息集中在中部，是“实时天气信息”。

这里有1个方面的内容：

1、实时天气：温度、晴雨、空气质量、风级

                天气家                   更注重“实时天气  ” 这1个层面的天气信息， 偏“实时天气”。

总体来说，

1、这些天气App主要以风景图为背景，部分会依据实际天气来显示对应的内容（以告知天气情况），有的则更多是美化装饰。大多数的“天气信息”集中在偏下方，其余页面空间大量“留白”。
2、“天气信息”则主要分为“实时、短期预告、1-3天近期天气、4-6天长期天气、15天超长天气”这5种划分来有偏向的组合突显。
3、少部分App从“天气”在往“生活”层面去扩展，有的体现在明显的业务版块划分，有的则通过一些新颖的玩法（比如动画小人物、黄历、采花等）来提供。

附25款App的清单，

1，墨迹天气（6.1.6）
2，天气预报（3.6.1 来自app梦工厂）
3，天气通（5.25）
4，黄历天气（3.20.0.2）
5，2345天气王（3.5）
6，中央天气预报（4.4.6）
7，Yahoo天气（1.10.1）
8，最美天气（2.2）
9，我的天气（1.4.1）
10，天气预报（1.1 hongyu wang）
11，PM2.5（2.5.1）
12，天气预报（2.5 YouLoft Tech）
13，彩云天气（3.0）
14，中国天气通（6.0）
15，Skycast（1.0.3）
16，天气预报（1.0.0）
17，蔚蓝地图（3.1.4）
18，小虾天气（2.1.3）
19，知趣天气（3.2.1）
20，天气（1.3.2 Aotesiqi LLC）
21，天气预报（2.0.2 Shang Zou）
22，天气君（4.0.3）
23，天气（1.0 Xiao He）
24，美天气（3.2.4）
25，天气家（2.1）