IxD2013-A6-設(shè)計(jì)提升品牌價(jià)值-崔志偉阮磊

1、設(shè)計(jì)提升品牌價(jià)值淘寶時(shí)光機(jī)機(jī)淘寶UEDD： 知秋，云云古提綱設(shè)計(jì)理論設(shè)計(jì)與品牌牌的關(guān)系系設(shè)計(jì)思考用戶分析營銷分析設(shè)計(jì)分析設(shè)計(jì)目標(biāo)形態(tài)情感化化視覺覺故事情感化化內(nèi)容容操作情感化化交互互設(shè)計(jì)過程設(shè)計(jì)推導(dǎo)協(xié)作效能設(shè)計(jì)傳播瀏覽，轉(zhuǎn)發(fā)發(fā)，評論論設(shè)計(jì)理論設(shè)計(jì) 品品牌設(shè)計(jì)概念設(shè)下計(jì)謀，本本質(zhì)源于于人的思思想和野野性所謂設(shè)計(jì)“設(shè)設(shè)想和計(jì)計(jì)劃，設(shè)設(shè)想是目目的，計(jì)計(jì)劃是過過程安排排”，通通常指有有目標(biāo)和和計(jì)劃的的創(chuàng)作行行為、活活動。設(shè)計(jì)是受到到客觀限限制的主主觀智慧慧 ，是是一種有有目的的的創(chuàng)作行行為。核心：有用用的，美美觀的品牌概念“品牌”這這個(gè)詞出出自于古古斯堪的的納維亞亞語或者者是日耳耳曼語的的詞根“ br

2、randd”意為為“燃燒燒”。當(dāng)當(dāng)我們說說到給一一個(gè)動物物或者一個(gè)酒壺烙烙上烙印印來標(biāo)明明主人是是誰的時(shí)時(shí)候，就就是用的的它字面面上的意意思；而而當(dāng)我們們說到給給一個(gè)產(chǎn)產(chǎn)品給消消費(fèi)者留留下長久久印象的特征時(shí)則則是運(yùn)用用了它的的象征意意 ?！捌放啤辈徊皇恰吧躺虡?biāo)”?！捌菲放啤敝钢傅?是產(chǎn)產(chǎn)品或服服務(wù)的象象征。而而符號性性的識別別標(biāo)記，指指的是“商商標(biāo)”。品品牌所涵涵蓋的領(lǐng)域，則 必必須包括括聲譽(yù)、產(chǎn)產(chǎn)品、企企業(yè)文化化以及整整體營運(yùn)運(yùn)的管理理。因此此，品牌牌不是單單薄的象象征，乃乃是一個(gè)個(gè)企業(yè)總總體競爭，或企業(yè)業(yè)競爭力力的總和和。品牌牌不單包包括“名名稱”、“徽徽標(biāo)”還還擴(kuò)及系系列的平平面視覺覺體

3、系，甚甚至立體體視覺體體系。但但一般很容易將來來品牌理理解為抽抽象的形形象標(biāo)志志，甚至至將品牌牌與特定定商標(biāo)劃劃上等號號。核心： 品品牌是給給擁有者者帶來溢溢價(jià)、產(chǎn)產(chǎn)生增值值的一種種無形的的資產(chǎn)。增值的源泉泉來自于于消費(fèi)者者心中對對其的印印象。功能性利益益 情感性性利益設(shè)計(jì)提升品品牌價(jià)值值 設(shè)設(shè)計(jì)提升升情感化化利益設(shè)計(jì)思考設(shè)計(jì)思考用戶分析早在11月月，各家家電商紛紛紛出爐爐五折，血血拼，搶搶購等促促銷方式式 .價(jià)價(jià)格戰(zhàn)成成為主流流。經(jīng)過過雙111后，消消費(fèi)者的的購物熱熱情減退退。用戶戶需要溫溫情的方方式來緩緩解購物物疲勞。眾多網(wǎng)網(wǎng)友表示示：自己己在雙111買的的東西不不少自己己還沒有有使用，早

4、早知道電電商動不不動就“大大促”，“雙雙11”時(shí)時(shí)就不著著急買了了。況且且圣誕，元元旦的促促銷很快快就要來來到了。根本本就不會會關(guān)心“雙雙12”促促銷。營銷分析在新的市場場環(huán)境中中，營銷銷傳播不不再像以以往一樣樣單純追追求對消消費(fèi)者進(jìn)進(jìn)行信息息灌輸，而而是以媒媒體的創(chuàng)創(chuàng)新、內(nèi)內(nèi)容的創(chuàng)創(chuàng)新，傳傳播溝通通方式的的創(chuàng)新去去征服目目標(biāo)受眾眾，這是是一種新的營營銷傳播播“創(chuàng)意意營銷傳傳播”。通通過這種種創(chuàng)意性性的營銷銷方式，來來提升品品牌價(jià)值值。設(shè)計(jì)分析通過對用戶戶，以及及營銷方方法的分分析。我我們決定定“雙112”的的設(shè)計(jì)拋拋掉促銷銷相關(guān)的的創(chuàng)意，采采用溫情情營銷。我我們抓住住了“淘淘寶時(shí)光光機(jī)”穿穿

