2013-10-25 藍(lán)藍(lán)設(shè)計的小編
轉(zhuǎn)載藍(lán)藍(lán)設(shè)計( m.88yangsc.com )是一家專注而深入的界面設(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:“好阿,等等…我查下天氣?!?見鬼!明天下雨,只能改天了。”
“….(好失落)”
場景2:“好阿,等等…我查下天氣?!?太好了!明天陽光燦爛,走著!”
“走著!!”
不要誤會,這里不是社交平臺,也不是約會場合,以上兩種不同場景所帶來的不同心情,在你查看天氣情況時是否也遇到過?為什么越來越多的產(chǎn)品都融入了情感化的設(shè)計,其實產(chǎn)品的使用者,也就是我們都是情感化的動物(高級動物),在使用任何產(chǎn)品時我們都會有相應(yīng)的心理訴求,如果你沒發(fā)現(xiàn)的話,那只是你還不善于觀察自己。
查看天氣相信是大多數(shù)人每天都會進(jìn)行的操作,無論是愛美麗帥氣的姑娘小伙兒,還是愛旅游社交的靚妹帥哥…天氣在搜索項目里自然是搜索量很大的應(yīng)用?,F(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://m.88yangsc.com