UCAN杭州游記-新零售業(yè)態(tài)下的BANNER設(shè)計(jì)

商業(yè)活動(dòng)的參與者以及商業(yè)形式紛繁復(fù)雜继效,而商業(yè)目的的最終指向還是消費(fèi)者(用戶)症杏。而作為用戶體驗(yàn)設(shè)計(jì)從業(yè)者,需緊跟時(shí)代變革瑞信,從自身專業(yè)角度去認(rèn)知厉颤,觀察新商業(yè)環(huán)境下衍生的用戶體驗(yàn)新場(chǎng)景,新情況凡简,新問題逼友。

新零售業(yè)態(tài)的三種類型

1. 數(shù)據(jù)智能與極致效率型

以7-Eleven,小米為代表的機(jī)制效率新零售模式潘鲫,通過數(shù)據(jù)提升商家自身效率的同時(shí)更是通過數(shù)據(jù)識(shí)別翁逞、洞察從而高效肋杖、精準(zhǔn)的服務(wù)好消費(fèi)者和融合線上與線下各自優(yōu)勢(shì)溉仑,通過關(guān)聯(lián)生態(tài)產(chǎn)品系和優(yōu)質(zhì)的長(zhǎng)尾服務(wù)提升商家自身效率,同時(shí)給消費(fèi)者帶來線上線下自由優(yōu)質(zhì)體驗(yàn)状植。

2. 創(chuàng)新技術(shù)體驗(yàn)型

一種是Amazon Go以技術(shù)驅(qū)動(dòng)的無人新零售店浊竟,通過計(jì)算機(jī)視覺、感應(yīng)器整合津畸、深度學(xué)習(xí)振定,消費(fèi)者在店內(nèi)從貨架上取下的任何商品都會(huì)被店內(nèi)部署的攝像頭和傳感器系統(tǒng)自動(dòng)識(shí)別并添加到對(duì)應(yīng)的亞馬遜線上購(gòu)物車中。另一代表是繽果盒子肉拓、F5未來商店后频、EATBOX等輕量級(jí)技術(shù)型,用機(jī)械臂暖途、RFID自動(dòng)識(shí)別等技術(shù)代替人提供服務(wù)卑惜,這種模式更多是以產(chǎn)品可快速?gòu)?fù)制,商業(yè)拓展迅速為出發(fā)點(diǎn)驻售,一方面優(yōu)勢(shì)在于設(shè)備布設(shè)靈活露久,能比街邊門店更加貼近消費(fèi)者。另外新技術(shù)的應(yīng)用在節(jié)省商家成本的同時(shí)欺栗,也給消費(fèi)者節(jié)省時(shí)間毫痕,生活上帶來便利征峦。

商家業(yè)態(tài)的核心并非技術(shù),仍是用戶體驗(yàn)和價(jià)值消请。如何將眼花繚亂的技術(shù)更高效栏笆、精準(zhǔn)、友好而富有情感的服務(wù)好消費(fèi)者梯啤,恰當(dāng)?shù)膭?chuàng)新性的運(yùn)用新技術(shù)竖伯,讓成本最優(yōu)、效率最大化的情況下給用戶帶來真真切切的價(jià)值(節(jié)省獲取商品因宇、排隊(duì)時(shí)間)產(chǎn)生更好的體驗(yàn)(感受科技便捷七婴,獲得滿足感與身心的愉悅) 始終是“新零售”的主題。

3. 場(chǎng)景察滑、理念創(chuàng)新型

一類是在傳統(tǒng)的集中打厘、固定空間的賣場(chǎng)中試圖向人們傳遞新消費(fèi)觀念、生活理念和營(yíng)造獨(dú)特氛圍贺辰。如星巴克的“第三空間”户盯,阿里的盒馬鮮生等。

另一類是商家會(huì)把自動(dòng)或開放的無人貨架安置進(jìn)辦公大樓饲化,和移動(dòng)的出租汽車等原來從不會(huì)認(rèn)為是“賣場(chǎng)”的新空間中莽鸭,而這些地方可能恰恰有著對(duì)某些快消品類(零食、水飲)大量多頻次的需求吃靠,如無人貨架等硫眨。