5、梭時(shí)光光這個(gè)創(chuàng)創(chuàng)意點(diǎn)，來來幫助用戶逐漸拾拾起這些些年網(wǎng)購購的點(diǎn)滴滴，回憶憶起這些些年發(fā)生生在自己己身邊重重要的事事，重要要的人。并并鼓勵用用戶分享享并傳播播自己的的故事。 以此通通過情感感化的方方式來提提升用戶戶對淘寶的黏黏性，從從而提升升淘寶整整體的品品牌價(jià)值值。設(shè)計(jì)思考設(shè)計(jì)價(jià)值品牌用戶價(jià)值營銷價(jià)值設(shè)計(jì)目標(biāo)設(shè)計(jì)目標(biāo)回憶 感動 分享設(shè)計(jì)目標(biāo)內(nèi)容情感化化感人的故事事內(nèi)容形態(tài)情感化化操作情感化化溫馨的視覺覺效果使用的樂趣趣和效率率內(nèi)容情感化化感嘆的經(jīng)歷歷共鳴鳴安靜的回顧顧深思思“故事的開開始“、“第第一筆購購買”、等等屬于用用戶獨(dú)一一無二的的故事內(nèi)內(nèi)容?！白哌^的時(shí)時(shí)光”、“重重要的人人”等增增加用

6、戶戶粘性與與情感反反思。內(nèi)容情感化化內(nèi)容情感化化故事的開始始你的第一次次翻出黑歷史史校園時(shí)光里里戀愛ingg兩個(gè)人的奇奇跡有家的城市市迎接小生命命旅行的意義義開車去遠(yuǎn)行行汪陪著你你爸媽我愛你你內(nèi)容情感化化若末日真的的降臨在這年的112月222日那我們拼命命握緊這這最后的的14天天來不來得及及內(nèi)容情感化化和愛的人道道別把藏在心里里的情話話說完所有過去的的時(shí)光好好的壞的的都再數(shù)數(shù)一遍現(xiàn)實(shí)的世界界，沒有有后退鍵鍵時(shí)光機(jī)也只只在童話話里可你知道一定有人，懷懷里藏著著你的時(shí)時(shí)光機(jī)回到爸媽身身邊你永遠(yuǎn)是不不夠懂事事可以任任性的孩孩子在喜歡的人人面前手心永遠(yuǎn)是是初識時(shí)時(shí)的溫度度形態(tài)情感化化創(chuàng)意化人人物造型型

7、帶有動動畫、插插畫元素素，輕松松休閑的的感受。場景化 不同同的主角角，經(jīng)歷歷過不同同的故事事。場景景切換，烘烘托主題題。識別性強(qiáng)細(xì)節(jié)優(yōu)化夸張變形卡通化插畫特質(zhì)的的ICOON插畫、動畫畫通用化簡簡化表情情設(shè)計(jì)，讓讓用戶留留有想象象空間，感感知這就就是他自自己。幽默化幽幽默的圖圖形設(shè)計(jì)計(jì)，達(dá)到到用戶會會心一笑笑，并觸觸發(fā)心靈靈情感。操作情感化化動態(tài)化場場景切換換。人物物始終不不變，而而衣服，場場景，標(biāo)標(biāo)簽，文文字則隨隨時(shí)間變化而切換換。根據(jù)據(jù)切換順順序的不不同，強(qiáng)強(qiáng)化圖形形，弱化化文字。穿梭感時(shí)時(shí)間軸設(shè)設(shè)計(jì)將時(shí)時(shí)光節(jié)點(diǎn)點(diǎn)可視化化。小火火箭可以以點(diǎn)擊、亦亦可拖動動，模擬穿梭的感感覺。到到達(dá)“時(shí)時(shí)光星

8、球球”頁面面時(shí)，lloaddingg動畫體體現(xiàn)時(shí)光光穿梭感感。31釣魚愛好者者2時(shí)間、地點(diǎn)點(diǎn)、故事事，商品品. 我我的釣魚愛好相相關(guān)文案案描述。我我的釣魚愛好相關(guān)關(guān)數(shù)據(jù)呈呈現(xiàn)。4主動性主主動彈出出人物留留言， 在在時(shí)光星星球仿佛佛好多人人主動在在和你講講述他們們的故事 ，即即時(shí)的交交流模式式。沖擊感尋尋找同類類星系 模模擬宇宙宙爆炸的的特效，將將淘寶大大數(shù)據(jù)模模擬成星星空，讓用戶找到到自己同同類的星星系。設(shè)計(jì)過程創(chuàng)意階段草圖創(chuàng)意冥想各各種有趣趣的人生生節(jié)點(diǎn)，模模擬故事事場景。手繪草圖，頭頭腦風(fēng)暴暴暢想創(chuàng)意階段意境提煉 海海量照片片篩選，情情感化描描述，提提取色彩彩。照片篩選感傷的甜美的溫暖的浪

