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

5 评论 52996 浏览 55 收藏 28 分钟

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

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

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

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

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

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

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

时间:

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

天气要素:有没有风,湿度等如何?

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

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

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

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

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

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

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

案例

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

依次的首页截图如下(部分页面中地理信息有打码):

1. 墨迹天气(6.1.6)

1

墨迹天气App

墨迹天气的首页上“信息非常丰富”,上部分的信息块是“实时天气信息”,特别给出了“短时内下雨”预告;下部分是“今天、明天的天气信息”;中间还有个特色的小人,它会根据不同的天气情况,显示不同的穿着(带没带伞)。

PS.页面上点缀散布的“小广告”不是关注重点,直接忽略,对于其他App也是如此处理。

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

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

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

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

2. 天气预报(3.6.1 来自app梦工厂)

2

天气预报App

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

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

今(明两天)的天气信息:温度、降水率、风级、空气质量

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

3. 天气通(5.25)

3

天气通App

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

这里有3个方面的内容:

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

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

4. 黄历天气(3.20.0.2)

4

黄历天气App

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

这里有2个方面的内容:

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

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

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

5. 2345天气王(3.5)

5

2345天气王App

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

这里有2个方面的内容:

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

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

6. 中央天气预报(4.4.6)

6

中央天气预报App

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

这里有2个方面的内容:

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

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

7. Yahoo天气(1.10.1)

7

Yahoo天气App

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

这里有1个方面的内容:

今天的天气信息:实时温度,晴雨、温度范围。

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

8. 最美天气(2.2)

8

最美天气App

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

这里有2个方面的内容:

  1. 实时天气信息:实时温度,晴雨
  2. 今、明2天的天气信息:晴雨、温度范围

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

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

9. 我的天气(1.4.1)

9

我的天气App

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

这里有3个方面的内容:

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

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

10. 天气预报(1.1 hongyu wang)

10

天气预报App

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

这里有2个方面的内容:

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

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

11. PM2.5(2.5.1)

11

PM2.5App

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

这里有1个方面的内容:

今天气信息:晴雨、空气质量

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

12. 天气预报(2.5 YouLoft Tech)

12

天气预报App

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

这里有2个方面的内容:

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

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

13. 彩云天气(3.0)

13

彩云天气App

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

这里有2个方面的内容:

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

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

14. 中国天气通(6.0)

14

中国天气通App

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

这里有3个方面的内容:

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

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

15. Skycast(1.0.3)

15

SkycastApp

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

这里有2个方面的内容:

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

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

16. 天气预报(1.0.0)

16

天气预报App

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

这里有2个方面的内容:

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

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

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

17. 蔚蓝地图(3.1.4)

17

蔚蓝地图App

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

这里有2个方面的内容:

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

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

18. 小虾天气(2.1.3)

18

小虾天气App

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

这里有2个方面的内容:

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

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

19. 知趣天气(3.2.1)

19

知趣天气App

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

这里有2个方面的内容:

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

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

20. 天气(1.3.2 Aotesiqi LLC)

20

天气App

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

这里有2个方面的内容:

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

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

21. 天气预报(2.0.2  Shang Zou)

21

天气预报App

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

这里有2个方面的内容:

  1. 今天天气:温度范围、晴雨、空气质量
  2. 实时天气(短期预告):晴雨、温度

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

22. 天气君(4.0.3)

22

天气君App

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

这里有2个方面的内容:

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

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

23. 天气(1.0 Xiao He)

23

天气App

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

这里有2个方面的内容:

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

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

24. 美天气(3.2.4)

24

美天气App

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

这里有2个方面的内容:

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

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

25. 天气家(2.1)

25

天气家App

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

这里有1个方面的内容:

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

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

总体来说

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

以上仅为浅尝后的一家之言,个人理解而已,欢迎交流,也许我说的都是错的。ps.这里的编辑器上传图片体验很一般,速度慢、无提示……

iOS版本,10.1.1

 

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

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 收集这么多,都没有细细分析下去,还不如选择几个代表性的,全面分析。

    来自福建 回复
  2. 背景图自定义,跟随天气的雾化,虚化,雨化分享的自定义自拍图片,独有特色的分享模式的可自定义的精简APP才是最有价值的。顺带学习下微信朋友圈的模糊照片可擦拭查看的方式,肯定又是爆款。悬念,又达到得式的揭晓悬念的心里。撩妹手法。

    回复
  3. 没有get到up主的点,做了这么多工作是为了干嘛。感觉只是信息集合,没有看到有营养的分析。选取的应用也可以根据你自己设定的维度来分类举例,毕竟也没有挨个枚举。

    来自北京 回复
  4. 很费力气,意义不大

    来自日本 回复
  5. 很用心,但是看得眼都花了~感觉大同小异~每个公司都不能脱颖而出啊~

    来自北京 回复