4月21~22參加了阿里巴巴UCAN設(shè)計(jì)會(huì)議,聽到了很多行業(yè)大牛的分享巢块,其中最讓人印象深刻的是“阿里智能設(shè)計(jì)三把斧”礁阁,智能設(shè)計(jì)平臺(tái),智能短視頻生成機(jī)器人以及智能字體族奢。

1. 智能設(shè)計(jì)平臺(tái) - 鹿班


目前是內(nèi)測(cè)姥闭,5月份正式對(duì)外開放,包括一鍵生成越走、智能創(chuàng)作棚品、智能排版、設(shè)計(jì)拓展四大功能廊敌。

一鍵生成:將商品相關(guān)素材铜跑、文字輸入,選擇自己需要的海報(bào)尺寸庭敦、風(fēng)格等疼进,可自動(dòng)生成符合要求的海報(bào)作品。

智能排版:將拍攝好的照片和需要的文字輸入秧廉,選擇尺寸伞广,可自動(dòng)生成帶有隨機(jī)風(fēng)格的海報(bào)作品或產(chǎn)品展示拣帽。

設(shè)計(jì)拓展:將設(shè)計(jì)完成稿輸入,選擇需要拓展的尺寸嚼锄,可自動(dòng)生成相應(yīng)拓展尺寸的結(jié)果减拭。

智能創(chuàng)作:擁有自己獨(dú)特風(fēng)格的設(shè)計(jì)師將自己創(chuàng)作好的系列作品輸入,可以訓(xùn)練機(jī)器区丑,并成為系統(tǒng)新的效果風(fēng)格

2. 智能短視頻生成機(jī)器人 - Allwood

阿里還發(fā)布一個(gè)短視頻生成機(jī)器人“Allwood”拧粪。可以通過整合圖文內(nèi)容自動(dòng)生成20秒的短視頻沧侥,并帶有配樂可霎。是為了服務(wù)商家制作短視頻、提升銷量宴杀。

「我們發(fā)現(xiàn)在線下癣朗,一些有音樂和視頻展示的店,銷量會(huì)有2到5倍的增加旺罢,在線上旷余,商品有音樂和視頻展示,分享率會(huì)增加40%左右扁达,銷售量上的提升大概時(shí)18%左右正卧,但淘寶目前有數(shù)十億計(jì)的商品,90%都是圖片+文字跪解,商家要想做視頻炉旷,找專業(yè)的人做需要2萬左右一個(gè),費(fèi)用很高惠遏±荆」

3. 智能字體 - 阿里漢儀智能黑體


作為漢儀字庫(kù)與阿里合作的第一款電商字體的代表骏啰,智能黑體具有強(qiáng)烈的對(duì)話性特征节吮。智能黑體基于黑體的橫豎基本特征,加大橫豎粗細(xì)比例判耕,字面飽滿填充整個(gè)內(nèi)框透绩,讓字體更加醒目,視覺沖擊力極強(qiáng)壁熄,能夠很好的與用戶對(duì)話帚豪,非常適用于電商類廣告設(shè)計(jì)。


新零售業(yè)態(tài)下的設(shè)計(jì)探索

回歸到用戶體驗(yàn)的視角草丧,消費(fèi)者端用戶對(duì)商品的幾類需求以及進(jìn)行消費(fèi)行為時(shí)的情態(tài)狸臣,可歸結(jié)為—“3需1感”

消費(fèi)者的3方面需求

· 對(duì)商品抽象信息獲知需求:特點(diǎn)、性能昌执、品牌烛亦、價(jià)格诈泼、數(shù)據(jù),是什么煤禽?

· 對(duì)商品五感的感知需求:視覺铐达、味覺、觸覺檬果、聽覺瓮孙、嗅覺,感覺怎么樣选脊?

· 對(duì)商品獲取方式杭抠,時(shí)間了解的需求:門店、快遞恳啥、成本祈争,如何得到?

消費(fèi)者的1種感覺

· 消費(fèi)者的“情感”角寸,是消費(fèi)者在購(gòu)買商品與享受商家服務(wù)中互動(dòng)過程所產(chǎn)生的情感菩混,情緒,這1感是完全始終貫穿3方面需求的扁藕。

這3需1感沮峡,決定了消費(fèi)者是否會(huì)對(duì)banner所呈現(xiàn)的商品,內(nèi)容感興趣亿柑,從而產(chǎn)生點(diǎn)擊邢疙,購(gòu)買的行為。

BANNER的悖論

