落地頁(yè)設(shè)計(jì):從概念到上線的5個(gè)過(guò)程

7 評(píng)論 63634 瀏覽 162 收藏 9 分鐘

產(chǎn)品工作中會(huì)涉及到很多與運(yùn)營(yíng)工作的協(xié)調(diào),這個(gè)過(guò)程中較多的產(chǎn)出就是落地頁(yè):專題落地頁(yè)、宣傳落地頁(yè)等。通常運(yùn)營(yíng)人員會(huì)提供頁(yè)面的素材以及內(nèi)容,產(chǎn)品負(fù)責(zé)推動(dòng)設(shè)計(jì)師進(jìn)行頁(yè)面設(shè)計(jì),產(chǎn)品人員從接到需求到頁(yè)面完整上線一般從幾個(gè)小時(shí)到幾周不等,付出時(shí)間的長(zhǎng)短與前期的準(zhǔn)備成反比。

項(xiàng)目過(guò)程中作為產(chǎn)品負(fù)責(zé)人通常要注意從頁(yè)面的概念到上線有幾個(gè)過(guò)程:概念的提煉,素材的準(zhǔn)備,思路整理,設(shè)計(jì)師進(jìn)行創(chuàng)意設(shè)計(jì),最后前端開(kāi)發(fā)以及后期迭代。在每個(gè)步驟中產(chǎn)品人員要注意以下幾點(diǎn):

一、概念提煉

落地頁(yè)的概念通常從產(chǎn)品的賣點(diǎn)提煉而來(lái),不論是活動(dòng)還是自身優(yōu)勢(shì)都是通過(guò)向消費(fèi)者傳達(dá)產(chǎn)品的賣點(diǎn)來(lái)吸引用戶來(lái)點(diǎn)擊甚至填寫(xiě)信息,最后完成轉(zhuǎn)化目標(biāo)。最吸引消費(fèi)者的內(nèi)容包括:折扣、專業(yè)、服務(wù)、精準(zhǔn)、設(shè)計(jì)、唯美等關(guān)鍵字所表達(dá)的概念。

111

上述專題突出的是鏡架免費(fèi),以免費(fèi)作為一個(gè)賣點(diǎn)來(lái)吸引用戶眼球,對(duì)有需求配鏡或者有意向配鏡的用戶制造一種吸引力,從而使用戶繼續(xù)往下瀏覽頁(yè)面;

222

小米5的落地頁(yè)主要突出的內(nèi)容十余項(xiàng)黑科技和價(jià)格1999元起,發(fā)燒友的焦點(diǎn)在于黑科技,而小白用戶更多的是根據(jù)小米的品牌參考1999的價(jià)格,兩項(xiàng)都可以作為小米吸引用戶的特點(diǎn)。

二、素材供給

頁(yè)面的素材主要包括兩個(gè)部分:文案內(nèi)容和圖片內(nèi)容。

素材部分的提供占據(jù)著落地頁(yè)設(shè)計(jì)中比較重要的一環(huán),頁(yè)面最后的成敗有很大因素取決于素材的質(zhì)量。

1. 文案內(nèi)容:

文案內(nèi)容是引導(dǎo)頁(yè)面設(shè)計(jì)思路的重要部分,通常初步的文案就代表了頁(yè)面的內(nèi)容順序及內(nèi)容,然后在頁(yè)面思路清晰后會(huì)配合設(shè)計(jì)做一些調(diào)整,包括標(biāo)題、內(nèi)容描述甚至字?jǐn)?shù)限制;

2. 圖片素材:

