您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 設(shè)計(jì)理論 >> 瀏覽設(shè)計(jì)教程

情感化設(shè)計(jì)提升品牌價(jià)值

 

每逢節(jié)日,用戶會(huì)接收大量的廣告和活動(dòng)信息,怎樣讓用戶更加了解我們的產(chǎn)品?怎樣從形形色色的專題頁(yè)面中脫穎而出打動(dòng)用戶?我們的出發(fā)點(diǎn)是讓用戶產(chǎn)生情感共鳴。下面說(shuō)下在做充值中心春節(jié)活動(dòng)的過(guò)程:

  前期思考:使用場(chǎng)景引起用戶的共鳴

   春節(jié)活動(dòng)是一次設(shè)計(jì)師逆襲。設(shè)計(jì)師首次參與到活動(dòng)前期的策劃中,活動(dòng)前期召開大小會(huì)議十幾次,產(chǎn)品運(yùn)營(yíng)和設(shè)計(jì)師針對(duì)活動(dòng)方案進(jìn)行頭腦風(fēng)暴。

 

chong-1

  通常專題頁(yè)面設(shè)計(jì)會(huì)通過(guò)兩種方式吸引用戶的注意:

  一、強(qiáng)有力的標(biāo)題;二、優(yōu)惠的內(nèi)容(例如參與活動(dòng)即可獲得大禮包等)。

  對(duì)用戶來(lái)講,免費(fèi)的誘惑是不可抵擋的。折扣免費(fèi)抽獎(jiǎng)等形式自然會(huì)吸引用戶的注意。然而,與用戶建立起的利益關(guān)系,并不能直接引導(dǎo)用戶在日常生活中使用你的產(chǎn)品。怎樣能深入到用戶的生活中,變成用戶生活必不可少的貼心助手?

 

  春節(jié)活動(dòng)帶著這個(gè)目標(biāo),針對(duì)三個(gè)主要業(yè)務(wù),對(duì)用戶頻繁出現(xiàn)的使用場(chǎng)景進(jìn)行分析。可以說(shuō)設(shè)計(jì)就應(yīng)該融入到用戶的生活環(huán)境中。

 

  例如深澤直人就很好的將人的行為與環(huán)境結(jié)合在一起。

 

  一、他考慮用戶在使用打印機(jī)時(shí)通常會(huì)打幾張出來(lái),會(huì)挑選其中一張,然后把其他的撕掉扔掉扔進(jìn)廢紙簍,而深澤直人就設(shè)計(jì)了碎紙機(jī)廢紙簍,將打印機(jī)與周圍環(huán)境結(jié)合起來(lái);

 

  二、有底盤的臺(tái)燈,大家回家后,就會(huì)把手表、鑰匙取下來(lái),有一個(gè)放東西的地方;

 

  用戶在使用的時(shí)候,不再是為外在所傾倒,而是隨之而來(lái)的實(shí)用感和使用過(guò)程中的舒適,便捷,既而成了下一次繼續(xù)選擇此設(shè)計(jì)者的充分理由。

  同理,將頻繁出現(xiàn)在用戶生活中的行與場(chǎng)景密切結(jié)合起來(lái),當(dāng)用戶身處這樣的場(chǎng)景中時(shí)或經(jīng)歷過(guò)同樣的場(chǎng)景,潛意識(shí)中會(huì)對(duì)充值中心便捷的服務(wù)產(chǎn)生共鳴。

 

chong-2

  經(jīng)過(guò)分析提煉出一下三個(gè)場(chǎng)景:

  •話費(fèi) :春節(jié)期間,電話短信拜年已經(jīng)成為中國(guó)人拜年的一種必不可少的方式,當(dāng)除夕欠費(fèi)的時(shí)候,使用充值中心充話費(fèi)快捷方便的場(chǎng)景便是用戶產(chǎn)生的共鳴!

 

  •網(wǎng)游 :春節(jié)也正是很多學(xué)生和工作人員放假的日子,網(wǎng)游便是陪伴他們放松娛樂的一個(gè)好伙伴,裝備便是很多網(wǎng)游用戶不惜一切代價(jià)希望得到的,假期網(wǎng)游的場(chǎng)景便會(huì)引起網(wǎng)游用戶的共鳴。

 

  •彩票 :彩票的共鳴場(chǎng)景相對(duì)較難,但是年前網(wǎng)絡(luò)流行這么一個(gè)段子,年終獎(jiǎng)發(fā)500萬(wàn),居然是張彩票,彩票來(lái)當(dāng)年終獎(jiǎng)是我們可以抓住的一個(gè)好的題材。

 

