“hi，小米，明天一起去園博會(huì)哇?”
場(chǎng)景1：“好阿，等等…我查下天氣。… 見鬼!明天下雨，只能改天了。”
“….(好失落)”
場(chǎng)景2：“好阿，等等…我查下天氣。… 太好了!明天陽(yáng)光燦爛，走著!”
“走著!!”
不要誤會(huì)，這里不是社交平臺(tái)，也不是約會(huì)場(chǎng)合，以上兩種不同場(chǎng)景所帶來(lái)的不同心情，在你查看天氣情況時(shí)是否也遇到過(guò)?為什么越來(lái)越多的產(chǎn)品都融入了情感化的設(shè)計(jì)，其實(shí)產(chǎn)品的使用者，也就是我們都是情感化的動(dòng)物(高級(jí)動(dòng)物)，在使用任何產(chǎn)品時(shí)我們都會(huì)有相應(yīng)的心理訴求，如果你沒發(fā)現(xiàn)的話，那只是你還不善于觀察自己。
查看天氣相信是大多數(shù)人每天都會(huì)進(jìn)行的操作，無(wú)論是愛美麗帥氣的姑娘小伙兒，還是愛旅游社交的靚妹帥哥…天氣在搜索項(xiàng)目里自然是搜索量很大的應(yīng)用。現(xiàn)今無(wú)論是桌面端，網(wǎng)頁(yè)端或是手機(jī)端關(guān)于天氣的應(yīng)用已經(jīng)不計(jì)其數(shù)，其中不乏很多創(chuàng)新的設(shè)計(jì)。近幾年整體的設(shè)計(jì)趨勢(shì)都漸漸靠向情感化的設(shè)計(jì)，將天氣對(duì)應(yīng)的場(chǎng)景融入了設(shè)計(jì)中，讓用戶有身臨其境的感覺，在這些天氣前輩們的面前，我們的應(yīng)用該如何做到亮眼，吸引用戶并且讓用戶下次再來(lái)光臨呢?是個(gè)難題。
設(shè)計(jì)—思路變現(xiàn)
想讓用戶對(duì)搜索天氣印象深刻，就需要從設(shè)計(jì)中傳達(dá)一種正面的情感觸動(dòng)。最初我們嘗試了實(shí)體化的場(chǎng)景，考慮到雨天相較于其他天氣容易對(duì)用戶造成心理上微弱的負(fù)面影響(影響出行)，于是將雨天作為第一個(gè)設(shè)計(jì)的天氣。
天氣遇上情感化設(shè)計(jì)—–折紙?zhí)鞖獾恼Q生
如上圖，將雨天的實(shí)體化場(chǎng)景作為背景圖，加上用戶最想了解的溫度，天氣狀態(tài)，日期，部分指數(shù)信息以及未來(lái)四日的天氣。信息和場(chǎng)景滿足需求，但僅僅是基本需求。離我們的宗旨—做一款能夠觸動(dòng)用戶并主動(dòng)使用的天氣應(yīng)用—還相差甚遠(yuǎn)。通俗說(shuō)就是設(shè)計(jì)沒有亮點(diǎn)，情感不夠真摯。
打散思路，重新整合。去各種圖片站找找天氣的靈感，搜索“雨天”，鎖定重要場(chǎng)景元素
撲面的雨點(diǎn)，撐傘的行人，這樣的場(chǎng)景似乎很熟悉，某一天的你和我也這樣冒雨趕路，這是一種相對(duì)負(fù)面的思路，那是否能提取正向的畫面呢?
拋開昏暗陰沉天氣的雨天，拋開砸下來(lái)的雨點(diǎn)。提取雨傘這個(gè)代表元素，可以有示意的雨滴，雨天的場(chǎng)景配色必然為冷色，在色譜中提取屬于冷色但不冷酷的顏色，將它們結(jié)合構(gòu)成一幅寧?kù)o舒適雨天的畫面。雨傘在整個(gè)畫面一是配合了雨天場(chǎng)景應(yīng)有的元素，二也起到了提醒用戶勿忘帶傘出門的意圖。將雨傘融入畫面，不能突兀的用實(shí)體傘對(duì)畫面造成違和感，采用清新，細(xì)膩的折紙圖標(biāo)來(lái)打破一貫的扁平風(fēng)，成為此款應(yīng)用的一大亮點(diǎn)。
沿用雨天的思路，將其他常見天氣的場(chǎng)景進(jìn)行了細(xì)致的配色分配，元素的提取，折紙圖標(biāo)的構(gòu)思與繪制。每一種天氣融入其帶給用戶的心情，例如晴天，橙色帶來(lái)陽(yáng)光sunshine的心情，讓用戶在看到這樣的好天氣也有同樣的好心情;雪天，不是冰冷的雪花，而是松軟的折紙?jiān)贫渑c折紙雪花，加上星星點(diǎn)點(diǎn)的點(diǎn)綴，營(yíng)造一種浪漫的雪天場(chǎng)景。
追思—版本迭代
天氣應(yīng)用在搜索項(xiàng)目中的地位是不容忽視，天氣的改版最重要的目的是在滿足用戶的需求，保留最高的留存率，在這次改版一周后，我們觀察數(shù)據(jù)發(fā)現(xiàn)進(jìn)入360搜索查看天氣的用戶的導(dǎo)出率相較改版前沒有很大的降低，問(wèn)題出在哪里?
通過(guò)一次小規(guī)模調(diào)研和后臺(tái)反饋信息的觀察發(fā)現(xiàn)主要問(wèn)題出在了信息的排列與梳理上，用戶除了查看當(dāng)天的天氣，溫度以外更關(guān)心的是未來(lái)幾天的天氣情況，如果不能滿足，自然會(huì)有很高的導(dǎo)出率，我們將重點(diǎn)放在了信息的排列上，以做到體驗(yàn)更好的天氣應(yīng)用。
在第二版中，強(qiáng)化了未來(lái)幾天的天氣，增加了tab切換，重點(diǎn)信息的排放位置，將“天氣狀態(tài)”“地域”“溫度”“風(fēng)力”幾個(gè)最重要的信息從上而下排列。這些細(xì)節(jié)調(diào)整后，迅速上線。一周的周期過(guò)后查看后臺(tái)數(shù)據(jù)顯示導(dǎo)出率從第一版的70%下降到50%左右，這樣的數(shù)據(jù)證實(shí)了我們修正的點(diǎn)是正確的，只有滿足了用戶對(duì)基本信息的全面了解才能讓用戶不需要多點(diǎn)擊跳轉(zhuǎn)到其他頁(yè)面上去了解更多的信息。
導(dǎo)出率的降低讓我們對(duì)信息的排列看的尤為重要，是否可以再優(yōu)化下?在第三版中我們補(bǔ)充了“星期”“陽(yáng)歷與農(nóng)歷”等信息，改版后導(dǎo)出率降到40%。這些數(shù)據(jù)都印證了我們的精益求精是有用的，是有收獲的!
優(yōu)化—動(dòng)畫特效
為了給用戶營(yíng)造更生動(dòng)有趣的天氣場(chǎng)景，我們?cè)诔Ｒ姷奶鞖饫锛尤肓藙?dòng)畫特效，讓天氣的場(chǎng)景更逼真。
【動(dòng)畫效果1】
【動(dòng)畫效果2】
【動(dòng)畫效果3】
補(bǔ)充—醬油伙伴
主角介紹完后，也不能落下醬油君，天氣簡(jiǎn)型圖標(biāo)也是不可或缺的。
樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源： 折紙?zhí)鞖馇楦谢O(shè)計(jì)：傳達(dá)正面情感觸動(dòng)
