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

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

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

现在，我们获取天气信息的渠道就更多了，而且天气信息量能获取的也更大，这里主要关注于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）

最后，

以上仅为浅尝后的一家之言，个人理解而已，欢迎交流，也许我说的都是错的。

iOS版本，10.1.1

by 鲤洋

2016.12.03

关键字：产品设计, 设计

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！