2016年的生鮮行業(yè)走的并不順暢，接連遭遇企業(yè)倒閉、裁員、財(cái)務(wù)危機(jī)、門店關(guān)閉、下線事故，正在經(jīng)歷著刺骨的寒冬。而這其中，再次獲得2.3億B+輪融資的生鮮 O2O 電商平臺(tái)“每日優(yōu)鮮”，成為了寒潮中的一股熱浪。

為什么它能夠逆流而上，勢如破竹？原因可能就隱藏在產(chǎn)品里面。為此，草莓君專門針對(duì)每日優(yōu)鮮APP做了功能點(diǎn)上的分析，有哪些亮點(diǎn)是最能牢牢抓住眾多消費(fèi)者的心，讓消費(fèi)者擁有良好的購物體驗(yàn)的呢？

當(dāng)然，草莓君寫這篇分析文章的目的，不僅僅是想讓大家了解每日優(yōu)鮮這個(gè)APP的成功之處，更要能夠從中借鑒到有用的APP設(shè)計(jì)、運(yùn)作方法，為己所用。

APP頁面設(shè)計(jì)，打造良好的應(yīng)用體驗(yàn)

用戶是很挑剔的，谷歌的一份報(bào)告表明：當(dāng)用戶對(duì)某一個(gè)電商應(yīng)用感到很“垃圾”時(shí)，有79%的幾率會(huì)轉(zhuǎn)而使用競爭對(duì)手的應(yīng)用。因此，APP需要良好的設(shè)計(jì)來愉悅消費(fèi)者，從而留住消費(fèi)者。

每日優(yōu)鮮APP如何用頁面設(shè)計(jì)抓住消費(fèi)者的心？

一、和諧得體的色彩搭配，良好的視覺體驗(yàn)

1、粉色作為主強(qiáng)調(diào)色，關(guān)鍵信息重點(diǎn)凸顯

每日優(yōu)鮮APP色彩的搭配賞心悅目：留白的背景，以粉色作為主導(dǎo)色，黃色、綠色為輔助色，強(qiáng)烈的色彩對(duì)比，讓關(guān)鍵信息一目了然。

圖1：每日優(yōu)鮮APP首頁截圖

以粉色突出“次日到達(dá)”的極速配送模式；頂部和底部導(dǎo)航欄小icon實(shí)時(shí)狀態(tài)時(shí)顯示粉紅色；活動(dòng)banner圖、浮動(dòng)活動(dòng)小圖標(biāo)、購物車、商品價(jià)格、優(yōu)惠信息等都是用粉色重點(diǎn)顯示。強(qiáng)調(diào)色的使用，讓重點(diǎn)凸顯，更加方便了消費(fèi)者瀏覽商品、使用購物車、參與福利活動(dòng)。

2、首頁品類推薦模塊標(biāo)題圖文多色搭配

每日優(yōu)鮮APP的首頁設(shè)置了七大品類的特價(jià)推薦商品模塊，每個(gè)模塊的介紹圖文（如圖2）單獨(dú)使用一種顏色，底色、文字顏色跟小圖片里面的生鮮顏色相近，形成統(tǒng)一的風(fēng)格。

七個(gè)模塊的顏色主導(dǎo)著信息層次，多種顏色的組合并不突兀，反而相當(dāng)和諧。經(jīng)過一定調(diào)和的色彩，顯得非常柔和，眼睛長時(shí)間停留注視也不會(huì)刺激。

每日優(yōu)鮮APP主次分明的色彩處理，讓界面鮮活有生機(jī)，恰恰契合了新鮮的商品特性；節(jié)奏感的巧妙應(yīng)用，讓信息更有層次，優(yōu)雅地呈現(xiàn)。

色彩搭配APP設(shè)計(jì)中極為重要的部分，直接影響到消費(fèi)者的體驗(yàn)和感受，需要掌握好色彩搭配的原理和技巧，培養(yǎng)良好的色彩感。 草莓君推薦下面這15個(gè)關(guān)于色彩搭配的網(wǎng)站給大家，有需要的可以看看：

1、kuler

2、NIPPON COLORS

3、Colourlovers

4、Coolors

5、uiGradients

6、CSS Winner

7、Color Hunt

8、Material-UI

9、Peise（配色網(wǎng)）

10、ColorSchemeDesigner

11、Awwwards

12、配色展示

13、中國色

