2013-10-25 藍(lán)藍(lán)設(shè)計(jì)的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.indbiotech.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
來(lái)源：http://uxc.360.cn/archives/1453.html
如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里
“hi，小米，明天一起去園博會(huì)哇？”
場(chǎng)景1：“好阿，等等…我查下天氣。… 見(jiàn)鬼！明天下雨，只能改天了。”
“….（好失落）”
場(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)的心理訴求，如果你沒(méi)發(fā)現(xiàn)的話，那只是你還不善于觀察自己。
查看天氣相信是大多數(shù)人每天都會(huì)進(jìn)行的操作，無(wú)論是愛(ài)美麗帥氣的姑娘小伙兒，還是愛(ài)旅游社交的靚妹帥哥…天氣在搜索項(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ì)中，讓用戶(hù)有身臨其境的感覺(jué)，在這些天氣前輩們的面前，我們的應(yīng)用該如何做到亮眼，吸引用戶(hù)并且讓用戶(hù)下次再來(lái)光臨呢？是個(gè)難題。
想讓用戶(hù)對(duì)搜索天氣印象深刻，就需要從設(shè)計(jì)中傳達(dá)一種正面的情感觸動(dòng)。最初我們嘗試了實(shí)體化的場(chǎng)景，考慮到雨天相較于其他天氣容易對(duì)用戶(hù)造成心理上微弱的負(fù)面影響（影響出行），于是將雨天作為第一個(gè)設(shè)計(jì)的天氣。
如上圖，將雨天的實(shí)體化場(chǎng)景作為背景圖，加上用戶(hù)最想了解的溫度，天氣狀態(tài)，日期，部分指數(shù)信息以及未來(lái)四日的天氣。信息和場(chǎng)景滿(mǎn)足需求，但僅僅是基本需求。離我們的宗旨—做一款能夠觸動(dòng)用戶(hù)并主動(dòng)使用的天氣應(yīng)用—還相差甚遠(yuǎn)。通俗說(shuō)就是設(shè)計(jì)沒(méi)有亮點(diǎn)，情感不夠真摯。
打散思路，重新整合。去各種圖片站找找天氣的靈感，搜索“雨天”，鎖定重要場(chǎng)景元素
撲面的雨點(diǎn)，撐傘的行人，這樣的場(chǎng)景似乎很熟悉，某一天的你和我也這樣冒雨趕路，這是一種相對(duì)負(fù)面的思路，那是否能提取正向的畫(huà)面呢？
拋開(kāi)昏暗陰沉天氣的雨天，拋開(kāi)砸下來(lái)的雨點(diǎn)。提取雨傘這個(gè)代表元素，可以有示意的雨滴，雨天的場(chǎng)景配色必然為冷色，在色譜中提取屬于冷色但不冷酷的顏色，將它們結(jié)合構(gòu)成一幅寧?kù)o舒適雨天的畫(huà)面。雨傘在整個(gè)畫(huà)面一是配合了雨天場(chǎng)景應(yīng)有的元素，二也起到了提醒用戶(hù)勿忘帶傘出門(mén)的意圖。將雨傘融入畫(huà)面，不能突兀的用實(shí)體傘對(duì)畫(huà)面造成違和感，采用清新，細(xì)膩的折紙圖標(biāo)來(lái)打破一貫的扁平風(fēng)，成為此款應(yīng)用的一大亮點(diǎn)。
沿用雨天的思路，將其他常見(jiàn)天氣的場(chǎng)景進(jìn)行了細(xì)致的配色分配，元素的提取，折紙圖標(biāo)的構(gòu)思與繪制。每一種天氣融入其帶給用戶(hù)的心情，例如晴天，橙色帶來(lái)陽(yáng)光sunshine的心情，讓用戶(hù)在看到這樣的好天氣也有同樣的好心情；雪天，不是冰冷的雪花，而是松軟的折紙?jiān)贫渑c折紙雪花，加上星星點(diǎn)點(diǎn)的點(diǎn)綴，營(yíng)造一種浪漫的雪天場(chǎng)景。
天氣應(yīng)用在搜索項(xiàng)目中的地位是不容忽視，天氣的改版最重要的目的是在滿(mǎn)足用戶(hù)的需求，保留最高的留存率，在這次改版一周后，我們觀察數(shù)據(jù)發(fā)現(xiàn)進(jìn)入360搜索查看天氣的用戶(hù)的導(dǎo)出率相較改版前沒(méi)有很大的降低，問(wèn)題出在哪里？
通過(guò)一次小規(guī)模調(diào)研和后臺(tái)反饋信息的觀察發(fā)現(xiàn)主要問(wèn)題出在了信息的排列與梳理上，用戶(hù)除了查看當(dāng)天的天氣，溫度以外更關(guān)心的是未來(lái)幾天的天氣情況，如果不能滿(mǎn)足，自然會(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)是正確的，只有滿(mǎn)足了用戶(hù)對(duì)基本信息的全面了解才能讓用戶(hù)不需要多點(diǎn)擊跳轉(zhuǎn)到其他頁(yè)面上去了解更多的信息。
導(dǎo)出率的降低讓我們對(duì)信息的排列看的尤為重要，是否可以再優(yōu)化下？在第三版中我們補(bǔ)充了“星期”“陽(yáng)歷與農(nóng)歷”等信息，改版后導(dǎo)出率降到40%。這些數(shù)據(jù)都印證了我們的精益求精是有用的，是有收獲的！
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.indbiotech.com.cn