從25款天氣APP的“首頁”去看天氣產(chǎn)品的設(shè)計(jì)
我選了一種非常干脆的做法,直接聚焦于App首頁面,最核心的肯定是在這里充分體現(xiàn)(一款產(chǎn)品首頁做到什么程度,也能反映背后的產(chǎn)品實(shí)力和產(chǎn)品理解,這里顯示的是產(chǎn)品認(rèn)為對于用戶最有價值的是什么?),特別是感受一款產(chǎn)品的調(diào)性,所以下面關(guān)于產(chǎn)品分析的內(nèi)容并不會涉及很多方面,也不討論優(yōu)劣等,我們集中在“(最核心)天氣業(yè)務(wù)”就好。
天氣,基本是每個人在生活中都會關(guān)注的,它影響著我們的一些生活決策,比如特別是出行活動,所以,天氣的預(yù)報就非常有必要有價值了。
過去小時候,像我主要的獲知途徑就是,跟著家里看完新聞聯(lián)播等著接下來的天氣預(yù)報節(jié)目,大概就是先由天氣預(yù)報員從整體宏觀上講解一下天氣變化趨勢,然后依次具體到各個主要城市的未來一到兩天的天氣,期間可能出現(xiàn)一些特殊天氣情況的提示。根據(jù)這里獲得的天氣預(yù)報條件,決定明天穿什么衣服,是不是要帶傘,如果拿到現(xiàn)在可能更關(guān)注空氣質(zhì)量等因素,所以也考慮要不要帶口罩。
現(xiàn)在,我們獲取天氣信息的渠道就更多了,而且天氣信息量能獲取的也更大,這里主要關(guān)注于App這個渠道。在具體說App之前,還是先回過頭來再稍作考慮一下:作為天氣用戶,我們核心的需求點(diǎn)是什么?
這么來講,一般我們說”天氣怎么樣”,這大概包含了想知道的哪些信息?最關(guān)鍵的,現(xiàn)在起碼會有以下3點(diǎn)(尤其是前2點(diǎn)):
- 晴天還是雨天?
- 氣溫多少?
- 空氣質(zhì)量如何?
再從這3點(diǎn)延伸展開(非必需,是豐富面),對于某個地方,分別從時間、天氣要素這2個層面還有:
時間:
- 未來3天,一周,甚至更多天的天氣走向?
- 一天內(nèi)每個小時段的天氣情況,特別是雨天,大概多久會下雨,大概多久會停?
天氣要素:有沒有風(fēng),濕度等如何?
這里并非做大而全的分析,其他層面(地理相關(guān)因素暫且忽略)不做考慮暫且就這些繼續(xù)吧,只抓最要緊的部分。
特別的,往本質(zhì)一點(diǎn)去考慮,我們關(guān)注天氣其實(shí)并非關(guān)注天氣本身,而是為了從天氣信息中判斷決定接下來的生活安排,所以是“天氣因素”影響到觸發(fā)“接下來的行動(計(jì)劃)”。表面上我們關(guān)注的是天氣,實(shí)質(zhì)是生活,天氣是我們關(guān)心生活的一個角度,一個切入口,從它可以看到自然生活的一面。
將這些內(nèi)容匯總整理一下理解,做一點(diǎn)產(chǎn)品方向上的思考,從深度上天氣App可以分為2大類:
- 天氣信息展示。這相當(dāng)于一個信息展示板,我只是到這里來看看天氣,獲取信息后離開。
- 生活助手。這相當(dāng)于一個秘書,我在這里了解天氣,秘書還會提示建議一些生活決策供我參考,甚至呈上一份點(diǎn)心。
在上面的了解基礎(chǔ)上,我掃了一下目前市場上相關(guān)App還不少,我就有點(diǎn)好奇到底有哪些天氣App以及它們各是怎么在做,所以從App Store里找到了100多款天氣App。
經(jīng)過一些篩選,比如有的實(shí)在太丑(丑到不能用),有的無法使用(比如數(shù)據(jù)異常),有的個別單位專用,有的是特殊用途(并非常用天氣需求),有的太赤裸裸橫條廣告,有的過于不人性化,有的很干擾太多,從功能可用性、粗暴廣告、低劣設(shè)計(jì)等因素剔除了絕大部分,這里收錄了25款(排名不分先后優(yōu)劣)相對更加優(yōu)質(zhì)的App。
當(dāng)然不可避免可能存在誤傷,所以個別可能你覺的很好的相關(guān)App沒有收錄在這里(這批收集時間為11月,新出來的這里也沒有),歡迎交流,如果真的好產(chǎn)品值得多加推薦,大家也都能發(fā)現(xiàn)更多美好的存在。
案例
接下來看看它們是怎么做的。介于這里數(shù)量不少,我選了一種非常干脆的做法,直接聚焦于App首頁面,最核心的肯定是在這里充分體現(xiàn)(一款產(chǎn)品首頁做到什么程度,也能反映背后的產(chǎn)品實(shí)力和產(chǎn)品理解,這里顯示的是產(chǎn)品認(rèn)為對于用戶最有價值的是什么?),特別是感受一款產(chǎn)品的調(diào)性,所以下面關(guān)于產(chǎn)品分析的內(nèi)容并不會涉及很多方面,也不討論優(yōu)劣等,我們集中在“(最核心)天氣業(yè)務(wù)”就好。
依次的首頁截圖如下(部分頁面中地理信息有打碼):
1. 墨跡天氣(6.1.6)
墨跡天氣App
墨跡天氣的首頁上“信息非常豐富”,上部分的信息塊是“實(shí)時天氣信息”,特別給出了“短時內(nèi)下雨”預(yù)告;下部分是“今天、明天的天氣信息”;中間還有個特色的小人,它會根據(jù)不同的天氣情況,顯示不同的穿著(帶沒帶傘)。
PS.頁面上點(diǎn)綴散布的“小廣告”不是關(guān)注重點(diǎn),直接忽略,對于其他App也是如此處理。
那么,我們整理一下關(guān)于天氣業(yè)務(wù)的服務(wù),在最核心的首頁上,墨跡天氣提供了3個方面的內(nèi)容:
- 實(shí)時天氣信息(短時下雨預(yù)告):溫度、降水率、風(fēng)級、空氣質(zhì)量
- 今、明兩天的天氣信息:晴雨、溫度、空氣污染程度
- 以小人為呈現(xiàn)媒介的“天氣相關(guān)生活建議”(比如根據(jù)天氣穿什么樣的衣服)
以上基本足以囊括一般生活關(guān)于“天氣”的需要,甚至有富裕??梢钥闯?,墨跡天氣更注重“實(shí)時天氣、短時降雨、今明兩天天氣”這3個層面的天氣信息,偏“實(shí)時、短近期天氣”。
另外提一下,從大的框架上看,墨跡天氣是劃分出了3個版塊,默認(rèn)是“天氣”,其次是“時景”,“我”最后。即使我們不切換到其它版塊,從“時景”這個名字也可以大概了解(當(dāng)然我自己是體驗(yàn)過了),這款產(chǎn)品提供了“天氣”主題以外,或者說延伸出去的生活內(nèi)容。
2. 天氣預(yù)報(3.6.1 來自app夢工廠)
天氣預(yù)報App
天氣預(yù)報的首頁上的組成相對簡單,天氣信息主要集中在下部分,提供了“今天的天氣信息”(實(shí)時氣溫),以及一個天氣小人,它會根據(jù)不同天氣變換應(yīng)景的(表情)狀態(tài),點(diǎn)擊它還會出現(xiàn)對話氣泡顯示“今明兩天的天氣,及逗趣文字”。
所以這里就提供了1個方面的內(nèi)容:
今(明兩天)的天氣信息:溫度、降水率、風(fēng)級、空氣質(zhì)量
這項(xiàng)信息也是對于天氣的最基本的需要了??梢钥闯?,天氣預(yù)報更注重“今(明兩天)的天氣信息”這1個層面的天氣信息,偏“實(shí)時、近期天氣”。
3. 天氣通(5.25)
天氣通App
天氣通的首頁上天氣信息塊也集中在下半部分,有“實(shí)時天氣”和“今、明兩天的天氣”。中間還有個默認(rèn)折疊起來的“24h氣溫變化”。
這里有3個方面的內(nèi)容:
- 實(shí)時天氣:溫度、晴雨、空氣質(zhì)量
- 今、明兩天的天氣:晴雨、溫度范圍、空氣質(zhì)量
- 24h氣溫變化
可以看到,天氣通更注重“實(shí)時天氣、今、明兩天的天氣”這2個層面的天氣信息,偏“實(shí)時,短近期天氣”。
4. 黃歷天氣(3.20.0.2)
黃歷天氣App
黃歷天氣的首頁上,天氣信息也主要在底部,不過左上角有個“今天空氣質(zhì)量”,下部分是“實(shí)時天氣”,以及“今、明兩天的天氣”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:溫度、晴雨、空氣質(zhì)量
- 今、明兩天的天氣:晴雨、溫度范圍
可以看到,黃歷天氣更注重“實(shí)時天氣、今、明兩天的天氣”這2個層面的天氣信息,偏“實(shí)時,近期天氣”。
這款產(chǎn)品還有2個額外的業(yè)務(wù)版塊,特別是“黃歷”,對于有這方面認(rèn)知的人群來說,“黃歷+天氣”也確實(shí)算是很不錯的搭配,關(guān)鍵講得通。
5. 2345天氣王(3.5)
2345天氣王App
2345天氣王的首頁,右上角是“今天空氣質(zhì)量”,上部中間是“今天天氣信息”,下部分是“15日天氣預(yù)報(入口)”、“今天詳情(入口)”、“明天詳情(入口)”和“15天天氣信息(入口)”。
這里有2個方面的內(nèi)容:
- 今天天氣信息:晴雨、溫度范圍、當(dāng)前溫度、風(fēng)級、氣壓
- 15天天氣信息:晴雨、溫度范圍
可以看到,2345天氣王更注重“今天天氣信息、15天天氣信息”這2個層面的天氣信息,偏“近超長期天氣”。
6. 中央天氣預(yù)報(4.4.6)
中央天氣預(yù)報App
中央天氣預(yù)報的首頁上,上部分是“今天天氣信息”,底部是“明天、后天、大后天這3天的天氣”。
這里有2個方面的內(nèi)容:
- 今天天氣信息:當(dāng)前溫度、晴雨、溫度范圍、體感溫度、空氣質(zhì)量、天氣發(fā)布時間
- 明天、后天、大后天這3天的天氣信息:晴雨、溫度范圍
中央天氣預(yù)報更注重“今天天氣信息、明天、后天、大后天這3天的天氣信息”這2個層面的天氣信息,偏“實(shí)時,近期天氣”。
7. Yahoo天氣(1.10.1)
Yahoo天氣App
Yahoo天氣的首頁,天氣信息就一塊,集中在底部左下角,是“今天的天氣信息”。
這里有1個方面的內(nèi)容:
今天的天氣信息:實(shí)時溫度,晴雨、溫度范圍。
Yahoo天氣更注重“今天天氣信息”這1個層面的天氣信息,偏“實(shí)時、近期天氣”。
8. 最美天氣(2.2)
最美天氣App
最美天氣的首頁,右上角是“今天空氣質(zhì)量”,下方是“實(shí)時溫度、風(fēng)級、空氣質(zhì)量提示”(短時降雨預(yù)測入口),“今、明2天的天氣信息”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣信息:實(shí)時溫度,晴雨
- 今、明2天的天氣信息:晴雨、溫度范圍
最美天氣更注重“今天天氣信息”這2個層面的天氣信息,偏“實(shí)時,短近期天氣”。
這里有一個“實(shí)景”版塊,也是在從天氣主題去往外擴(kuò)展內(nèi)容。
9. 我的天氣(1.4.1)
我的天氣App
我的天氣的首頁,從上到下依次是“今天天氣信息”、“明天天氣信息”、“包括昨天在內(nèi)的6天天氣信息”、“當(dāng)前天氣信息(入口)”。
這里有3個方面的內(nèi)容:
- 今、明天氣信息:溫度范圍、晴雨
- 6天天氣信息:晴雨、溫度范圍
- 實(shí)時天氣信息(入口):晴雨、當(dāng)前溫度、空氣質(zhì)量提示
我的天氣更注重“今、明天氣信息、6天天氣信息、實(shí)時天氣信息”這3個層面的天氣信息,偏“實(shí)時,近長期天氣”。
10. 天氣預(yù)報(1.1 hongyu wang)
天氣預(yù)報App
天氣預(yù)報的首頁,右上角是“今天空氣質(zhì)量”,上部中間是“今天天氣信息”,下部分是“15日天氣預(yù)報(入口)”、“今天詳情(入口)”、“明天詳情(入口)”和“5天天氣信息”。
這里有2個方面的內(nèi)容:
- 今、明天氣信息:晴雨、溫度范圍、當(dāng)前溫度、風(fēng)級、氣壓
- 5天天氣信息:晴雨、溫度范圍
我的天氣更注重“今、明天氣信息、5天天氣信息”這2個層面的天氣信息,偏“近長期天氣”。
11. PM2.5(2.5.1)
PM2.5App
PM2.5的首頁,右上角是“今天空氣質(zhì)量”,底部是“AQI空氣質(zhì)量指數(shù)”、“當(dāng)前溫度、晴雨”、“PM2.5、PM10等空氣質(zhì)量指標(biāo)”。
這里有1個方面的內(nèi)容:
今天氣信息:晴雨、空氣質(zhì)量
PM2.5更注重“今天氣信息”這2個層面的天氣信息,偏“近期天氣”。
12.?天氣預(yù)報(2.5 YouLoft Tech)
天氣預(yù)報App
天氣預(yù)報的首頁,上部是“今天、明天、后天這3天的天氣信息”,底部是“實(shí)時天氣”。
這里有2個方面的內(nèi)容:
- 今天、明天、后天這3天的天氣信息:晴雨、溫度范圍
- 實(shí)時天氣:溫度、有霧、PM2.5
天氣預(yù)報更注重“今天、明天、后天這3天的天氣信息、實(shí)時天氣”這2個層面的天氣信息,偏“實(shí)時、近期天氣”。
13. 彩云天氣(3.0)
彩云天氣App
彩云天氣的首頁,左上角是“今天空氣質(zhì)量”,中部是“實(shí)時天氣(當(dāng)前溫度、晴雨、風(fēng)級)”,下部是“短時內(nèi)降雨預(yù)告”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:當(dāng)前溫度、晴雨、風(fēng)級
- 短時內(nèi)降雨
彩云天氣更注重“實(shí)時天氣、短時內(nèi)降雨”這2個層面的天氣信息,偏“實(shí)時、短期天氣”。
14. 中國天氣通(6.0)
中國天氣通App
中國天氣通的首頁,上部是“實(shí)時天氣”,沿著時間軸依次往下是“短時內(nèi)降雨預(yù)告、今天天氣、明天天氣、后天天氣(入口)”。
這里有3個方面的內(nèi)容:
- 實(shí)時天氣:溫度、風(fēng)級、空氣質(zhì)量
- 短時內(nèi)降雨
- 今、明這2天的天氣信息:晴雨、溫度范圍、風(fēng)級
中國天氣通更注重“實(shí)時天氣、短時內(nèi)降雨、今、明這2天的天氣信息”這3個層面的天氣信息,偏“實(shí)時、短近期天氣”。
15. Skycast(1.0.3)
SkycastApp
Skycast的首頁,整個默認(rèn)就是“實(shí)時天氣(晴雨、溫度)”,下部是“24h內(nèi)各小時天氣(入口)”,右劃依次看到各個小時的情況。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:晴雨、溫度
- 24h內(nèi)各小時天氣:晴雨、溫度
Skycast更注重“實(shí)時天氣、24h內(nèi)各小時天氣”這2個層面的天氣信息,偏“實(shí)時、短期天氣”。
16. 天氣預(yù)報(1.0.0)
天氣預(yù)報App
天氣預(yù)報的首頁,上部分是“今天天氣”,底部是“明天、后天、大后天這3天的天氣”。
這里有2個方面的內(nèi)容:
- 今天天氣:當(dāng)前溫度、晴雨、溫度范圍、體感溫度、空氣質(zhì)量、天氣發(fā)布時間
- 明天、后天、大后天這3天的天氣:晴雨、溫度范圍
天氣預(yù)報更注重“今天天氣、明天、后天、大后天這3天的天氣”這2個層面的天氣信息,偏“近期天氣”。
PS.它和“中央天氣預(yù)報”是一家。
17. 蔚藍(lán)地圖(3.1.4)
蔚藍(lán)地圖App
蔚藍(lán)地圖的首頁,中部是“實(shí)時天氣”,下部是“今天、明天、后天的天氣信息”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:溫度、晴雨、風(fēng)級、濕度、空氣質(zhì)量
- 今天、明天、后天這3天的天氣信息:晴雨、溫度范圍、空氣質(zhì)量
蔚藍(lán)地圖更注重“實(shí)時天氣、今天、明天、后天這3天的天氣信息”這2個層面的天氣信息,偏“實(shí)時、近期天氣”。
18. 小蝦天氣(2.1.3)
小蝦天氣App
小蝦天氣的首頁,天氣信息集中在底部,“實(shí)時天氣(溫度、晴雨、風(fēng)級、濕度、空氣質(zhì)量)”,底部是“包括昨天在內(nèi)的5天天氣信息”,外加一個小人(語音播報今天天氣)。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:溫度、晴雨、風(fēng)級、濕度、空氣質(zhì)量
- 5天天氣信息:晴雨、溫度范圍
小蝦天氣更注重“實(shí)時天氣、5天天氣信息”這2個層面的天氣信息,偏“實(shí)時、長期天氣”。
19. 知趣天氣(3.2.1)
知趣天氣App
知趣天氣的首頁上,左上角是“實(shí)時溫度”、“今天溫度范圍”、“AQI169”,右上角是“空氣質(zhì)量”、“明天天氣概況”,中部是“晴雨”,底部是“5天天氣信息”。
這里有2個方面的內(nèi)容:
- 今天天氣:溫度、晴雨、空氣質(zhì)量
- 5天天氣信息:晴雨
知趣天氣更注重“今天天氣、5天天氣信息”這2個層面的天氣信息,偏“長期天氣”。
20. 天氣(1.3.2 Aotesiqi LLC)
天氣App
天氣的首頁上,上部是“實(shí)時天氣”,下部是“4天天氣信息”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:溫度、晴雨
- 4天天氣信息:晴雨、溫度范圍
天氣更注重“實(shí)時天氣、4天天氣信息”這2個層面的天氣信息,偏“實(shí)時、長期天氣”。
21. 天氣預(yù)報(2.0.2 ?Shang Zou)
天氣預(yù)報App
天氣預(yù)報的首頁,上部是“今天天氣”,下部是“實(shí)時天氣”,“5個小時內(nèi)天氣變化”,“6天天氣信息(入口)”。
這里有2個方面的內(nèi)容:
- 今天天氣:溫度范圍、晴雨、空氣質(zhì)量
- 實(shí)時天氣(短期預(yù)告):晴雨、溫度
天氣更注重“實(shí)時天氣(短期預(yù)告)、今天天氣”這2個層面的天氣信息,偏“實(shí)時、短近期天氣”。
22. 天氣君(4.0.3)
天氣君App
天氣君的首頁,天氣信息主要集中在下部,背景顯示“晴雨”,“實(shí)時天氣信息”,“明天天氣、后天天氣”。這小人點(diǎn)擊后顯示的內(nèi)容,基本屬于“逗趣”,沒有天氣信息價值(就體驗(yàn)中得知)。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣信息:溫度、晴雨、空氣質(zhì)量、降雨率、風(fēng)級、短期內(nèi)降雨預(yù)告
- 明后這2天的天氣:晴雨、溫度范圍、空氣質(zhì)量
天氣君更注重“實(shí)時天氣信息、明后這2天的天氣”這2個層面的天氣信息,偏“實(shí)時、短近期天氣”。
23. 天氣(1.0 Xiao He)
天氣App
天氣的首頁,上部是“實(shí)時天氣”,下部分是“5天天氣信息”,以及“穿衣指數(shù)等(入口)”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:晴雨、溫度、空氣質(zhì)量、濕度
- 5天天氣信息:晴雨、溫度范圍
天氣更注重“實(shí)時天氣、5天天氣信息”這2個層面的天氣信息,偏“實(shí)時、長期天氣”。
24. 美天氣(3.2.4)
美天氣App
美天氣的首頁,天氣信息集中在底部,左下角是“實(shí)時溫度”,右下角是“今天天氣”。
這里有2個方面的內(nèi)容:
- 實(shí)時天氣:溫度
- 今天天氣:晴雨、溫度范圍
美天氣更注重“實(shí)時天氣、今天天氣”這1個層面的天氣信息,偏“實(shí)時、近期天氣”。
25. 天氣家(2.1)
天氣家App
天氣家的首頁,背景圖顯示天氣對應(yīng)場景效果,天氣信息集中在中部,是“實(shí)時天氣信息”。
這里有1個方面的內(nèi)容:
實(shí)時天氣:溫度、晴雨、空氣質(zhì)量、風(fēng)級
天氣家更注重“實(shí)時天氣”這1個層面的天氣信息,偏“實(shí)時天氣”。
總體來說
- 這些天氣App主要以風(fēng)景圖為背景,部分會依據(jù)實(shí)際天氣來顯示對應(yīng)的內(nèi)容(以告知天氣情況),有的則更多是美化裝飾。大多數(shù)的“天氣信息”集中在偏下方,其余頁面空間大量“留白”。
- “天氣信息”則主要分為“實(shí)時、短期預(yù)告、1-3天近期天氣、4-6天長期天氣、15天超長天氣”這5種劃分來有偏向的組合突顯。
- 少部分App從“天氣”在往“生活”層面去擴(kuò)展,有的體現(xiàn)在明顯的業(yè)務(wù)版塊劃分,有的則通過一些新穎的玩法(比如動畫小人物、黃歷、采花等)來提供。
以上僅為淺嘗后的一家之言,個人理解而已,歡迎交流,也許我說的都是錯的。ps.這里的編輯器上傳圖片體驗(yàn)很一般,速度慢、無提示……
iOS版本,10.1.1
本文由 @鯉洋 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
收集這么多,都沒有細(xì)細(xì)分析下去,還不如選擇幾個代表性的,全面分析。
背景圖自定義,跟隨天氣的霧化,虛化,雨化分享的自定義自拍圖片,獨(dú)有特色的分享模式的可自定義的精簡APP才是最有價值的。順帶學(xué)習(xí)下微信朋友圈的模糊照片可擦拭查看的方式,肯定又是爆款。懸念,又達(dá)到得式的揭曉懸念的心里。撩妹手法。
沒有g(shù)et到up主的點(diǎn),做了這么多工作是為了干嘛。感覺只是信息集合,沒有看到有營養(yǎng)的分析。選取的應(yīng)用也可以根據(jù)你自己設(shè)定的維度來分類舉例,畢竟也沒有挨個枚舉。
很費(fèi)力氣,意義不大
很用心,但是看得眼都花了~感覺大同小異~每個公司都不能脫穎而出啊~