以瑞幸咖啡為例,解析流量分發的設計邏輯

產品設計,即讓流量促成轉化及再分發的設計。

流量分發是通過一定的設計策略,將用戶的流量合理的分配到其他各個地方,從而達到產品的設計目標,促進流量利用最大化,提升流量最大限度的轉化,獲得更大的商業化價值。

接下來從瑞幸咖啡說起,談談流量分發的設計邏輯。

瑞幸的首頁有一個模塊叫「現在下單」,用戶點擊「現在下單」模塊,則頁面直接從「Tab1首頁」切換到「Tab2菜單」。

以瑞幸咖啡為例,解析流量分發的設計邏輯

通過「Tab1首頁」加入一個功能模塊入口,用戶點擊該模塊入口,界面切換到「Tab2菜單」,這個交互邏輯在主流產品基本沒有,在非主流產品來說也是很少見。非常不符合交互邏輯。但是瑞幸為什麼要這麼做呢?

瑞幸咖啡的設計意圖是,用戶購買行為在「Tab2菜單」,為了給購買的「Tab2菜單」更多流量,則在「Tab1首頁」新增一個引流入口,為「Tab2菜單」獲取更多的流量。

這就解釋了為什麼會存在點擊首頁「現在下單」模塊,界面切換到「Tab2」的情況。

這種設計合理嗎?個人覺得不合理。理由如下:

1、App底部Tab Bar導航彼此之間是並列關係,同時Tab Bar的視覺也表明是並列關係,不存在首頁是父級,其他Tab是子級的關係。

也沒有主流產品Tab Bar存在父子層級關係。

2、瑞幸咖啡核心場景是賣貨,App默認停留在「Tab1首頁」,用戶從App退出(後臺結束)後,用戶再次進入時依然停留在「Tab1首頁」,Tab沒有停留上次所處的位置。

賣貨是核心場景,卻放在「Tab2」不合理。用戶從「Tab1」切換到「Tab2」這一步的流失率很大。

瑞幸這個設計如何優化?

應該將「Tab2菜單」內容整合到首頁,類似百億補貼界面設計,上面部分為部分重要功能入口,下面為菜單內容。這樣菜單內容展現曝光數據會更高,引流效果更好。產品也更符合賣貨產品場景。

首頁一個功能入口和Tab2流量加起來,應該沒有Tab1首頁滿屏的內容流量大。同時去掉「Tab2菜單」,可以將所有流量更大程度的分流到其他Tab。

以上瑞幸咖啡的例子討論完了,接下來談談如何設計流量分發,如何確定流量分發方案。

越是重要業務,越是需要儘可能的增加流量引入。流量分發的方法大致有以下幾種:

1、首頁

2、Tab

3、下拉菜單

4、核心界面植入

5、掛件

6、核心流程中植入

1、首頁

美團首頁的金剛區,根據產品功能的重要度,在金剛區分為大的宮格導航和小的宮格導航,同時宮格導航會隨著用戶的使用場景進行雲控,不同場景展示不同的功能導航。

以瑞幸咖啡為例,解析流量分發的設計邏輯

如果需要給產品某些功能模塊引流,那麼宮格導航擁有大量的流量,可通過宮格導航為產品模塊引流。

每個宮格導航的入口往往是比較獨立的信息內容,用戶進入一個入口後,只處理與此入口相關的內容,如果要跳轉至其他入口,必須要先回到入口總界面。

例如美團外賣,作為美團旗下最重要的產品,佔據金剛區第一個位置,用戶點擊該功能入口,跳轉到新頁面,新界面可看做為一個獨立的產品。

以瑞幸咖啡為例,解析流量分發的設計邏輯

除了首頁金剛區,banner下方內容展現推薦大部分為外賣引流,進一步為外賣引流。

使用宮格導航的好處:

1.單位面積可提供更多的功能導流入口,同時能很容易吸引用戶點擊查看;

2.適合於不同業務線產品的聚合導航,為不同的業務線導流達成產品的戰略目的;

3.不同功能模塊獨立性強,各個宮格導航裡面的功能相互可以不用統一;

4.擴展性強,產品可以不斷添加功能並迭代。

首頁推薦區推薦的內容則基本是關於產品主業務。所以一般也就重要功能模塊才有機會在首頁宮格導航和內容推薦。

2、Tab

底部標籤式導航是用於一級目錄的導航,位於頁面底部,也是目前最常見的一種導航形式。

如下圖所示。愛奇藝的泡泡Tab,一個Tab則一個完整的功能模塊,可獲得除了首頁和其他幾個Tab之外最多的的流量。

以瑞幸咖啡為例,解析流量分發的設計邏輯

底部標籤式導航可以讓流量更大化並有效分發流量,使得各個模塊都有機會獲取流量提高頁面流量的轉化。同時,將常用的導航放在底部,無論用戶是用單手操作,還是用雙手操作,都能輕鬆完成點擊並實現各功能模塊之間的跳轉。

