PC搜索品牌廣告設(shè)計(jì)進(jìn)化
導(dǎo)語(yǔ):當(dāng)前PC搜索品牌廣告,對(duì)用戶(hù)來(lái)說(shuō):信息冗雜,品牌記憶點(diǎn)較弱;視覺(jué)風(fēng)格不夠與時(shí)俱進(jìn);互動(dòng)創(chuàng)意不豐富。對(duì)客戶(hù)來(lái)說(shuō):也希望通過(guò)提升樣式權(quán)益及靈活性,滿(mǎn)足更多的客戶(hù)營(yíng)銷(xiāo)訴求,本文將通過(guò)本次設(shè)計(jì)升級(jí)給出解答方案。
一、設(shè)計(jì)理念
我們重構(gòu)了廣告的產(chǎn)品形態(tài),在官網(wǎng)尋址、品牌信息和服務(wù)滿(mǎn)足上為用戶(hù)和客戶(hù)帶來(lái)全新體驗(yàn),增加客戶(hù)的商業(yè)權(quán)益,撬動(dòng)客戶(hù)品牌預(yù)算。經(jīng)過(guò)實(shí)驗(yàn)驗(yàn)證,ctr也顯著提升,客戶(hù)認(rèn)可度較高。
提升廣告收入的同時(shí),為用戶(hù)更高效提供信息需求的滿(mǎn)足,實(shí)現(xiàn)用商一體的協(xié)同共贏。
以「設(shè)計(jì)重構(gòu)」「引爆視覺(jué)」「智能設(shè)計(jì)」「創(chuàng)意互動(dòng)」四大抓手將現(xiàn)有痛點(diǎn)逐一攻克。
二、設(shè)計(jì)重構(gòu)
1. 框架:面積增大,形態(tài)沉浸
PC搜索品牌廣告在改版前,左右信息較為分散,造成極大的空間浪費(fèi),沉浸感弱。功能分布較為雜亂,沒(méi)有形成模塊化的分區(qū)。
從“空間”屬性出發(fā),打破原有PC搜索品牌廣告左右割裂的廣告位結(jié)構(gòu),形成通欄形態(tài)。較大幅度地增加視覺(jué)感受上的面積,提供沉浸式體驗(yàn)。在此基礎(chǔ)上,突破性嘗試搜索框通頂,進(jìn)一步強(qiáng)化品牌權(quán)益和用戶(hù)體驗(yàn)。
2. 信息層級(jí):主題突出,去除冗雜
用戶(hù)在信息瀏覽和信息獲取的過(guò)程是非常快速的,一旦沒(méi)有抓住用戶(hù)短暫的注意力,就會(huì)流失掉。PC搜索品牌廣告改版前在較小的空間內(nèi)承載過(guò)多信息,導(dǎo)致重點(diǎn)信息不突出,信息分類(lèi)不明確,信息傳達(dá)效率不高。
本次升級(jí)改版突出每個(gè)模塊要傳達(dá)的特性,根據(jù)用戶(hù)視覺(jué)動(dòng)線(xiàn),從“功能”布局出發(fā),按照用戶(hù)從左到右、從上到下的閱讀習(xí)慣,我們將信息展示分成三個(gè)模塊:左側(cè)為品牌宣傳、右側(cè)為產(chǎn)品展示、底部為相關(guān)服務(wù)。
相較于舊樣式,新設(shè)計(jì)結(jié)構(gòu)更清晰,客戶(hù)營(yíng)銷(xiāo)理念可以充分表達(dá),同時(shí)高效滿(mǎn)足用戶(hù)需求。
利用以上方式,我們得到了一系列具有沉浸感且結(jié)構(gòu)更清晰的搜索品牌廣告設(shè)計(jì)。
三、引爆視覺(jué)
對(duì)于用戶(hù)來(lái)說(shuō),在視覺(jué)上第一時(shí)間吸引注意力,并在進(jìn)一步使用過(guò)程中,滿(mǎn)足核心用戶(hù)的個(gè)性化及審美需求是關(guān)鍵因素。因此我們引入全幅視頻、微動(dòng)等富媒體形式,豐富創(chuàng)意形式匹配品牌、客戶(hù)多元營(yíng)銷(xiāo)訴求。
1. 視頻賦能
視頻廣告在信息容量和傳達(dá)直觀性上更具有競(jìng)爭(zhēng)力,廣告行業(yè)中視頻占比也逐步在提升。通欄視頻如影院般觀影感受,更富沉浸感。
2. 微動(dòng)賦能
我們將微動(dòng)以全屏蒙層的形式融入到廣告中,可以更好的聯(lián)通廣告與自然結(jié)果的關(guān)系,營(yíng)造品牌氛圍,突出品牌調(diào)性。
四、智能設(shè)計(jì)
1. 智能取色:取色精準(zhǔn),智能匹配
在圖片及視頻通頂?shù)幕A(chǔ)上,為保證搜索框清晰可見(jiàn),在搜索框下增加顏色漸變蒙層,蒙層采用智能取色能力,選取圖片上部1/3區(qū)域面積最大的顏色值,保證顏色蒙層能夠與圖片自然融合。
同時(shí),在取色過(guò)程中獲取到客戶(hù)物料的亮度信息,通過(guò)亮度信息智能判斷用戶(hù)物料屬于深色還是淺色系,進(jìn)而進(jìn)行組件的智能匹配,深色模版搭配深色組件;淺色模版搭配淺色組件,保證組件顏色與客戶(hù)物料和諧效果。減少客戶(hù)操作步驟,提升物料投放效率。
2. 滑動(dòng)交互:銜接自然,過(guò)渡平滑
首卡搜索品牌廣告的通頂設(shè)計(jì),當(dāng)用戶(hù)滑出搜索品牌廣告時(shí),我們利用動(dòng)效形式,使搜索框自然過(guò)渡為白色效果,保證銜接自然、過(guò)渡平滑。
3. 組件色彩:感知差異,提升識(shí)別
品牌色彩有著特殊的識(shí)別性,在用戶(hù)界面中也承載一部分信息功能屬性。為了進(jìn)一步促進(jìn)用戶(hù)快速識(shí)別和品牌記憶,我們定義了四種標(biāo)準(zhǔn)組件色,同時(shí)將自由度放開(kāi),支持客戶(hù)自提品牌色,充分表達(dá)品牌之間差異性,使品牌特征更突出。
五、創(chuàng)意互動(dòng)
互動(dòng)是構(gòu)建品牌與用戶(hù)群體雙向溝通的有效手段,而創(chuàng)意互動(dòng)打破了傳統(tǒng)廣告的線(xiàn)性傳播模式,以強(qiáng)參與感,促進(jìn)轉(zhuǎn)化效果。我們根據(jù)不同的行業(yè)特性,結(jié)合新技術(shù)、新媒介,刺激受眾內(nèi)在好奇心及興趣心理,使用戶(hù)參與到廣告中。
因此進(jìn)行互動(dòng)廣告的創(chuàng)意方向的探究。
1. VR互動(dòng)玩法
根據(jù)VR的特征:沉浸感、交互性、想象性,適合汽車(chē)行業(yè)的外觀及內(nèi)飾的展示需要,用戶(hù)通過(guò)拖拽主動(dòng)操作,360度更加真實(shí)的的了解車(chē)型賣(mài)點(diǎn)。
2. 擦除互動(dòng)玩法
如在汽車(chē)處于風(fēng)雨交加的環(huán)境中,通過(guò)擦除其前景上擋風(fēng)玻璃水珠后觸發(fā)汽車(chē)啟動(dòng)奔馳的效果,突出汽車(chē)抗惡劣環(huán)境和高速等性能特征,更多互動(dòng)玩法我們也將持續(xù)探索中。
六、結(jié)語(yǔ)
百度PC搜索品牌廣告設(shè)計(jì)升級(jí),將更強(qiáng)視覺(jué)、更強(qiáng)互動(dòng)融入其中,全方位多角度的為用戶(hù)帶來(lái)全新的廣告體驗(yàn)。
對(duì)于設(shè)計(jì)師而言,我們也面臨更多的挑戰(zhàn),如何采用做用戶(hù)產(chǎn)品的設(shè)計(jì)與交互方式,構(gòu)建商業(yè)產(chǎn)品用戶(hù)體驗(yàn),形成和諧的「用商一體」帶給用戶(hù)優(yōu)質(zhì)體驗(yàn)的同時(shí),服務(wù)廣告主和商業(yè)變現(xiàn)。
感謝閱讀,以上內(nèi)容均由百度MEUX團(tuán)隊(duì)原創(chuàng)設(shè)計(jì),以及百度MEUX版權(quán)所有。
作者:百度MEUX,百度移動(dòng)生態(tài)用戶(hù)體驗(yàn)設(shè)計(jì)中心,負(fù)責(zé)百度移動(dòng)生態(tài)體系的用戶(hù)/商業(yè)產(chǎn)品的全鏈路體驗(yàn)設(shè)計(jì)。
本文由@百度MEUX 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash, 基于CC0協(xié)議
你文章中這個(gè)是視頻嗎