阿里智能設(shè)計(jì)三把斧望薄,其實(shí)從側(cè)面提出了一個(gè)一直被忽略的問題:

在任何一個(gè)APP疟游,BANNER都是在流量最好入口最高的位置;但一個(gè)項(xiàng)目中的設(shè)計(jì)痕支,開發(fā)颁虐,產(chǎn)品等,都不會(huì)認(rèn)為BANNER是一件重要的需求卧须,“就是張banner”另绩。BANNER就像政治正確一樣,必須要有花嘶,必須在最好的位置笋籽,但從來不被重視。我認(rèn)為阿里目前所展示出的“智能設(shè)計(jì)三把斧”椭员,就是為了擴(kuò)展傳統(tǒng)BANNER設(shè)計(jì)的邊界车海,進(jìn)行形式,體驗(yàn)隘击,效率的創(chuàng)新侍芝。

傳統(tǒng)BANNER設(shè)計(jì)的缺點(diǎn)

一些傳統(tǒng)BANNER存在的雞肋屬性:

· 模式僵化喘沿,設(shè)計(jì)成本低;

· 用戶審美疲勞竭贩,千篇一律蚜印;

· 不承載功能,純?cè)O(shè)計(jì)導(dǎo)向留量,開發(fā)/產(chǎn)品權(quán)重低窄赋;

BANNER/功能入口設(shè)計(jì)的探索

1.統(tǒng)一交互/視覺層級(jí)下突出某一入口/元素

最早看到這種形式實(shí)在視頻APP里,目前在優(yōu)酷楼熄,騰訊視頻等主流視頻APP首頁(yè)已經(jīng)廣泛采用忆绰,好處不言而喻,放一張靜態(tài)圖對(duì)比:

我認(rèn)為這種形式不但使BANNER形式新穎可岂,展示內(nèi)容更多错敢,還創(chuàng)造了做一種新的交互形式,即在統(tǒng)一交互/視覺層級(jí)下突出某一入口/元素缕粹。

以攜程為例稚茅,酒店,機(jī)票平斩,旅游三大模塊亚享,設(shè)計(jì)風(fēng)格是同一層級(jí),包括頂部“玩轉(zhuǎn)當(dāng)?shù)亍币粰诘?個(gè)ICON入口绘面。如果要在統(tǒng)一的交互/視覺框架里突出某一元素欺税,常見的辦法是添加“hot”“折扣”“角標(biāo)icon”,例如攜程首頁(yè)揭璃,機(jī)票晚凿,旅游模塊所采用的形式。這種方式正如傳統(tǒng)BANNER設(shè)計(jì)一樣瘦馍,已被濫用歼秽,用戶審美疲勞。這種形式的進(jìn)一步延展扣墩,例大麥APP首頁(yè):

廣告語(yǔ)換成了“用戶評(píng)論”哲银,比傳統(tǒng)靜態(tài)BANNER多了趣味性與互動(dòng)性扛吞。

1.1 對(duì)書香云集產(chǎn)品的思考

左側(cè)為某競(jìng)品呻惕,右側(cè)為書香云集現(xiàn)版本

參考上述新的展示形式,來做一個(gè)Demo

或者換成“用戶評(píng)論”的BANNER設(shè)計(jì)形式

2. 進(jìn)行視覺重構(gòu)滥比,引導(dǎo)瀏覽路徑

左為天貓亚脆,右為書香云集

分析下這兩張首頁(yè)用戶不同的瀏覽路徑

左為天貓,右為書香云集

左圖的BANNER展示形式盲泛,用戶會(huì)自然的按照其視覺引導(dǎo)濒持,自上而下瀏覽键耕。而右圖,因?yàn)锽ANNER面積較小且位置靠上柑营,模塊分割多屈雄,在實(shí)際的移動(dòng)端閱讀體驗(yàn),用戶的視覺路徑是由中間到上下擴(kuò)散官套,為了避免這一情況酒奶,頂部的BANNER視覺就會(huì)要求做的很重,讓用戶看到奶赔,而不是急于進(jìn)行上滑操作惋嚎。但BANNER做重了之后,對(duì)整個(gè)界面的視覺中心破壞是很嚴(yán)重的站刑,會(huì)顯得更加雜亂另伍。

左為天貓,右為書香云集

天貓完整的展示動(dòng)效

天貓APP