14、中國傳統(tǒng)色彩

15、中國傳統(tǒng)色彩

二、推薦商品模塊的場景化文案，直達(dá)消費(fèi)者內(nèi)心

前面說到，在APP首頁界面，每個(gè)品類單獨(dú)分出一個(gè)模塊，放置品類的特價(jià)推介商品。不是簡單的標(biāo)示“水果”、“蔬菜”這樣沒有特性的分類名稱，每日優(yōu)鮮在品類名稱中加入了核心的產(chǎn)品因素，同時(shí)把每個(gè)品類的介紹文案融入到了商品和生活。

“品質(zhì)水果”不單單只是水果，而是經(jīng)過嚴(yán)格挑選、層層把關(guān)，有質(zhì)量保證的優(yōu)質(zhì)水果。傳達(dá)出每日優(yōu)鮮的“優(yōu)”，在消費(fèi)者心中塑造良好的品質(zhì)形象。

介紹語：“酸甜生活，酸到剛剛好，甜才有意義”。酸酸甜甜既是水果自然的味道，也寓意了生活中的酸甜苦辣，人生百味，發(fā)人深省。在甜到發(fā)膩的美好時(shí)刻，來點(diǎn)每日優(yōu)鮮的水果好像也還不錯(cuò)。這樣的情景式文案，少了平白直鋪的敘述，多了點(diǎn)人性、精神的領(lǐng)悟，更容易打動(dòng)消費(fèi)者的心。

圖2：七大品類介紹圖文截圖

精選肉禽——吃頓好肉，多吃點(diǎn)好肉，人生不寂寞；新鮮水產(chǎn)——海的滋味，每條魚漂洋過海，來見你；暢銷飲品——干杯朋友，來來來喝完這杯，還有三杯；休閑零食——悲傷或快樂，有我陪著你......。

這些優(yōu)美的文字，在表達(dá)出每一類商品自身的特性基礎(chǔ)上，都融入了更深層的含義，悲傷、快樂、友情等等，深入到了每一個(gè)消費(fèi)者的生活場景中，試圖形成商品關(guān)聯(lián)。

或幽默有趣，或引發(fā)共鳴，好的APP商品展示文案也是能夠打動(dòng)消費(fèi)者，甚至直接促成購買行為。所以，商家應(yīng)該重視商品的展示文字。

三、以banner位、浮動(dòng)小圖標(biāo)作為活動(dòng)入口，起展示引導(dǎo)作用

對(duì)于電商來說，活動(dòng)是必不可少的促銷手段。在有限的APP應(yīng)用空間，如何有效地展示活動(dòng)頁面，最大程度的引導(dǎo)消費(fèi)者參與，需要精心設(shè)計(jì)和布局。

每日優(yōu)鮮APP在頂部設(shè)置了banner位，可以同時(shí)放置6個(gè)banner圖，也就是說，能夠一次性展示6個(gè)活動(dòng)。頂部banner位可以說是APP里面的黃金位置，頂部導(dǎo)航的下方，打開APP，最先看到的就是這里。當(dāng)消費(fèi)者點(diǎn)進(jìn)任何一個(gè)banner圖，都會(huì)自動(dòng)跳轉(zhuǎn)到相應(yīng)的活動(dòng)詳情頁，起到良好的引導(dǎo)作用。

同時(shí)，banner圖采用了輪播形式，每隔幾秒鐘，系統(tǒng)會(huì)自動(dòng)切換下一張。不斷地循環(huán)播放，讓整個(gè)APP頁面帶上了動(dòng)態(tài)因素，在周圍靜止不變的環(huán)境下，更加引人注目，一下子就抓住了消費(fèi)者的眼球。

說到banner圖的活動(dòng)投放，草莓君想提一下活動(dòng)運(yùn)營工具活動(dòng)盒子?；顒?dòng)盒子能夠幫助商家APP實(shí)現(xiàn)banner位活動(dòng)的定點(diǎn)投放，要求有自家APP應(yīng)用的商家，成功接入相應(yīng)的SDK，完成活動(dòng)位置埋點(diǎn)，就可以新建投放，把想要展示在banner位置的活動(dòng)放進(jìn)來即可。

活動(dòng)盒子投放模板截圖

如上圖所示，類似于每日優(yōu)鮮APP展示的banner活動(dòng)，同樣可以借助活動(dòng)盒子這個(gè)工具實(shí)現(xiàn)投放。

