从25款天气APP的“首页”去看天气产品的设计
我选了一种非常干脆的做法,直接聚焦于App首页面,最核心的肯定是在这里充分体现(一款产品首页做到什么程度,也能反映背后的产品实力和产品理解,这里显示的是产品认为对于用户最有价值的是什么?),特别是感受一款产品的调性,所以下面关于产品分析的内容并不会涉及很多方面,也不讨论优劣等,我们集中在“(最核心)天气业务”就好。
天气,基本是每个人在生活中都会关注的,它影响着我们的一些生活决策,比如特别是出行活动,所以,天气的预报就非常有必要有价值了。
过去小时候,像我主要的获知途径就是,跟着家里看完新闻联播等着接下来的天气预报节目,大概就是先由天气预报员从整体宏观上讲解一下天气变化趋势,然后依次具体到各个主要城市的未来一到两天的天气,期间可能出现一些特殊天气情况的提示。根据这里获得的天气预报条件,决定明天穿什么衣服,是不是要带伞,如果拿到现在可能更关注空气质量等因素,所以也考虑要不要带口罩。
现在,我们获取天气信息的渠道就更多了,而且天气信息量能获取的也更大,这里主要关注于App这个渠道。在具体说App之前,还是先回过头来再稍作考虑一下:作为天气用户,我们核心的需求点是什么?
这么来讲,一般我们说”天气怎么样”,这大概包含了想知道的哪些信息?最关键的,现在起码会有以下3点(尤其是前2点):
- 晴天还是雨天?
- 气温多少?
- 空气质量如何?
再从这3点延伸展开(非必需,是丰富面),对于某个地方,分别从时间、天气要素这2个层面还有:
时间:
- 未来3天,一周,甚至更多天的天气走向?
- 一天内每个小时段的天气情况,特别是雨天,大概多久会下雨,大概多久会停?
天气要素:有没有风,湿度等如何?
这里并非做大而全的分析,其他层面(地理相关因素暂且忽略)不做考虑暂且就这些继续吧,只抓最要紧的部分。
特别的,往本质一点去考虑,我们关注天气其实并非关注天气本身,而是为了从天气信息中判断决定接下来的生活安排,所以是“天气因素”影响到触发“接下来的行动(计划)”。表面上我们关注的是天气,实质是生活,天气是我们关心生活的一个角度,一个切入口,从它可以看到自然生活的一面。
将这些内容汇总整理一下理解,做一点产品方向上的思考,从深度上天气App可以分为2大类:
- 天气信息展示。这相当于一个信息展示板,我只是到这里来看看天气,获取信息后离开。
- 生活助手。这相当于一个秘书,我在这里了解天气,秘书还会提示建议一些生活决策供我参考,甚至呈上一份点心。
在上面的了解基础上,我扫了一下目前市场上相关App还不少,我就有点好奇到底有哪些天气App以及它们各是怎么在做,所以从App Store里找到了100多款天气App。
经过一些筛选,比如有的实在太丑(丑到不能用),有的无法使用(比如数据异常),有的个别单位专用,有的是特殊用途(并非常用天气需求),有的太赤裸裸横条广告,有的过于不人性化,有的很干扰太多,从功能可用性、粗暴广告、低劣设计等因素剔除了绝大部分,这里收录了25款(排名不分先后优劣)相对更加优质的App。
当然不可避免可能存在误伤,所以个别可能你觉的很好的相关App没有收录在这里(这批收集时间为11月,新出来的这里也没有),欢迎交流,如果真的好产品值得多加推荐,大家也都能发现更多美好的存在。
案例
接下来看看它们是怎么做的。介于这里数量不少,我选了一种非常干脆的做法,直接聚焦于App首页面,最核心的肯定是在这里充分体现(一款产品首页做到什么程度,也能反映背后的产品实力和产品理解,这里显示的是产品认为对于用户最有价值的是什么?),特别是感受一款产品的调性,所以下面关于产品分析的内容并不会涉及很多方面,也不讨论优劣等,我们集中在“(最核心)天气业务”就好。
依次的首页截图如下(部分页面中地理信息有打码):
1. 墨迹天气(6.1.6)
墨迹天气App
墨迹天气的首页上“信息非常丰富”,上部分的信息块是“实时天气信息”,特别给出了“短时内下雨”预告;下部分是“今天、明天的天气信息”;中间还有个特色的小人,它会根据不同的天气情况,显示不同的穿着(带没带伞)。
PS.页面上点缀散布的“小广告”不是关注重点,直接忽略,对于其他App也是如此处理。
那么,我们整理一下关于天气业务的服务,在最核心的首页上,墨迹天气提供了3个方面的内容:
- 实时天气信息(短时下雨预告):温度、降水率、风级、空气质量
- 今、明两天的天气信息:晴雨、温度、空气污染程度
- 以小人为呈现媒介的“天气相关生活建议”(比如根据天气穿什么样的衣服)
以上基本足以囊括一般生活关于“天气”的需要,甚至有富裕。可以看出,墨迹天气更注重“实时天气、短时降雨、今明两天天气”这3个层面的天气信息,偏“实时、短近期天气”。
另外提一下,从大的框架上看,墨迹天气是划分出了3个版块,默认是“天气”,其次是“时景”,“我”最后。即使我们不切换到其它版块,从“时景”这个名字也可以大概了解(当然我自己是体验过了),这款产品提供了“天气”主题以外,或者说延伸出去的生活内容。
2. 天气预报(3.6.1 来自app梦工厂)
天气预报App
天气预报的首页上的组成相对简单,天气信息主要集中在下部分,提供了“今天的天气信息”(实时气温),以及一个天气小人,它会根据不同天气变换应景的(表情)状态,点击它还会出现对话气泡显示“今明两天的天气,及逗趣文字”。
所以这里就提供了1个方面的内容:
今(明两天)的天气信息:温度、降水率、风级、空气质量
这项信息也是对于天气的最基本的需要了。可以看出,天气预报更注重“今(明两天)的天气信息”这1个层面的天气信息,偏“实时、近期天气”。
3. 天气通(5.25)
天气通App
天气通的首页上天气信息块也集中在下半部分,有“实时天气”和“今、明两天的天气”。中间还有个默认折叠起来的“24h气温变化”。
这里有3个方面的内容:
- 实时天气:温度、晴雨、空气质量
- 今、明两天的天气:晴雨、温度范围、空气质量
- 24h气温变化
可以看到,天气通更注重“实时天气、今、明两天的天气”这2个层面的天气信息,偏“实时,短近期天气”。
4. 黄历天气(3.20.0.2)
黄历天气App
黄历天气的首页上,天气信息也主要在底部,不过左上角有个“今天空气质量”,下部分是“实时天气”,以及“今、明两天的天气”。
这里有2个方面的内容:
- 实时天气:温度、晴雨、空气质量
- 今、明两天的天气:晴雨、温度范围
可以看到,黄历天气更注重“实时天气、今、明两天的天气”这2个层面的天气信息,偏“实时,近期天气”。
这款产品还有2个额外的业务版块,特别是“黄历”,对于有这方面认知的人群来说,“黄历+天气”也确实算是很不错的搭配,关键讲得通。
5. 2345天气王(3.5)
2345天气王App
2345天气王的首页,右上角是“今天空气质量”,上部中间是“今天天气信息”,下部分是“15日天气预报(入口)”、“今天详情(入口)”、“明天详情(入口)”和“15天天气信息(入口)”。
这里有2个方面的内容:
- 今天天气信息:晴雨、温度范围、当前温度、风级、气压
- 15天天气信息:晴雨、温度范围
可以看到,2345天气王更注重“今天天气信息、15天天气信息”这2个层面的天气信息,偏“近超长期天气”。
6. 中央天气预报(4.4.6)
中央天气预报App
中央天气预报的首页上,上部分是“今天天气信息”,底部是“明天、后天、大后天这3天的天气”。
这里有2个方面的内容:
- 今天天气信息:当前温度、晴雨、温度范围、体感温度、空气质量、天气发布时间
- 明天、后天、大后天这3天的天气信息:晴雨、温度范围
中央天气预报更注重“今天天气信息、明天、后天、大后天这3天的天气信息”这2个层面的天气信息,偏“实时,近期天气”。
7. Yahoo天气(1.10.1)
Yahoo天气App
Yahoo天气的首页,天气信息就一块,集中在底部左下角,是“今天的天气信息”。
这里有1个方面的内容:
今天的天气信息:实时温度,晴雨、温度范围。
Yahoo天气更注重“今天天气信息”这1个层面的天气信息,偏“实时、近期天气”。
8. 最美天气(2.2)
最美天气App
最美天气的首页,右上角是“今天空气质量”,下方是“实时温度、风级、空气质量提示”(短时降雨预测入口),“今、明2天的天气信息”。
这里有2个方面的内容:
- 实时天气信息:实时温度,晴雨
- 今、明2天的天气信息:晴雨、温度范围
最美天气更注重“今天天气信息”这2个层面的天气信息,偏“实时,短近期天气”。
这里有一个“实景”版块,也是在从天气主题去往外扩展内容。
9. 我的天气(1.4.1)
我的天气App
我的天气的首页,从上到下依次是“今天天气信息”、“明天天气信息”、“包括昨天在内的6天天气信息”、“当前天气信息(入口)”。
这里有3个方面的内容:
- 今、明天气信息:温度范围、晴雨
- 6天天气信息:晴雨、温度范围
- 实时天气信息(入口):晴雨、当前温度、空气质量提示
我的天气更注重“今、明天气信息、6天天气信息、实时天气信息”这3个层面的天气信息,偏“实时,近长期天气”。
10. 天气预报(1.1 hongyu wang)
天气预报App
天气预报的首页,右上角是“今天空气质量”,上部中间是“今天天气信息”,下部分是“15日天气预报(入口)”、“今天详情(入口)”、“明天详情(入口)”和“5天天气信息”。
这里有2个方面的内容:
- 今、明天气信息:晴雨、温度范围、当前温度、风级、气压
- 5天天气信息:晴雨、温度范围
我的天气更注重“今、明天气信息、5天天气信息”这2个层面的天气信息,偏“近长期天气”。
11. PM2.5(2.5.1)
PM2.5App
PM2.5的首页,右上角是“今天空气质量”,底部是“AQI空气质量指数”、“当前温度、晴雨”、“PM2.5、PM10等空气质量指标”。
这里有1个方面的内容:
今天气信息:晴雨、空气质量
PM2.5更注重“今天气信息”这2个层面的天气信息,偏“近期天气”。
12. 天气预报(2.5 YouLoft Tech)
天气预报App
天气预报的首页,上部是“今天、明天、后天这3天的天气信息”,底部是“实时天气”。
这里有2个方面的内容:
- 今天、明天、后天这3天的天气信息:晴雨、温度范围
- 实时天气:温度、有雾、PM2.5
天气预报更注重“今天、明天、后天这3天的天气信息、实时天气”这2个层面的天气信息,偏“实时、近期天气”。
13. 彩云天气(3.0)
彩云天气App
彩云天气的首页,左上角是“今天空气质量”,中部是“实时天气(当前温度、晴雨、风级)”,下部是“短时内降雨预告”。
这里有2个方面的内容:
- 实时天气:当前温度、晴雨、风级
- 短时内降雨
彩云天气更注重“实时天气、短时内降雨”这2个层面的天气信息,偏“实时、短期天气”。
14. 中国天气通(6.0)
中国天气通App
中国天气通的首页,上部是“实时天气”,沿着时间轴依次往下是“短时内降雨预告、今天天气、明天天气、后天天气(入口)”。
这里有3个方面的内容:
- 实时天气:温度、风级、空气质量
- 短时内降雨
- 今、明这2天的天气信息:晴雨、温度范围、风级
中国天气通更注重“实时天气、短时内降雨、今、明这2天的天气信息”这3个层面的天气信息,偏“实时、短近期天气”。
15. Skycast(1.0.3)
SkycastApp
Skycast的首页,整个默认就是“实时天气(晴雨、温度)”,下部是“24h内各小时天气(入口)”,右划依次看到各个小时的情况。
这里有2个方面的内容:
- 实时天气:晴雨、温度
- 24h内各小时天气:晴雨、温度
Skycast更注重“实时天气、24h内各小时天气”这2个层面的天气信息,偏“实时、短期天气”。
16. 天气预报(1.0.0)
天气预报App
天气预报的首页,上部分是“今天天气”,底部是“明天、后天、大后天这3天的天气”。
这里有2个方面的内容:
- 今天天气:当前温度、晴雨、温度范围、体感温度、空气质量、天气发布时间
- 明天、后天、大后天这3天的天气:晴雨、温度范围
天气预报更注重“今天天气、明天、后天、大后天这3天的天气”这2个层面的天气信息,偏“近期天气”。
PS.它和“中央天气预报”是一家。
17. 蔚蓝地图(3.1.4)
蔚蓝地图App
蔚蓝地图的首页,中部是“实时天气”,下部是“今天、明天、后天的天气信息”。
这里有2个方面的内容:
- 实时天气:温度、晴雨、风级、湿度、空气质量
- 今天、明天、后天这3天的天气信息:晴雨、温度范围、空气质量
蔚蓝地图更注重“实时天气、今天、明天、后天这3天的天气信息”这2个层面的天气信息,偏“实时、近期天气”。
18. 小虾天气(2.1.3)
小虾天气App
小虾天气的首页,天气信息集中在底部,“实时天气(温度、晴雨、风级、湿度、空气质量)”,底部是“包括昨天在内的5天天气信息”,外加一个小人(语音播报今天天气)。
这里有2个方面的内容:
- 实时天气:温度、晴雨、风级、湿度、空气质量
- 5天天气信息:晴雨、温度范围
小虾天气更注重“实时天气、5天天气信息”这2个层面的天气信息,偏“实时、长期天气”。
19. 知趣天气(3.2.1)
知趣天气App
知趣天气的首页上,左上角是“实时温度”、“今天温度范围”、“AQI169”,右上角是“空气质量”、“明天天气概况”,中部是“晴雨”,底部是“5天天气信息”。
这里有2个方面的内容:
- 今天天气:温度、晴雨、空气质量
- 5天天气信息:晴雨
知趣天气更注重“今天天气、5天天气信息”这2个层面的天气信息,偏“长期天气”。
20. 天气(1.3.2 Aotesiqi LLC)
天气App
天气的首页上,上部是“实时天气”,下部是“4天天气信息”。
这里有2个方面的内容:
- 实时天气:温度、晴雨
- 4天天气信息:晴雨、温度范围
天气更注重“实时天气、4天天气信息”这2个层面的天气信息,偏“实时、长期天气”。
21. 天气预报(2.0.2 Shang Zou)
天气预报App
天气预报的首页,上部是“今天天气”,下部是“实时天气”,“5个小时内天气变化”,“6天天气信息(入口)”。
这里有2个方面的内容:
- 今天天气:温度范围、晴雨、空气质量
- 实时天气(短期预告):晴雨、温度
天气更注重“实时天气(短期预告)、今天天气”这2个层面的天气信息,偏“实时、短近期天气”。
22. 天气君(4.0.3)
天气君App
天气君的首页,天气信息主要集中在下部,背景显示“晴雨”,“实时天气信息”,“明天天气、后天天气”。这小人点击后显示的内容,基本属于“逗趣”,没有天气信息价值(就体验中得知)。
这里有2个方面的内容:
- 实时天气信息:温度、晴雨、空气质量、降雨率、风级、短期内降雨预告
- 明后这2天的天气:晴雨、温度范围、空气质量
天气君更注重“实时天气信息、明后这2天的天气”这2个层面的天气信息,偏“实时、短近期天气”。
23. 天气(1.0 Xiao He)
天气App
天气的首页,上部是“实时天气”,下部分是“5天天气信息”,以及“穿衣指数等(入口)”。
这里有2个方面的内容:
- 实时天气:晴雨、温度、空气质量、湿度
- 5天天气信息:晴雨、温度范围
天气更注重“实时天气、5天天气信息”这2个层面的天气信息,偏“实时、长期天气”。
24. 美天气(3.2.4)
美天气App
美天气的首页,天气信息集中在底部,左下角是“实时温度”,右下角是“今天天气”。
这里有2个方面的内容:
- 实时天气:温度
- 今天天气:晴雨、温度范围
美天气更注重“实时天气、今天天气”这1个层面的天气信息,偏“实时、近期天气”。
25. 天气家(2.1)
天气家App
天气家的首页,背景图显示天气对应场景效果,天气信息集中在中部,是“实时天气信息”。
这里有1个方面的内容:
实时天气:温度、晴雨、空气质量、风级
天气家更注重“实时天气”这1个层面的天气信息,偏“实时天气”。
总体来说
- 这些天气App主要以风景图为背景,部分会依据实际天气来显示对应的内容(以告知天气情况),有的则更多是美化装饰。大多数的“天气信息”集中在偏下方,其余页面空间大量“留白”。
- “天气信息”则主要分为“实时、短期预告、1-3天近期天气、4-6天长期天气、15天超长天气”这5种划分来有偏向的组合突显。
- 少部分App从“天气”在往“生活”层面去扩展,有的体现在明显的业务版块划分,有的则通过一些新颖的玩法(比如动画小人物、黄历、采花等)来提供。
以上仅为浅尝后的一家之言,个人理解而已,欢迎交流,也许我说的都是错的。ps.这里的编辑器上传图片体验很一般,速度慢、无提示……
iOS版本,10.1.1
本文由 @鲤洋 原创发布于人人都是产品经理。未经许可,禁止转载。
收集这么多,都没有细细分析下去,还不如选择几个代表性的,全面分析。
背景图自定义,跟随天气的雾化,虚化,雨化分享的自定义自拍图片,独有特色的分享模式的可自定义的精简APP才是最有价值的。顺带学习下微信朋友圈的模糊照片可擦拭查看的方式,肯定又是爆款。悬念,又达到得式的揭晓悬念的心里。撩妹手法。
没有get到up主的点,做了这么多工作是为了干嘛。感觉只是信息集合,没有看到有营养的分析。选取的应用也可以根据你自己设定的维度来分类举例,毕竟也没有挨个枚举。
很费力气,意义不大
很用心,但是看得眼都花了~感觉大同小异~每个公司都不能脱颖而出啊~