chong-3

  總結(jié)出用戶在春節(jié)期間遇到狀況,使用戶能夠憑借對(duì)活動(dòng)的印象第一時(shí)間想到充值中心的便捷服務(wù)。

  創(chuàng)新,勇敢的邁出這一步

  怎樣讓用戶理解并接受我們要傳達(dá)的信息?選擇適當(dāng)?shù)恼宫F(xiàn)方式,是與用戶溝通的重要橋梁。

 

  一個(gè)頁(yè)面內(nèi)容為王,但是表現(xiàn)形式也起著至關(guān)重要的作用,這決定著我們的頁(yè)面能否真正讓用戶產(chǎn)生共鳴。為了讓每個(gè)業(yè)務(wù)的場(chǎng)景達(dá)到效果最佳,我們選擇了放大場(chǎng)景,這要求我們必須打破傳統(tǒng)常規(guī)的活動(dòng)表現(xiàn)形式,做適合我們主題的活動(dòng)頁(yè)面,創(chuàng)新這一步,必須勇敢的邁出。

  開始面臨最大的挑戰(zhàn)時(shí),如何把三個(gè)完全不相關(guān)的場(chǎng)景業(yè)務(wù)聯(lián)系到一起,顯然,時(shí)間軸便是一個(gè)好的線索。如何把想法表達(dá)給產(chǎn)品經(jīng)理光靠說(shuō)和想是達(dá)不到效果的,草圖是表達(dá)想法的好利器。下面是將前期的IDEA整理為草圖,方便項(xiàng)目參與人員了解項(xiàng)目的主要內(nèi)容:

chong-4

  方案的結(jié)果看似簡(jiǎn)單,過(guò)程卻是糾結(jié)復(fù)雜的,選用真人照片還是漫畫,這些細(xì)節(jié)都有經(jīng)過(guò)激烈的討論,在綜合時(shí)間、經(jīng)驗(yàn)等多方面原因,最后決定發(fā)揮特長(zhǎng),走漫畫路線。

  漫畫主要以搞笑路線為主,通過(guò)夸大人物的面部表情來(lái)表現(xiàn)場(chǎng)景內(nèi)容,每一個(gè)人物的表情都是經(jīng)過(guò)反復(fù)的修改后確定。

chong-5

  本次活動(dòng)區(qū)別于傳統(tǒng)活動(dòng)的一點(diǎn)就是,動(dòng)畫效果是整個(gè)活動(dòng)的點(diǎn)睛之筆;視覺稿接近尾聲的時(shí)候,便是前端和開發(fā)發(fā)力的時(shí)候,要完成這一些列的動(dòng)畫效果,最有效率的辦法就是參與項(xiàng)目的設(shè)計(jì)師與前端開發(fā)一起確定動(dòng)畫效果,根據(jù)實(shí)際情況調(diào)整PSD。

 

chong-6

  考慮到時(shí)間和效率的問(wèn)題,設(shè)計(jì)與前端、開發(fā)一起在小會(huì)議室閉關(guān)兩天,這件事情做起來(lái)效率大大提高。我們綜合考慮了不同的分辨率和不同瀏覽器下的視覺效果,調(diào)整了一個(gè)既方便高分辨率用戶又方便低分辨使用的尺寸,同時(shí)兼容了IE6等瀏覽器。凡是充值中心的用戶,不管使用什么類型的瀏覽器分辨率,我們都會(huì)努力兼顧達(dá)到體驗(yàn)最優(yōu)。

chong-7

  最終效果

 

chong-8

  寫在最后

 

  我們組是一個(gè)年輕的組,很多時(shí)候要靠自己摸索著前進(jìn),磕磕碰碰遇到很多問(wèn)題,走了很多彎路,最終項(xiàng)目還是完成了,也取得了相對(duì)不錯(cuò)的成績(jī),過(guò)年期間,在幾乎所有產(chǎn)品流量偏低的情況下,活動(dòng)取得了較好的品牌宣傳,及銷量拉動(dòng)的效果。微博閱讀189萬(wàn)次,頁(yè)面曝光PV612,650 次,UV521,052次,參與人數(shù)共105,986人。

 

  摸打滾爬的把項(xiàng)目完成了,當(dāng)然也是沉甸甸的收獲,除了專業(yè)方面能清晰的看到一些需要繼續(xù)努力的問(wèn)題外,我們感觸頗深的還有以下幾點(diǎn):

 

  1、找解決方案,不推卸責(zé)任。 不管是哪個(gè)環(huán)節(jié),誰(shuí)出現(xiàn)的問(wèn)題,既然問(wèn)題出現(xiàn)了,不要推卸責(zé)任,大家既然是一個(gè)團(tuán)隊(duì),就要勇于承擔(dān),齊心合力找解決方案。

 

  2、溝通是提高效率的關(guān)鍵。 項(xiàng)目不是一個(gè)人可以完成的,多種角色參與的情況下,要表達(dá)更要傾聽。要綜合考慮各方面的實(shí)際情況,而非只著眼于自己的角色。

 

  3、遇到瓶頸,尋求幫助。 遇到自己難以短時(shí)間解決的專業(yè)問(wèn)題,要跳出自己的視線,尋求周圍人的建議幫助。閉門造車,只會(huì)在自己的圈子里難以自拔。

  缺乏經(jīng)驗(yàn)并沒有把我們打敗,我們還是堅(jiān)持的走了下來(lái),有些問(wèn)題錯(cuò)過(guò)才刻骨銘心,有些彎路曲折過(guò)才有更多經(jīng)驗(yàn)。不管這次活動(dòng)的結(jié)果如何,這是一次挑戰(zhàn),更是一次豐收。

  活動(dòng)地址:http://static.chong.qq.com/promote/2013/index_year.shtml

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di1447.html
網(wǎng)頁(yè)UI導(dǎo)航按鈕設(shè)計(jì)方法論
為多層面用戶而設(shè)計(jì)
圖趣網(wǎng)微信
建議反饋
×