運(yùn)營(yíng)人員提供的圖片素材往往不能達(dá)到設(shè)計(jì)師的預(yù)期,這個(gè)時(shí)候需要設(shè)計(jì)師去獲取素材,產(chǎn)品經(jīng)理可以提供一些幫助(這里推薦幾個(gè)素材網(wǎng)站:站酷、花瓣、500px、eput);尤其新項(xiàng)目出現(xiàn)的時(shí)候,這時(shí)可能國(guó)內(nèi)甚至國(guó)外都沒(méi)有相關(guān)參考,合適素材,產(chǎn)品經(jīng)理要考慮以其他途徑去獲取素材了,尋找攝影師拍攝,建模師建模等(這里值得一提的是建模的素材往往比拍攝來(lái)的好得多,尤其是工業(yè)產(chǎn)品,工作后第一次發(fā)現(xiàn)工業(yè)設(shè)計(jì)的重要性,哈哈);

QQ截圖20160314111642

可以看到上面這把刀的渲染效果圖,相比實(shí)物拍攝圖,材質(zhì)更加逼真,而且打光的效果也比拍攝要來(lái)的好,重要的是成本比拍攝要便宜(通常一次攝影外包,可以做幾個(gè)同類的建模了)。

三、頁(yè)面思路的調(diào)整

頁(yè)面設(shè)計(jì)的思路需要產(chǎn)品規(guī)劃,如何提高用戶的瀏覽量、留存時(shí)間、轉(zhuǎn)化率都是產(chǎn)品要考慮的事情,雖然落地頁(yè)的感性思維更重要,但是理性思維也必不可少,理性的邏輯可以使用戶提高留存時(shí)間,更多的瀏覽頁(yè)面的內(nèi)容,從而提高頁(yè)面的轉(zhuǎn)化率,這個(gè)部分的驗(yàn)證是通過(guò)數(shù)據(jù)來(lái)評(píng)價(jià)的,但是產(chǎn)品對(duì)頁(yè)面設(shè)計(jì)的思路要清晰:設(shè)計(jì)該頁(yè)面的目的,然后把目標(biāo)作為終點(diǎn),連接起整個(gè)頁(yè)面的模形塊成一條線狀思維,最終引導(dǎo)用戶完成轉(zhuǎn)化。當(dāng)然這個(gè)操作的簡(jiǎn)單形式可以是這樣的:

  1. 假設(shè)自己就是用戶:考慮下如果是自己想要完成整個(gè)過(guò)程的轉(zhuǎn)化,你想從頁(yè)面獲取的信息是什么。根據(jù)自己的思維去構(gòu)成幾條線。
  2. 驗(yàn)證真正的用戶:這個(gè)時(shí)候可以考慮做一些中保真的頁(yè)面去做調(diào)研,從身邊的同事到朋友,然后獲取他們的頁(yè)面停留時(shí)間,有多少人完成了整個(gè)頁(yè)面的轉(zhuǎn)化,瀏覽頁(yè)面時(shí)遇到的問(wèn)題等等;然后從幾條線中選擇最佳方案去交給設(shè)計(jì)師完成。

四、跟進(jìn)設(shè)計(jì)頁(yè)面

和設(shè)計(jì)師的溝通需要用心,一定要讓設(shè)計(jì)師覺(jué)得你和他是一起的,同理心很重要,千萬(wàn)不要讓設(shè)計(jì)師覺(jué)得你是來(lái)監(jiān)督他的,要知道設(shè)計(jì)師是在幫你做頁(yè)面,有人說(shuō)這是設(shè)計(jì)師的本職工作,這個(gè)時(shí)候我只會(huì)呵呵了,設(shè)計(jì)的好壞,用心與否完全靠設(shè)計(jì)師的心情了;當(dāng)然我不反對(duì)恩威并施的方法,但是我更習(xí)慣和設(shè)計(jì)師做朋友,合作起來(lái)會(huì)更加順暢舒服,而你的付出可能只是一杯奶茶,一頓飯(和對(duì)付程序員的套路是差不多的,哈哈,好像說(shuō)漏了)。