Tab的特點:

1.底部標籤欄所展示的功能為並列關係,處於同一層級;

2.底部標籤欄方便用戶快速切換,可以最大限度的讓流量被利用;

3.市面上絕大部分產品採用的是標籤欄導航,用戶對於標籤欄接受度更高。

3、下拉菜單

通過點擊一個操作按鈕,下拉出一個菜單,菜單由箭頭、浮層列表組成。下拉菜單為其他一系列功能提供快捷入口。

以瑞幸咖啡為例,解析流量分發的設計邏輯

例如微信支付是一個較高頻的操作,且支付又是特別重要的業務。添加好友、收付款、掃一掃等功能層級較深。當把收付款和掃一掃放置在下拉菜單中,用戶便可以快速地使用該系列功能。

以瑞幸咖啡為例,解析流量分發的設計邏輯

4、核心界面植入

基於相似用戶使用場景的功能,通過擁有大流量的核心界面為小流量的功能輸送流量。

網易雲音樂核心界面是歌曲播放界面,在聽歌播放頁做直播導流入口,通過動效,誘導用戶點擊。用戶直接從聽歌主流程前往直播間。

以瑞幸咖啡為例,解析流量分發的設計邏輯

從產品業務層面上來說,直播更賺錢,所以希望從大流量的核心頁面獲取流量。但是這改變了整個產品的核心形態,同時也將用戶的核心操作阻斷,這對於用戶來說體驗並不好。

從個人來說,我不太希望將在核心界面植入引流功能,這改變了整個產品的核心形態,同時也將用戶的核心操作阻斷,這對於用戶來說體驗並不好。

有的好公司一直在強調一緯性,即一個頁面儘量給用戶一個操作行為,這樣可以減少用戶的選擇,使得用戶更專注核心功能。

微信在核心需求的控制上做的特別好。

微信的核心功能就是聊天,我們會發現,微信並沒有在微信聊天界面做任何導流入口,同時一直在優化聊天,例如增加撤回功能,撤回功能可二次編輯、複製文字優化等。

5、掛件

掛件主要用於活動推廣或產品引流的運營行為。一般適用於首頁,用戶點擊跳轉到對應的產品模塊或者活動頁面。

通過掛件給功能模塊或者產品引流,這種做法很高效,短時間可以獲得大量的流量。

為了獲取更高的點擊率,很多掛件都會通過動效來吸引用戶,促使用戶發現掛件,並點擊獲得轉化。

掛件這種營銷方式對於用戶體驗不好,一般只有商業價值比較高的產品或活動才會通過掛件來做引流。掛件數量不宜超過2個。

如下圖,美團首頁, 點擊掛件,跳轉到對應的活動界面。

以瑞幸咖啡為例,解析流量分發的設計邏輯

6、核心流程植入

核心流程是用戶使用最多的操作流程,擁有巨大的流量,可根據需要引流的項目在核心流程的關聯性強弱,看是否可以將推廣的功能模塊植入其中。

核心流程植入有以下原則:

1、植入的功能,不影響核心流程的轉化,如果會降低核心流程完成率,那麼不建議植入。

2、如果會降低核心流程的完成率,但這種造成的損失遠遠低於所帶來的收益,那麼可以植入。

例如下圖1,為了給美團支付導量,當用戶沒有綁定銀行卡時,則優先勾選美團支付,底部按鈕為「添加銀行卡支付」,用戶先去添加銀行卡。

圖2,在用戶完成支付後,即核心流程結束,通過彈窗引流,讓用戶註冊申請信用卡。

以瑞幸咖啡為例,解析流量分發的設計邏輯

總結:

以上6種是做流量分發的主要方式。

1、就引流效果而言,最好的效果當然是首頁,通過首頁引流效果最佳;

2、其次是核心界面和流程植入;

3、最後是Tab和掛件;

4、下拉菜單是對較高頻操作的進一步快捷引流。

歡迎留言與我們互動~文章來源:Echo的設計筆記

文章作者:Echo

文章鏈接:

https://mp.weixin.qq.com/s/UhmhURUFb_V3-lskrh1Q8A

學設計,上美啊!

微信交流群已開通~進群領福利!

以瑞幸咖啡為例,解析流量分發的設計邏輯

專題 | 醫療行業的交互設計怎麼做

【投票】恆大十萬人新球場曝光!這創意你給幾分?

86年小哥用雕塑神還原杜甫詩中古風美人,驚豔數萬粉絲!

小米十年,平實設計讓美好的事情發生

2020年,現實和虛擬相連,是發展還是消亡

Office改版背後,藏著的這套超全面的寶藏設計系統

AI技術帶給設計的轉變,到底意味著什麼?

4個要素,5個原則,4個步驟,9種方法!服務設計一鍵入門

美哭了!100位藝術家用畫筆改變一個農村!

20個用戶體驗設計法則&定律

學習更多設計乾貨!


分享到:


相關文章: