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