9、漫的情感描述哭笑不得的的難忘的回味無窮的的咔哇的悲催的色彩提取設(shè)計(jì)推導(dǎo)設(shè)計(jì)定位圖形化設(shè)計(jì)計(jì)之初，有有若干不不同的選選擇，如如：插畫畫、ICCON、照照片、視視頻等不不同的形形式來表表現(xiàn)情感感。而不同的人人都有各各自不同同的觀點(diǎn)點(diǎn)：業(yè)務(wù)務(wù)方、技技術(shù)人員員、設(shè)計(jì)計(jì)師、產(chǎn)產(chǎn)品經(jīng)理理，均從從自己的的立場出出發(fā)，來來判定設(shè)設(shè)計(jì)形式式的定位位。設(shè)計(jì)推導(dǎo)那么，如何何來判定定這些立立場的合合理性？如何選選擇一種種最恰如如其分的的展現(xiàn)形形式來傳傳達(dá)概念念呢？設(shè)計(jì)推導(dǎo)選擇什么樣樣的形式式呢？首首先要對對其進(jìn)行行客觀評評估。通識性標(biāo)準(zhǔn)化拓展性氛圍渲染技術(shù)成本時(shí)間成本服務(wù)器壓力力綜合 結(jié)論論插畫是一種種不錯的的選擇，

10、但但是其標(biāo)標(biāo)準(zhǔn)化難難度較高，時(shí)間成成本也較較高。插畫ICON照片視頻ICON在在氛圍渲渲染上雖雖然不佳佳，但是是其標(biāo)準(zhǔn)準(zhǔn)化、拓展性強(qiáng)，服服務(wù)器壓壓力小，非非常適合合對海量量數(shù)據(jù)進(jìn)行可視化化。照片首先排排除：11、做不不到千人人千面的的拓展性性。2、服務(wù)器器壓力巨巨大。33、選取取真正合合適的照照片，時(shí)間成本非非常高。雖然視頻最最能夠渲渲染氛圍圍。但是是，在視視頻中插插入海量用戶的的數(shù)據(jù)，技技術(shù)成本本極高。設(shè)計(jì)推導(dǎo)分析、并綜綜合以上上結(jié)論，我我們選擇擇 “具具有插畫畫小清新新效果的的ICOON” 來進(jìn)行行圖形化化設(shè)計(jì)。為了將通識識性、標(biāo)標(biāo)準(zhǔn)性、拓拓展性、互互動性達(dá)達(dá)到最佳佳效果，我我們也需需要先

11、制制定一套套簡單但但有效的的規(guī)范。劃動載入簡約而不簡簡單可組合圖形具有動動態(tài)交互互效果，充充滿彈性性，能更更好的傳傳達(dá)故事事。拓展性的需需要，圖圖形不用用加太多多質(zhì)感和和繁瑣的的細(xì)節(jié)。同同時(shí)，簡簡單明了了但不生生硬刻板板。圖形與圖形形之間可可以組合合，構(gòu)成成一個(gè)新新故事（如如人+魚魚竿=釣釣魚達(dá)人人）。圖形不要傳傳達(dá)多個(gè)個(gè)含義，力力求指向向明確，否否則用戶戶會不知知所云。細(xì)節(jié)部分不不要機(jī)械械化，能能體現(xiàn)手手繪的靈靈動感或或者卡通通的可人人感。圖形附近添添加一些些微背景景，不用用多，但但可以烘烘托氛圍圍。表意明確細(xì)節(jié)出彩附帶微背景景設(shè)計(jì)推導(dǎo)滑動載入這種動動態(tài)形式式是后期期網(wǎng)頁動動畫的主主要形式式

