本文分析了幾款經(jīng)典的中間頁設(shè)計(jì)布局，并通過相關(guān)數(shù)據(jù)反饋總結(jié)了一些設(shè)計(jì)中需要注意的問題，目的是探討如何獲取更多的新用戶。

在增長黑客概念異?；鸨默F(xiàn)在，更多人開始研究和改善能促進(jìn)增長的諸多細(xì)節(jié)。其中對(duì)于拉新轉(zhuǎn)化最為重要的分享后中間頁更顯得尤為重要，此篇文章從分享后的中間頁的設(shè)計(jì)布局、數(shù)據(jù)反饋和總結(jié)分析來同大家一起探討如何獲取更多的新用戶，下文以iOS端示例進(jìn)行闡述。

幾款經(jīng)典的設(shè)計(jì)布局：

基本款：頂部bar+中部按鈕+懸浮底部bar

新浪微博：

微博的中間頁設(shè)計(jì)做的中規(guī)中矩，頂部bar，中部按鈕和底部bar貫徹了微博的主色調(diào)，相對(duì)其他家而言并沒有花太多的心思。作為中部最重要的按鈕查看原文的影響力并不足以讓用戶產(chǎn)生下載的沖動(dòng)，底下的微博熱搜興許也能帶來一些下載轉(zhuǎn)化。有點(diǎn)納悶微博上神評(píng)論那么多，為啥不選擇放出來呢？還是微博的普及量太廣不需要在這個(gè)頁面花費(fèi)太多時(shí)間？

在下載頁給小程序?qū)Я?，這個(gè)做法感覺是為了更方便的獲得新用戶，但同樣也會(huì)降低下載的轉(zhuǎn)化，何不在分享的時(shí)候直接選擇小程序呢？

知乎：

知乎的中間頁頂部bar的顏色并不突出，算是照顧到了新用戶的瀏覽體驗(yàn)，當(dāng)然這并不代表著知乎沒有花心思。中部的藍(lán)色按鈕可謂是足夠吸睛，對(duì)于求知欲很強(qiáng)的人來說更多人的回答顯然很有吸引力，查看全部回答的同時(shí)也將給予知乎一次下載轉(zhuǎn)化的機(jī)會(huì)，所以可以預(yù)見這一按鈕的功能設(shè)置將是整個(gè)頁面最重要的引流點(diǎn)。

如果當(dāng)前的回答已讓你滿意，并沒有繼續(xù)探討該問題的話，當(dāng)你繼續(xù)向下瀏覽相關(guān)推薦和熱門推薦的內(nèi)容也將作為兜底策略來引導(dǎo)你下載，還有那底部常駐的懸浮按鈕，無時(shí)無刻不再刺激你趕緊下載。

關(guān)于知乎的下載頁可能有人會(huì)覺得太簡單，但個(gè)人感覺之前的引導(dǎo)環(huán)節(jié)已經(jīng)能夠讓用戶產(chǎn)生明確的目的，而這一步不需要再費(fèi)盡心思告訴用戶自己產(chǎn)品的特性，反之知乎這句slogan也足矣闡述了知乎的價(jià)值。

升級(jí)款：頂部bar+中部按鈕+評(píng)論+懸浮底部bar

蝦米音樂：

蝦米音樂這個(gè)布局感覺并不是十分可取，單個(gè)聲音的播放器有點(diǎn)過重，而且評(píng)論那里做的并不是十分突出，雖然這部也是下載轉(zhuǎn)化的一個(gè)環(huán)節(jié)但并沒有足夠重視。

下載頁也很一般，可能是估計(jì)做的效果但很容易讓人以為是網(wǎng)絡(luò)問題沒有加載出來，另外那個(gè)鏈接現(xiàn)在還有bug，會(huì)報(bào)錯(cuò)…

今日頭條：