當(dāng)然以上是項(xiàng)目易做的情況,當(dāng)遇到項(xiàng)目的難點(diǎn)或者難點(diǎn)的項(xiàng)目時(shí),一個(gè)頁(yè)面可能要做很久,這時(shí)大家的耐心和審美都有了一個(gè)過(guò)渡,尤其是比較感性的部分來(lái)回推翻的時(shí)候是很容易崩潰的,產(chǎn)品在這個(gè)時(shí)候一定要有一個(gè)平和的心態(tài),設(shè)計(jì)師在溝通過(guò)程中發(fā)發(fā)脾氣,吵吵也是很正常的,你一定要通過(guò)賄賂、軟磨硬泡等各種方式使設(shè)計(jì)師有一個(gè)平和的心態(tài),萬(wàn)萬(wàn)不能自己就崩了,一起吃個(gè)飯,聊聊天是個(gè)很好的方式。

五、前端開(kāi)發(fā)

程序員都是理性的代表職業(yè),開(kāi)發(fā)過(guò)程中要盡量減少溝通成本,溝通過(guò)程中的設(shè)計(jì)效果最好找到參考使程序員一目了然,而不是抽象的描述,腦補(bǔ)出來(lái)的效果永遠(yuǎn)不是統(tǒng)一的,甚至不能互相理解。

另外一點(diǎn)要有合理的項(xiàng)目進(jìn)度控制能力,了解你的前端開(kāi)發(fā)人員手里的工作內(nèi)容,每項(xiàng)內(nèi)容所需要的時(shí)間,通過(guò)緊急/重要的方式去判斷項(xiàng)目?jī)?yōu)先級(jí),給項(xiàng)目設(shè)置時(shí)間節(jié)點(diǎn)(記得留有測(cè)試的時(shí)間)。

QQ截圖20160314114043

?六、總結(jié)

多站在別人的角度考慮,產(chǎn)品經(jīng)理負(fù)責(zé)的不只是產(chǎn)品,還有整個(gè)團(tuán)隊(duì),相信每個(gè)人在自己的崗位上能做到最優(yōu)秀,也是尤為重要的。

作為一個(gè)產(chǎn)品經(jīng)理,把控一個(gè)項(xiàng)目,不要只是把工作內(nèi)容局限于撰寫(xiě)文檔和原型設(shè)計(jì)上,學(xué)會(huì)把控進(jìn)度、協(xié)調(diào)資源、扛得住壓力、穩(wěn)得住團(tuán)隊(duì),這些軟實(shí)力才是產(chǎn)品經(jīng)理的核心技能。

 

作者:點(diǎn)點(diǎn)(微信號(hào)gonoway),產(chǎn)品經(jīng)理,1年產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn),獨(dú)立負(fù)責(zé)過(guò)完整的移動(dòng)端產(chǎn)品(已上線)。

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 溝通歸溝通。程序員和設(shè)計(jì)師要用一杯奶茶來(lái)搞定這個(gè)套路都是被你們慣壞的~

    回復(fù)
    1. 小白產(chǎn)品在崗位中是會(huì)經(jīng)常有各種問(wèn)題,一杯奶茶更大的作用是維護(hù)關(guān)系+溝通學(xué)習(xí)。當(dāng)然,具有一定經(jīng)驗(yàn)后,更多的是學(xué)習(xí)如何控制團(tuán)隊(duì)的凝聚力和目標(biāo)導(dǎo)向能力,讓大家心甘情愿的為了目標(biāo)努力。前幾年我也是小白,望理解 ??

      來(lái)自上海 回復(fù)
  2. 贊一個(gè)

    來(lái)自北京 回復(fù)
  3. 今天打開(kāi)半天的頁(yè)面,下班關(guān)閉頁(yè)面時(shí),竟然看到了你的名字!不錯(cuò),進(jìn)步這么大!

    來(lái)自上海 回復(fù)
    1. ???您是哪位。。

      來(lái)自上海 回復(fù)
  4. 第一次寫(xiě)東西發(fā)出來(lái),經(jīng)驗(yàn)還不是很足,希望跟大家多多學(xué)習(xí),多多溝通。

    來(lái)自上海 回復(fù)
    1. 好文

      來(lái)自廣東 回復(fù)