除了banner圖以外，APP界面左下角的位置，有一個(gè)粉紅色的小紅包圖標(biāo)，上面標(biāo)有“發(fā)福利”的字樣。其實(shí)，它也是一個(gè)活動(dòng)展示頁，消費(fèi)者點(diǎn)擊圖標(biāo)，會(huì)進(jìn)入下圖所示的“邀請好友”活動(dòng)詳情頁面。

草莓君注意到，每日優(yōu)鮮APP里面的這個(gè)活動(dòng)展示小圖標(biāo)，是固定不變的。消費(fèi)者不能隨意拖動(dòng)改變圖標(biāo)的位置，無論點(diǎn)開哪個(gè)頁面，它都在那里。

小圖標(biāo)雖然占用的空間不大，但是，在上下滑動(dòng)APP頁面的時(shí)候，會(huì)出現(xiàn)完全擋住“購物車”的情況（如下圖所示）。如果消費(fèi)者剛好想順手把商品放到購物車，卻由于浮動(dòng)圖標(biāo)的阻擋，不得不再動(dòng)手把頁面上滑，非常不方便，甚至?xí)鹣M(fèi)者不滿，從而放棄購買。

假如圖標(biāo)能夠隨意移動(dòng)，消費(fèi)者會(huì)在打開APP的第一時(shí)間，或者發(fā)現(xiàn)它會(huì)影響到接下來的操作時(shí)，把它拖到頂部或底部留白的位置，就不再擔(dān)心小圖標(biāo)擋住關(guān)鍵信息和按鈕。可移動(dòng)小圖標(biāo)能更好的滿足消費(fèi)者不同場景下的消費(fèi)需求。

當(dāng)然，使用怎樣的小圖標(biāo)，還是視APP應(yīng)用商家的實(shí)際情況來定。

四、針對(duì)地區(qū)做不同的商品推薦，滿足地域性需求的差異化

不同地域的人們，飲食習(xí)慣存在著極大的差異。比如，北方人牛羊肉吃的比較多，南方肉類主要以雞鴨和豬肉為主。再比如，廣東地區(qū)，龍眼荔枝等是最常見的水果，消費(fèi)者打開商品頁面，最希望在前排就能看到這類型的水果。

滿足地域性需求的差異化，是眾多生鮮電商正在面臨的挑戰(zhàn)，每日優(yōu)鮮APP很好的解決了這個(gè)問題。

消費(fèi)者在APP上面選定好送貨城市之后，再點(diǎn)擊商品頁，系統(tǒng)就會(huì)自動(dòng)匹配好符合這個(gè)地區(qū)飲食習(xí)慣的生鮮，把最受當(dāng)?shù)厝藗兿矏鄣呢浧窋[放在首位，其他的依次按照順序排列。實(shí)現(xiàn)不同地區(qū)用戶打開APP看到的頁面都是不一樣的。

為了驗(yàn)證是否真的能夠?qū)崿F(xiàn)不同地區(qū)推薦不同的商品，草莓君分別選取了廣州、北京、上海三個(gè)距離較遠(yuǎn)的城市；然后都選擇“水果”這一品類，下面就是不同地方消費(fèi)者看到的商品頁面。

很顯然，確實(shí)看到了有針對(duì)性的推薦結(jié)果：廣州地區(qū)排在首位的水果是南豐蜜桔，其他的還有香梨、龍眼、柚子；北京地區(qū)排首位的是智利藍(lán)莓，還有臍橙、蘋果、獼猴桃；而上海地區(qū)排首位的是贛南臍橙，其他還有蘋果、火龍果、車?yán)遄印?/span>

就像活動(dòng)盒子的觸發(fā)模板能夠?qū)崿F(xiàn)針對(duì)注冊、登錄、支付、分享等操作行為以及不同性別、不同地區(qū)的用戶做精準(zhǔn)的投放。每日優(yōu)鮮充分考慮到差異化，最適合的商品推薦給最需要的人，滿足細(xì)分消費(fèi)者的個(gè)性化需求，真正做到了精準(zhǔn)，是更加人性化的營銷手段。商家就像消費(fèi)者肚子里的蛔蟲，牢牢掌握住消費(fèi)喜好，把對(duì)的產(chǎn)品展示給對(duì)的人，大大促進(jìn)了購買成功的概率。