雖然頂部和底部bar都很傲嬌，只展示了品牌名和功能按鈕，但真正的引流點(diǎn)并不在那里?？次恼伦钆驴吹骄实沫h(huán)節(jié)就戛然而止，雖然頭條并沒有強(qiáng)制要求打開App看全文，但中部按鈕的設(shè)計(jì)和展開全文的標(biāo)識(shí)很容易讓人以為只能打開App才能看到全文，可謂是費(fèi)勁了心機(jī)。還有一點(diǎn)熱門推薦這里也花了一些心思，不得不承認(rèn)這里面有內(nèi)容吸引到我了，所以，該頁面的內(nèi)容展示也同樣不能小試。

不知是誰起的頭，新聞?lì)惖南螺d頁大多都是這個(gè)布局，其實(shí)還是有優(yōu)化空間的。

簡單款：懸浮底部bar

網(wǎng)易云音樂：

敢這么做可能是試驗(yàn)了頂部bar引流效果并不是很好但在視覺效果上卻對(duì)用戶有所干擾，權(quán)衡下來還不如放棄。對(duì)于聽到新歌而言隨手翻看歌詞已是下意識(shí)的動(dòng)作，所以當(dāng)你點(diǎn)擊查看完整歌詞時(shí)也幫產(chǎn)品完成了一次下載轉(zhuǎn)化，當(dāng)然作為網(wǎng)易云音樂不可忽視的法寶精彩評(píng)論也是另一個(gè)引流的重點(diǎn)，當(dāng)你看評(píng)論產(chǎn)生共鳴時(shí)，嗯，去下載App吧。

下載頁也很簡單，表明了產(chǎn)品的態(tài)度，一個(gè)關(guān)鍵按鈕引導(dǎo)重點(diǎn)行為足矣。

新玩法：小程序

大廠都在布局小程序的分享，相對(duì)一個(gè)簡單的H5頁面而言小程序能承載的內(nèi)容更多，傳播效果也更方便。后面可以單獨(dú)研究一下，這里就不再贅述了。

數(shù)據(jù)反饋：

以自己參與設(shè)計(jì)的一款落地頁數(shù)據(jù)結(jié)果供大家參考：（各部分的點(diǎn)擊轉(zhuǎn)化）

• 頂部按鈕：11%
• 底部按鈕：9%
• 中間按鈕：17%
• 彈窗效果：53%
• 諸多內(nèi)容轉(zhuǎn)化：10%

總結(jié)與思考：

1. 頂部按鈕和底部按鈕雖然常用，但并不是最大的流量來源，而在頁面停留一段時(shí)候后出現(xiàn)的彈窗反而更容易引起用戶的點(diǎn)擊欲望。

2. 在一個(gè)頁面要留多個(gè)導(dǎo)流點(diǎn)，雖然頂部bar+中部按鈕+懸浮底部bar足以支撐起整個(gè)頁面，但它們可能支持不起你的KPI。類似頭條的查看原文、網(wǎng)易云的查看完整歌詞、蝦米音樂的查看評(píng)論都是很實(shí)用的導(dǎo)流入口，既符合用戶的需求又不顯得十分刻意。想清楚用戶在這個(gè)頁面最終的訴求是啥，以及你家App的特點(diǎn)將是你設(shè)計(jì)這個(gè)功能入口的思路，如果真的覺得沒什么特色的話，查看原文和查看完整評(píng)論也算是最基礎(chǔ)款了。

3. 細(xì)節(jié)不可忽略，雖然功能設(shè)計(jì)相似但文案和UI式樣的不同也將帶來不同的轉(zhuǎn)化效果。類似蝦米頂部bar的文案：打開蝦米音樂，遇見更多好音樂就比知乎的下載App感覺舒服的多；底部bar那里也能做很多文章，例如：XXX和你一起在用，以及小紅書的1億年輕人都在分享的生活社區(qū)，還有個(gè)5星評(píng)分都不能忽視。按鈕是否懸掛常駐，是否需要有呼吸效果、是否加彈窗等也都能為你的轉(zhuǎn)化率添磚加瓦。

4. 下載頁盡量簡單，不要做無謂的展示和資源曝光，在這個(gè)頁面只要告知用戶下載按鈕在哪里，以及是官方的下載鏈接就足夠了，切勿畫蛇添足。

本文由 @靜陌 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議