無獨(dú)有偶绞旅,蝦米的最新版本更新也是采用了這種展示形式

蝦米APP

如果說天貓是電商摆尝,細(xì)分下跟書香還有區(qū)別的話,那蝦米作為音樂內(nèi)容提供商因悲,則跟書香非常相似了结榄。

3. 堆砌BANNER,精準(zhǔn)化運(yùn)營(yíng)

有貨APP

這種形式的優(yōu)劣都很清楚囤捻。優(yōu)點(diǎn)在于信息全面臼朗,面向精準(zhǔn)人群成功率高。劣勢(shì)在于內(nèi)容表達(dá)過于清楚蝎土,用戶可直接在一級(jí)入口做出點(diǎn)擊判斷视哑,非目標(biāo)用戶沒有了解的欲望,點(diǎn)擊率低誊涯。在沒有大數(shù)據(jù)用戶行為挡毅,喜好分析的情況下,這種呈現(xiàn)形式的門檻還是比較高的暴构。

豆果美食

未完待續(xù)...

單純的創(chuàng)意分析跪呈,沒有數(shù)據(jù)的支撐總是蒼白無力的。在跟產(chǎn)品取逾,運(yùn)營(yíng)同事溝通討論后耗绿,接下來對(duì)這幾種形式都會(huì)進(jìn)行小范圍嘗試,結(jié)合數(shù)據(jù)之后再來下結(jié)論砾隅,這些新穎的BANNER設(shè)計(jì)方法误阻,對(duì)提升點(diǎn)擊率,對(duì)改善傳統(tǒng)BANNER窘境,有沒有質(zhì)的提升

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末究反,一起剝皮案震驚了整個(gè)濱河市寻定,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌精耐,老刑警劉巖狼速,帶你破解...
    沈念sama閱讀 217,277評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異卦停,居然都是意外死亡唐含,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,689評(píng)論 3 393
  • 文/潘曉璐 我一進(jìn)店門沫浆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來捷枯,“玉大人,你說我怎么就攤上這事专执』蠢Γ” “怎么了?”我有些...
    開封第一講書人閱讀 163,624評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵本股,是天一觀的道長(zhǎng)攀痊。 經(jīng)常有香客問我,道長(zhǎng)拄显,這世上最難降的妖魔是什么苟径? 我笑而不...
    開封第一講書人閱讀 58,356評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮躬审,結(jié)果婚禮上棘街,老公的妹妹穿的比我還像新娘。我一直安慰自己承边,他們只是感情好遭殉,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,402評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著博助,像睡著了一般险污。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上富岳,一...
    開封第一講書人閱讀 51,292評(píng)論 1 301
  • 那天蛔糯,我揣著相機(jī)與錄音,去河邊找鬼窖式。 笑死蚁飒,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的脖镀。 我是一名探鬼主播飒箭,決...
    沈念sama閱讀 40,135評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼狼电,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼蜒灰!你這毒婦竟也來了弦蹂?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,992評(píng)論 0 275
  • 序言:老撾萬榮一對(duì)情侶失蹤强窖,失蹤者是張志新(化名)和其女友劉穎凸椿,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體翅溺,經(jīng)...
    沈念sama閱讀 45,429評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡脑漫,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,636評(píng)論 3 334
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了咙崎。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片优幸。...
    茶點(diǎn)故事閱讀 39,785評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖褪猛,靈堂內(nèi)的尸體忽然破棺而出网杆,到底是詐尸還是另有隱情,我是刑警寧澤伊滋,帶...
    沈念sama閱讀 35,492評(píng)論 5 345
  • 正文 年R本政府宣布碳却,位于F島的核電站,受9級(jí)特大地震影響笑旺,放射性物質(zhì)發(fā)生泄漏昼浦。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,092評(píng)論 3 328
  • 文/蒙蒙 一筒主、第九天 我趴在偏房一處隱蔽的房頂上張望关噪。 院中可真熱鬧,春花似錦乌妙、人聲如沸色洞。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,723評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)火诸。三九已至,卻和暖如春荠察,著一層夾襖步出監(jiān)牢的瞬間置蜀,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,858評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工悉盆, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留盯荤,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,891評(píng)論 2 370
  • 正文 我出身青樓焕盟,卻偏偏與公主長(zhǎng)得像秋秤,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,713評(píng)論 2 354