大腦在處理和組織看到的信息時(shí)會(huì)使用一套快捷方法,了解這些方法是設(shè)計(jì)成功的關(guān)鍵要素。本文介紹了十一條有效的設(shè)計(jì)準(zhǔn)則,用形象的圖解幫助讀者更好地理解設(shè)計(jì)準(zhǔn)則在設(shè)計(jì)工作中的運(yùn)用,幫助你利用這些方法更快捷地開(kāi)展設(shè)計(jì)。適合關(guān)注產(chǎn)品設(shè)計(jì)的小伙伴閱讀。
感知力是大腦將不同的信息連接和組織成一個(gè)連貫整體的機(jī)制。例如我們將相似的對(duì)象分組并連接起來(lái),能夠輕松地區(qū)分出不屬于該組的對(duì)象。
大腦在處理和組織看到的信息時(shí)會(huì)使用一套快捷方法,了解這些方法是設(shè)計(jì)成功的關(guān)鍵要素。
在UI設(shè)計(jì)時(shí),我們應(yīng)該有意識(shí)地運(yùn)用感知力,用足夠的事實(shí)來(lái)驗(yàn)證設(shè)計(jì),有依有據(jù)地解釋為什么這個(gè)圖形元素要這樣設(shè)計(jì)?背后的原因是什么?
提升感知力有助于清晰地解釋設(shè)計(jì)方案,避免常見(jiàn)的設(shè)計(jì)錯(cuò)誤,引導(dǎo)我們將設(shè)計(jì)做得更好、更容易理解!
彼此靠近的元素會(huì)被自動(dòng)理解為一組。把它們的位置放得更遠(yuǎn),會(huì)給人一種這些元素是完全獨(dú)立的個(gè)體的印象。
在UI設(shè)計(jì)中,可以利用鄰近原則將相似的界面元素組合在一起,把控總體布局。
鄰近規(guī)則適用于主導(dǎo)航、卡片、按鈕、內(nèi)容和圖標(biāo)等。我們還可以使用適當(dāng)?shù)牧舭讓⒉煌脑剡M(jìn)一步分開(kāi),創(chuàng)建一個(gè)層級(jí)更清晰的界面結(jié)構(gòu),以此來(lái)幫助用戶瀏覽和理解不同類(lèi)型的信息。
鄰近原則是直接影響界面可用性的基本規(guī)則之一。如果隨意控制元素的位置和間距,有可能會(huì)讓整個(gè)產(chǎn)品變得混亂和難以理解。
視覺(jué)上相似的元素會(huì)被視為同一組,視覺(jué)上不同的元素,大腦會(huì)下意識(shí)將其視為單獨(dú)的元素。
利用相似性可以來(lái)定義界面的特征,例如顏色、形狀、尺寸、紋理或空間位置等。最容易區(qū)分的是顏色相似,其次是尺寸和形狀相似。
如果一個(gè)元素和界面中其他的元素都不同,無(wú)法融入到其他元素組中,那么這個(gè)元素就會(huì)變得非常顯眼。
我們可以利用這種差異化的效果來(lái)突出一些具有引導(dǎo)性或者功能性的元素,例如登錄按鈕或者加入購(gòu)物車(chē)按鈕等。
一組不相連的元素組合在一起,我們會(huì)下意識(shí)地自動(dòng)補(bǔ)充這些元素之間的空白,得到一個(gè)完整的、可識(shí)別的形狀。
閉合原則有多種不同的用法。例如一個(gè)虛線箭頭,我們會(huì)填補(bǔ)空白并把這些點(diǎn)連接在一起,得到一條完整的線段。
閉合原則還有助于識(shí)別抽象的圖標(biāo)形狀并賦予更多的含義。在圖標(biāo)設(shè)計(jì)中,為了避免信息過(guò)載,大多數(shù)圖標(biāo)的設(shè)計(jì)都很簡(jiǎn)潔,更方便用戶理解。
運(yùn)用閉合原則的經(jīng)典案例包括用不同虛線構(gòu)成的IBM標(biāo)志、利用正負(fù)形空間組合而成的WWF熊貓標(biāo)志。
UI界面中的元素一旦有對(duì)稱性,就會(huì)產(chǎn)生秩序感,我們很快就能看到并理解這種形式。
我們天生喜歡對(duì)稱的物體。對(duì)稱排列的元素在視覺(jué)上更令人舒服,也更美觀。
可能有人覺(jué)得對(duì)稱設(shè)計(jì)過(guò)于呆板,這種想法在平面廣告或視覺(jué)設(shè)計(jì)中可能正確,但在UI設(shè)計(jì)中對(duì)稱布局是相當(dāng)重要且實(shí)用的界面排版形式。
對(duì)稱布局讓設(shè)計(jì)更容易理解,也更友好,缺乏對(duì)稱會(huì)導(dǎo)致界面混亂,不知道該關(guān)注哪個(gè)元素。當(dāng)然,如果想讓某個(gè)模塊突出展示,也可以嘗試打破對(duì)稱性,這樣不對(duì)稱的元素就能在界面中脫穎而出。
界面中沿著同一條線對(duì)齊的元素會(huì)被認(rèn)為屬于同一組。
在瀏覽界面時(shí),視線會(huì)第一時(shí)間尋找最順暢的視覺(jué)動(dòng)線。這也解釋了為什么在使用連續(xù)性原則時(shí),需要確保直線(或曲線)是均勻和可預(yù)測(cè)的。
線條越均勻,生成的形狀越容易被用戶正確識(shí)別。
連續(xù)性有助于界面保持上下垂直滾動(dòng)時(shí)的節(jié)奏,相似的內(nèi)容應(yīng)始終保持對(duì)齊。如果某個(gè)元素打破了這種連續(xù)性,我們的瀏覽節(jié)奏會(huì)被打亂,瀏覽速度也會(huì)變慢。
當(dāng)下的UI設(shè)計(jì)中,流行帶有圓角的卡片和按鈕效果。其中的一個(gè)原因是我們對(duì)于直角的處理速度稍慢,視線需要停頓并旋轉(zhuǎn)90度,而更圓滑的導(dǎo)角效果能幫助我們的視線更快地轉(zhuǎn)換。
按相同方向、以相同速度運(yùn)動(dòng)的元素被認(rèn)為是一組。
在設(shè)計(jì)輪播、下拉列表、過(guò)渡動(dòng)畫(huà)等場(chǎng)景時(shí),共同命運(yùn)原則會(huì)很有幫助。例如我們的視線既跟隨輪播圖水平移動(dòng),還跟隨下拉列表向下展開(kāi)。
根據(jù)希克定律,可供的選擇數(shù)量應(yīng)該有限制。有太多東西可供選擇可能會(huì)導(dǎo)致用戶迷失方向,做出判斷的時(shí)間加長(zhǎng),甚至?xí)械綁毫Α?/p>
米勒定律提到,大腦處理信息的能力與認(rèn)知負(fù)荷有直接的關(guān)系。我們大腦一次能處理的信息量大約是7個(gè)對(duì)象。對(duì)象數(shù)量越多,處理它們所需的時(shí)間就越長(zhǎng)。
在設(shè)計(jì)時(shí),盡量不要超過(guò)七個(gè)選項(xiàng),為了獲得最好的體驗(yàn),應(yīng)盡量將選項(xiàng)保持在4-5個(gè)。這意味著需要控制主導(dǎo)航數(shù)量、按鈕數(shù)量、下拉選項(xiàng)和輪播圖數(shù)量等。
當(dāng)需要用戶做選擇時(shí),最好能突出顯示最受歡迎或最推薦的選項(xiàng),幫助用戶更快做出決策。
我們能夠本能地區(qū)分界面中的圖形元素和背景。
界面由不同類(lèi)型和樣式的圖層組成,每個(gè)圖層都有不同的層次結(jié)構(gòu)。
為了避免層次結(jié)構(gòu)混淆,我們需要清楚地定義界面的所有元素。背景不需要設(shè)計(jì)設(shè)計(jì)的太花哨,有可能會(huì)搶奪用戶對(duì)主要內(nèi)容的注意力。
輔助內(nèi)容和功能不需要太明顯,并且需要與主要內(nèi)容在設(shè)計(jì)上做出區(qū)分。
可以使用對(duì)比關(guān)系、位置關(guān)系和陰影等方法幫助用戶區(qū)分內(nèi)容和背景。
用戶通常認(rèn)為具有視覺(jué)吸引力(美觀)的產(chǎn)品更實(shí)用。
根據(jù)這個(gè)原則,流行、對(duì)稱、美觀的界面會(huì)對(duì)用戶產(chǎn)生更積極的影響。如果視覺(jué)效果給人足夠好的第一印象,用戶可能會(huì)忽略一些可用性問(wèn)題。
審美可用性的基礎(chǔ)在于具有一定的可用性,之后才會(huì)起作用。如果產(chǎn)品本身的功能就很糟糕,那么再美觀的界面也無(wú)濟(jì)于事。
高質(zhì)量、美觀的界面有助于建立用戶信任。相反一個(gè)看起來(lái)混亂的設(shè)計(jì)會(huì)讓用戶感到不靠譜。即使用戶不能確切說(shuō)出界面視覺(jué)的問(wèn)題,但他們也會(huì)覺(jué)得這個(gè)產(chǎn)品有風(fēng)險(xiǎn)或者不正規(guī)。
高質(zhì)量的UI設(shè)計(jì)對(duì)于銀行類(lèi)、金融類(lèi)和醫(yī)療類(lèi)產(chǎn)品來(lái)說(shuō)尤為重要,尤其是在需要用戶提供個(gè)人信息或涉及交易的使用場(chǎng)景中。
我們最容易記住一組當(dāng)中的第一個(gè)和最后一個(gè)元素。
將最重要的內(nèi)容或元素放在每組的第一個(gè)或最后一個(gè),吸引用戶注意力,方便高頻操作。而次要的內(nèi)容操作頻率相對(duì)較低,則放到中間位置。
例如在構(gòu)建導(dǎo)航、下拉列表等場(chǎng)景中,將重要的操作放到首位。
在一組看起來(lái)相似的元素中,我們總是會(huì)記住與其余元素不匹配的那個(gè)元素。
在UI設(shè)計(jì)中,隔離效應(yīng)意味著將界面中重要的內(nèi)容或關(guān)鍵的操作在視覺(jué)上與眾不同。
最典型案例是界面中的CTA(號(hào)召性用語(yǔ))按鈕。通過(guò)改變CTA按鈕的顏色、尺寸等,與界面中的其他按鈕區(qū)分開(kāi)來(lái),第一時(shí)間引起用戶的注意。
專(zhuān)欄作家
作者:Clippp,每周精選設(shè)計(jì)文章,專(zhuān)注分享關(guān)于產(chǎn)品、交互、UI視覺(jué)上的設(shè)計(jì)思考。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉(zhuǎn)載。
題圖來(lái)自 Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
這次全面的改版,針對(duì)UI與UE不統(tǒng)一的問(wèn)題,邁出了關(guān)鍵的一步——首次構(gòu)建組件庫(kù)
盡管在初期階段,面臨諸多挑戰(zhàn)和困難,但堅(jiān)持不懈的努力使得組件庫(kù)逐漸成形。組件庫(kù)基本完善后,對(duì)工作效率的提升效果簡(jiǎn)直令人興奮。組件的靈活變體和自動(dòng)化的布局功能,不僅極大地提升了設(shè)計(jì)效率,也確保了界面的一致性和用戶體驗(yàn)的連貫性。這一嘗試不僅解決了我們面臨的問(wèn)題,更為未來(lái)的設(shè)計(jì)和開(kāi)發(fā)工作奠定了堅(jiān)實(shí)的基礎(chǔ),期待未來(lái)更多的挑戰(zhàn)與進(jìn)步。
判斷 UI 設(shè)計(jì)公司的收費(fèi)是否合理,可以從以下多個(gè)方面著手:
考量設(shè)計(jì)公司的專(zhuān)業(yè)水平與資質(zhì)
團(tuán)隊(duì)專(zhuān)業(yè)背景:查看設(shè)計(jì)團(tuán)隊(duì)成員的學(xué)歷、畢業(yè)院校以及所學(xué)專(zhuān)業(yè)等情況,若團(tuán)隊(duì)成員大多來(lái)自知名設(shè)計(jì)院校,具備扎實(shí)的專(zhuān)業(yè)基礎(chǔ),例如有專(zhuān)業(yè)的視覺(jué)傳達(dá)、交互設(shè)計(jì)等相關(guān)專(zhuān)業(yè)背景,往往意味著能產(chǎn)出高質(zhì)量的設(shè)計(jì)成果,相應(yīng)收費(fèi)可能會(huì)偏高,但也更具合理性。
行業(yè)經(jīng)驗(yàn):了解其在 UI 設(shè)計(jì)領(lǐng)域的從業(yè)年限以及過(guò)往參與過(guò)的項(xiàng)目類(lèi)型和數(shù)量。有豐富行業(yè)經(jīng)驗(yàn)的公司,經(jīng)歷過(guò)各種不同客戶需求和復(fù)雜項(xiàng)目的打磨,在處理問(wèn)題、把握設(shè)計(jì)方向上更有優(yōu)勢(shì),對(duì)于復(fù)雜項(xiàng)目合理收取較高費(fèi)用是正常的,比如長(zhǎng)期服務(wù)大型企業(yè)、完成過(guò)多個(gè)行業(yè)標(biāo)桿性 UI 設(shè)計(jì)項(xiàng)目的公司,其報(bào)價(jià)高些可能是基于深厚的實(shí)踐積累。
所獲榮譽(yù)與資質(zhì)認(rèn)證:關(guān)注該公司是否獲得過(guò)一些權(quán)威的 UI 設(shè)計(jì)相關(guān)獎(jiǎng)項(xiàng),或者具備如紅點(diǎn)獎(jiǎng)等。這些榮譽(yù)和認(rèn)證是對(duì)其設(shè)計(jì)實(shí)力與服務(wù)質(zhì)量的一種認(rèn)可,收費(fèi)相對(duì)高些如果匹配其專(zhuān)業(yè)形象,也是合理的體現(xiàn)。
蘭亭妙微一直秉持著 “設(shè)計(jì)優(yōu)秀,不斷超越” 的理念。誠(chéng)信敬業(yè)、專(zhuān)業(yè)耐心是他們工作作風(fēng)的真實(shí)寫(xiě)照。在設(shè)計(jì)服務(wù)方面,他們不斷創(chuàng)新,與時(shí)俱進(jìn)。公司深知,只有幫助企業(yè)提升軟件和互聯(lián)網(wǎng)產(chǎn)品的界面設(shè)計(jì)水平,進(jìn)行開(kāi)發(fā)升級(jí),才能為企業(yè)帶來(lái)更多的價(jià)值。
設(shè)計(jì)的審美大多數(shù)是依照市場(chǎng)的改變而變化的,市場(chǎng)選擇的東西要試著去相信,可以參考,不表示要一比一的模仿,加入自己的想法和理解,也許能有新的東西出來(lái)。接到委托之后先具體化的溝通,理解需求,復(fù)述你的理解,讓對(duì)方同屏,之后再進(jìn)行更具體的論述,能減少之后的許多麻煩。
藍(lán)藍(lán)設(shè)計(jì)( www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
前言
15年開(kāi)始,紅包大戰(zhàn)占據(jù)了春節(jié)營(yíng)銷(xiāo)的重要位置,各家互聯(lián)網(wǎng)平臺(tái)紛紛“發(fā)錢(qián)”搶占用戶,紅包總額曾在2021年一度達(dá)到120億元的峰值。不過(guò)近兩年開(kāi)始,過(guò)往簡(jiǎn)單粗放的紅包大戰(zhàn)逐漸失去熱度。平臺(tái)不再追求短時(shí)間用戶增長(zhǎng),這次春節(jié)活動(dòng)就是百度FEED年底以運(yùn)營(yíng)手段打造的內(nèi)容營(yíng)銷(xiāo)活動(dòng)。設(shè)計(jì)團(tuán)隊(duì)以“有福氣 趣新春”為主題提出了內(nèi)容場(chǎng)景化的營(yíng)銷(xiāo)策略,整體圍繞如何把“內(nèi)容做的有趣”來(lái)分享設(shè)計(jì)思路。
一、心智建立內(nèi)容護(hù)城河
1、心智占領(lǐng):
提到內(nèi)容營(yíng)銷(xiāo),先不說(shuō)老掉牙的腦白金、可口可樂(lè)。我們先說(shuō)說(shuō)產(chǎn)品和用戶的關(guān)系。我們通過(guò)各大平臺(tái)的定位,提供了信任背書(shū),但產(chǎn)品只是流量的承載地,最終讓目標(biāo)用戶到達(dá)目的地的還是我們的品牌、內(nèi)容、形象。所以我們?cè)谧鰞?nèi)容營(yíng)銷(xiāo)活動(dòng)的時(shí)候,究竟應(yīng)該怎么做?
2、你的產(chǎn)品容易記住么?
海的味道你知道,是波力海苔。提到藍(lán)瓶的鈣,腦海會(huì)浮現(xiàn)產(chǎn)品的藍(lán)色包裝。說(shuō)到這里,我們就明白了,內(nèi)容營(yíng)銷(xiāo)的核心是圖形和口號(hào)。營(yíng)銷(xiāo)活動(dòng)的核心是品牌符號(hào)和Slogan。
品牌符號(hào)拆解
以春節(jié)項(xiàng)目舉例,提取中國(guó)傳統(tǒng)團(tuán)扇形,象征著大團(tuán)圓。引申為家家戶戶的心愿,全家團(tuán)圓、福氣滿滿。以FEED產(chǎn)品愿景「看更多有趣有用的內(nèi)容」為使,結(jié)合「新年要有福氣」的新年祝福,推出品牌Slogan【有福氣·趣新春】的活動(dòng)理念,開(kāi)啟活動(dòng)篇章。
有了主要的符號(hào)傳達(dá),其它輔助元素的提取從桂花造型和錢(qián)幣上做了簡(jiǎn)化,寓意吉祥富貴財(cái)源滾滾,應(yīng)用在頁(yè)面細(xì)節(jié)裝飾中。
用顏色表達(dá)個(gè)性
提起品牌符號(hào),我們首先想到的可能是 Logo,但有些時(shí)候色彩卻是第一印象。春節(jié)是中國(guó)傳統(tǒng)文化的傳承。因此嘗試從中國(guó)傳統(tǒng)色彩體系中象征“福氣、福來(lái)、富貴”的海棠紅作為會(huì)場(chǎng)主顏色。
為了更好的區(qū)分內(nèi)容場(chǎng)景以及增加色彩豐富度,受到“一年四季輪回”的啟發(fā),延伸品牌輔助色。一年的圓滿在于四季的圓滿,在色彩表現(xiàn)上,從春到人間萬(wàn)物鮮到春雪滿空;對(duì)應(yīng)綠、紅、黃、藍(lán)給人煥然新生的視覺(jué)感受。
用字體豐富品牌基因
字體,不僅可以指代文字內(nèi)容含義和字形美學(xué)價(jià)值,還能透過(guò)字體設(shè)計(jì)的初衷洞察到品牌濃縮其中的理念和哲學(xué)。利用彎曲讓作品動(dòng)感有張力。利用圓角處理增加趣味性,呼應(yīng)“有趣”的品牌理念。用傾斜的樣式營(yíng)造出視覺(jué)張力,形成視覺(jué)焦點(diǎn)。
3、洞察產(chǎn)品的「生命力」
定形象-品牌基因的獨(dú)特形象
角色、品牌、用戶必須是一個(gè)標(biāo)簽,清晰可見(jiàn)。以IP角色與用戶互動(dòng)溝通,建立信任關(guān)系,擁有獨(dú)立人格和魅力。通過(guò)更具人格化的形象,使品牌變得更溫暖。本次活動(dòng)的主IP,在設(shè)定上采用FEED字母演變不同性格IP角色,作為不同維度的形象代表,豐富B/C端的內(nèi)容場(chǎng)景。
情感鏈接-圍繞人設(shè)講故事
如何通過(guò)「IP角色」讓用戶對(duì)產(chǎn)品產(chǎn)生情感呢?首先賦予他們性格,他們分別是福氣、財(cái)富、快樂(lè)和有趣的化身。為用戶帶來(lái)財(cái)、富、樂(lè)、趣是他們的責(zé)任。IP的人格化能很好的與用戶建立品牌好感度。同時(shí)「持續(xù)曝光+情感鏈接」的品牌策略,在活動(dòng)中貫穿內(nèi)容場(chǎng)景、物料推廣、分享轉(zhuǎn)發(fā)等,反復(fù)強(qiáng)調(diào)品牌。
二、你的差異點(diǎn)是什么?
1、化繁為簡(jiǎn),強(qiáng)化內(nèi)容
由于春節(jié)活動(dòng)周期長(zhǎng)、內(nèi)容多的特點(diǎn),使得頁(yè)面呈現(xiàn)龐大復(fù)雜,會(huì)造成用戶的理解成本影響留存,因此把內(nèi)容有效呈現(xiàn)、提升屏效、優(yōu)化體驗(yàn)路徑是交互的重點(diǎn)。我們通過(guò)“框架分層”“減少活動(dòng)步長(zhǎng)”對(duì)所有活動(dòng)進(jìn)行了框架升級(jí)。提升活動(dòng)易用性,讓用戶快速參與活動(dòng)。在設(shè)計(jì)表達(dá)上簡(jiǎn)化頭圖背景,讓用戶聚焦場(chǎng)景,引入內(nèi)容。
2、創(chuàng)意場(chǎng)景,引爆內(nèi)容
洞察設(shè)計(jì)策略
百度FEED不同于其他矩陣,我們的產(chǎn)品內(nèi)核是“內(nèi)容”;作為春節(jié)活動(dòng),濃濃的“年味”是活動(dòng)外核。如果只去介紹我們自己產(chǎn)品的功能、種種好處,這種干巴巴的內(nèi)容無(wú)法在這個(gè)時(shí)代獲得關(guān)注和認(rèn)同,因?yàn)闊o(wú)法與用戶建立切身聯(lián)系。所以在不同層次的內(nèi)容上,我們可以通過(guò)故事化、場(chǎng)景化來(lái)把內(nèi)容做的更有趣,最終實(shí)現(xiàn)業(yè)務(wù)互動(dòng)轉(zhuǎn)化提升。
年俗互動(dòng)-故事型敘述 增強(qiáng)產(chǎn)品代入感
抓住用戶情緒洞察,采用年俗的理念打造場(chǎng)景,營(yíng)造用戶代入感。在視覺(jué)表現(xiàn)上,根據(jù)時(shí)間推移,場(chǎng)景也隨之變化;以回家團(tuán)圓吃年夜飯、到走親訪友云拜年、看煙花賞燈會(huì),實(shí)現(xiàn)了場(chǎng)景從年三十到十五的視覺(jué)呈現(xiàn),釋放出情緒共感的疊加效應(yīng)。引發(fā)用戶“過(guò)年”的心理共鳴。
場(chǎng)景設(shè)定
場(chǎng)景一:花樣團(tuán)圓飯。圍繞“三十吃餃子”的年俗為主要點(diǎn)切入,通過(guò)具象的關(guān)鍵詞構(gòu)思場(chǎng)景,結(jié)合品牌符號(hào),融入中國(guó)風(fēng)建筑表達(dá)“家”,并將餃子、房子、人的比例重構(gòu),增加畫(huà)面沖擊力,在配色上摒棄大面積的紅黃配色,加入蔻梢綠和淡曙紅作為輔色,為整體添加了一絲春天的氣息。
場(chǎng)景二:神評(píng)云拜年,發(fā)評(píng)送好禮。圍繞“云拜年”的年俗為主要點(diǎn)切入,過(guò)年的時(shí)候拜年是人們辭舊迎新、互相表達(dá)祝愿的一種方式。創(chuàng)意表達(dá)上,除了沿襲以往“登門(mén)”的拜年方式外,在畫(huà)面表現(xiàn)上加入代表新興禮儀“云拜年”的概念,讓視覺(jué)吸引眼球,同時(shí)又很接地氣。
場(chǎng)景三:猜燈謎送吉祥。以元宵賞燈會(huì)的年俗為切入點(diǎn),夜色旖旎,花燈璀璨,在一片流光溢彩之下,鬧元宵、賞花燈、迎新春。"玉兔東升、鯤鵬萬(wàn)里”,用最美好的祝福為用戶開(kāi)啟新年新篇章。
人文互動(dòng)-內(nèi)容聯(lián)想 強(qiáng)化產(chǎn)品特點(diǎn)
我們?yōu)槭裁匆研〗M內(nèi)容關(guān)聯(lián)到人文上?我們需要給產(chǎn)品定義一個(gè)標(biāo)簽,讓內(nèi)容進(jìn)入一個(gè)優(yōu)勢(shì)的心智賽道,用設(shè)計(jì)手段具像化演繹出來(lái),讓目標(biāo)用戶最快對(duì)號(hào)入座,提升產(chǎn)品的認(rèn)知效率。而人文包羅萬(wàn)象,與小組內(nèi)容分類(lèi)不謀而合。
內(nèi)容聯(lián)想
在視覺(jué)表現(xiàn)上,圍繞“小組發(fā)布內(nèi)容”的類(lèi)比聯(lián)想,場(chǎng)景選取攝影、養(yǎng)花、命理、詩(shī)詞、鄉(xiāng)村等七大不同人文場(chǎng)景,著力刻畫(huà)“小組內(nèi)容”強(qiáng)關(guān)聯(lián)的人文元素,以此映射產(chǎn)品的特點(diǎn),激發(fā)用戶參與意愿。借助想象放大或夸張內(nèi)容特征,更鮮明的強(qiáng)調(diào)內(nèi)容本質(zhì)。
3、豐富體驗(yàn)
為了維護(hù)用戶粘性,讓用戶每天都來(lái)“玩”。加入2級(jí)活動(dòng),用“獎(jiǎng)勵(lì)”“成就”“抽簽”形成驅(qū)動(dòng)用戶雷達(dá)地圖,多維度持續(xù)牽引,增強(qiáng)互動(dòng)體驗(yàn)。
如何讓用戶玩下去?
【抽簽活動(dòng)-新年福氣簽】
活動(dòng)玩法:用戶每天進(jìn)入活動(dòng)可抽福氣簽,隨機(jī)發(fā)放簽文以及紅包獎(jiǎng)勵(lì),中獎(jiǎng)+祝福的滿足感驅(qū)動(dòng)用戶回流。
洞察&創(chuàng)意
新的一年,人們對(duì)美好生活都有向往和期盼,“討彩頭”是每位用戶對(duì)生活的新追求。在活動(dòng)的設(shè)計(jì)上要吉祥滿滿,自帶好彩頭。用福袋作為容器承載簽文,以抽幸運(yùn)球、得獎(jiǎng)勵(lì)贏福氣作為情感驅(qū)動(dòng),刺激用戶玩下去。
在簽文設(shè)定上用團(tuán)扇的品牌符號(hào)作為基礎(chǔ)形狀,加持“祥云”“吉祥話”讓活動(dòng)不止驚喜,更是平臺(tái)對(duì)用戶的祝愿。
如何讓用戶“回來(lái)”玩?
【激勵(lì)玩法-我的成就】
洞察&創(chuàng)意
在成就玩法中,勛章作為精神激勵(lì)直接授予用戶,提升用戶在活動(dòng)內(nèi)的成就感和價(jià)值。另一方面,勛章也作為主活動(dòng)物質(zhì)激勵(lì)的間接載體,用戶通過(guò)解鎖勛章來(lái)獲得終極大獎(jiǎng)。從設(shè)計(jì)角度,采用三維立體視覺(jué)風(fēng)格,結(jié)合IP形象,使勛章更年輕有趣,讓用戶形成記憶點(diǎn)。強(qiáng)化視覺(jué)沖擊,滿足用戶的成就感和榮譽(yù)感,刺激用戶回流和分享。
驚喜彩蛋,拉升互動(dòng)體驗(yàn)
除了視效的打磨外,營(yíng)造“驚喜感”是在體驗(yàn)中非常重要的一環(huán)。無(wú)論是抽獎(jiǎng)還是成就,除了在視覺(jué)上有抽獎(jiǎng)的儀式感。在活動(dòng)中增加互動(dòng)彩蛋,用戶在投票以及點(diǎn)贊后會(huì)有對(duì)應(yīng)的動(dòng)效,讓整體體驗(yàn)更加細(xì)膩。
精彩視頻,點(diǎn)擊可看
結(jié)語(yǔ)
總結(jié)一下本篇文章關(guān)于內(nèi)容場(chǎng)景化營(yíng)銷(xiāo)的設(shè)計(jì)要點(diǎn):
心智占領(lǐng):前置化思考品牌打法,從品牌符號(hào)、Slogan、色彩基因、字體設(shè)計(jì)到IP的設(shè)定,全鏈路反復(fù)強(qiáng)調(diào)品牌。
設(shè)計(jì)創(chuàng)意:用故事性、場(chǎng)景化演繹設(shè)計(jì)創(chuàng)意,差異化視覺(jué)呈現(xiàn)。
互動(dòng)體驗(yàn):用“驚喜感”拉升互動(dòng)體驗(yàn)。
希望以上的設(shè)計(jì)思考,可以給大家一些啟發(fā)。
藍(lán)藍(lán)設(shè)計(jì)( www.bjlzjm.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
。藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.bjlzjm.com.cn