12、，動態(tài)態(tài)效果以以JS完完成?？山M合一一個(gè)單元元體（人人）加入入一個(gè)新新元素，拓拓展成一一個(gè)新場場景。簡約而不簡簡單外外型簡約約，識別別性強(qiáng)但但不生硬硬刻板。表意明確 一眼眼就能對對用戶傳傳達(dá)精準(zhǔn)準(zhǔn)信息， 無需多多想，也也絕不產(chǎn)產(chǎn)生歧義義。A圖足夠簡簡單，但但有些生生硬。BB圖簡單單，但同同時(shí)也很很輕快。AB設(shè)計(jì)推導(dǎo)細(xì)節(jié)出彩 單色色圖標(biāo)未未必不能能表現(xiàn)出出精致的的細(xì)節(jié)。邊邊角的細(xì)細(xì)節(jié)處理理及其考考究。微背景處理理 為了更更好的彌彌補(bǔ)“渲渲染氛圍圍不足”這這個(gè)短板板，需要要在主體體物附近帶一些些背景，更更傳神的的將用戶戶帶入到到一個(gè)真真實(shí)場景景中。設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)識別性強(qiáng)細(xì)節(jié)優(yōu)化夸張變形卡通化插畫

13、特質(zhì)的的ICOON插畫、動畫畫設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)設(shè)計(jì)推導(dǎo)以一個(gè)卡通通人形的的元素形形態(tài)，構(gòu)構(gòu)成一個(gè)個(gè)白模狀狀的單元體。通過過邊角的的細(xì)節(jié)裝裝飾，演演變成男男版和女女版。具備 標(biāo)準(zhǔn)準(zhǔn)性、 通用性性、拓展展性 的特點(diǎn)點(diǎn)。在此單元體體基礎(chǔ)上上，為其其穿鞋帶帶帽、添添加偏好好，乃至人生節(jié)點(diǎn)點(diǎn)故事。設(shè)設(shè)計(jì)風(fēng)格格采用平平面拼貼貼的形式式，提供低成本本多元組組合的可可能及IICONN FFONTTS的可可能。注：ICOON FFONTTS圖形形完全由由代碼形形式輸出出+ +設(shè)計(jì)推導(dǎo)拓展比例 - 在在同一個(gè)個(gè)尺寸的的單元體體上進(jìn)行行細(xì)節(jié)拓拓展，免免不了會會出現(xiàn)大大小，高高低，寬寬窄的不不一致。為為此，在

14、在設(shè)計(jì)之之時(shí)我們們確立了了比例規(guī)規(guī)范。視覺上可以以控制形形態(tài)的比比例。技技術(shù)上可可以幫助助更好的的定位減減少開發(fā)發(fā)成本。設(shè)計(jì)推導(dǎo)色彩：為了了能讓用用戶感受受到溫暖暖，產(chǎn)生生追憶往往昔的氛氛圍，我我們嘗試試采用小小清新的的色彩范范式。但由于有諸諸多的用用戶場景景、還分分男版女女版，總總數(shù)達(dá)到到了600+，因因此靠主主觀配色色往往重重復(fù)率會會很高。因此，我們們在近千千張先前前精選的的意向照照片中尋尋找用戶戶情緒，在在其中提提取合適適的色彩彩，并對對應(yīng)圖形形做了一一對一手手動提煉煉與優(yōu)化化。選取典型意意向提取色彩對其進(jìn)行提提煉和優(yōu)優(yōu)化使用到人物物圖形使用并搭配配到頁面面色系設(shè)計(jì)推導(dǎo)完成單元體體設(shè)計(jì)及

15、及比例規(guī)規(guī)范后，開開始進(jìn)入入圖形與與頁面之之間的布布局設(shè)定定。在7740 xx4600這個(gè)尺尺寸下，生生成了頁頁面布局局范式。設(shè)計(jì)推導(dǎo)完成單元體體設(shè)計(jì)及及比例規(guī)規(guī)范后，開開始進(jìn)入入圖形與與頁面之之間的布布局設(shè)定定。在7740 xx4600這個(gè)尺尺寸下，生生成了頁頁面布局局范式。設(shè)計(jì)推導(dǎo)完成單元體體設(shè)計(jì)及及比例規(guī)規(guī)范后，開開始進(jìn)入入圖形與與頁面之之間的布布局設(shè)定定。在7740 xx4600這個(gè)尺尺寸下，生生成了頁頁面布局局范式。設(shè)計(jì)展示全部圖形展展示。設(shè)計(jì)展示主要場景展展示，用用戶登錄錄到時(shí)光光機(jī)后。主主要經(jīng)歷歷啟動頁頁面，內(nèi)內(nèi)容頁（不不同人的的故事節(jié)節(jié)點(diǎn)不同同，所呈呈現(xiàn)的內(nèi)內(nèi)容和頁頁數(shù)也不不同），最最后到達(dá)達(dá)時(shí)光機(jī)機(jī)分享頁頁。1 時(shí)光光機(jī)啟動動頁2 時(shí)光機(jī)機(jī)內(nèi)容頁頁3 時(shí)光光機(jī)分享享頁設(shè)計(jì)展示時(shí)光星球主主要頁面面。協(xié)作效能設(shè)計(jì)效率1周時(shí)間， 位設(shè)設(shè)計(jì)師，產(chǎn)產(chǎn)出i