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

產(chǎn)品工作中會涉及到很多與運(yùn)營工作的協(xié)調(diào),這個過程中較多的產(chǎn)出就是落地頁:專題落地頁、宣傳落地頁等。通常運(yùn)營人員會提供頁面的素材以及內(nèi)容,產(chǎn)品負(fù)責(zé)推動設(shè)計(jì)師進(jìn)行頁面設(shè)計(jì),產(chǎn)品人員從接到需求到頁面完整上線一般從幾個小時到幾周不等,付出時間的長短與前期的準(zhǔn)備成反比。
項(xiàng)目過程中作為產(chǎn)品負(fù)責(zé)人通常要注意從頁面的概念到上線有幾個過程:概念的提煉,素材的準(zhǔn)備,思路整理,設(shè)計(jì)師進(jìn)行創(chuàng)意設(shè)計(jì),最后前端開發(fā)以及后期迭代。在每個步驟中產(chǎn)品人員要注意以下幾點(diǎn):
一、概念提煉
落地頁的概念通常從產(chǎn)品的賣點(diǎn)提煉而來,不論是活動還是自身優(yōu)勢都是通過向消費(fèi)者傳達(dá)產(chǎn)品的賣點(diǎn)來吸引用戶來點(diǎn)擊甚至填寫信息,最后完成轉(zhuǎn)化目標(biāo)。最吸引消費(fèi)者的內(nèi)容包括:折扣、專業(yè)、服務(wù)、精準(zhǔn)、設(shè)計(jì)、唯美等關(guān)鍵字所表達(dá)的概念。
上述專題突出的是鏡架免費(fèi),以免費(fèi)作為一個賣點(diǎn)來吸引用戶眼球,對有需求配鏡或者有意向配鏡的用戶制造一種吸引力,從而使用戶繼續(xù)往下瀏覽頁面;
小米5的落地頁主要突出的內(nèi)容十余項(xiàng)黑科技和價(jià)格1999元起,發(fā)燒友的焦點(diǎn)在于黑科技,而小白用戶更多的是根據(jù)小米的品牌參考1999的價(jià)格,兩項(xiàng)都可以作為小米吸引用戶的特點(diǎn)。
二、素材供給
頁面的素材主要包括兩個部分:文案內(nèi)容和圖片內(nèi)容。
素材部分的提供占據(jù)著落地頁設(shè)計(jì)中比較重要的一環(huán),頁面最后的成敗有很大因素取決于素材的質(zhì)量。
1. 文案內(nèi)容:
文案內(nèi)容是引導(dǎo)頁面設(shè)計(jì)思路的重要部分,通常初步的文案就代表了頁面的內(nèi)容順序及內(nèi)容,然后在頁面思路清晰后會配合設(shè)計(jì)做一些調(diào)整,包括標(biāo)題、內(nèi)容描述甚至字?jǐn)?shù)限制;
2. 圖片素材:
運(yùn)營人員提供的圖片素材往往不能達(dá)到設(shè)計(jì)師的預(yù)期,這個時候需要設(shè)計(jì)師去獲取素材,產(chǎn)品經(jīng)理可以提供一些幫助(這里推薦幾個素材網(wǎng)站:站酷、花瓣、500px、eput);尤其新項(xiàng)目出現(xiàn)的時候,這時可能國內(nèi)甚至國外都沒有相關(guān)參考,合適素材,產(chǎn)品經(jīng)理要考慮以其他途徑去獲取素材了,尋找攝影師拍攝,建模師建模等(這里值得一提的是建模的素材往往比拍攝來的好得多,尤其是工業(yè)產(chǎn)品,工作后第一次發(fā)現(xiàn)工業(yè)設(shè)計(jì)的重要性,哈哈);
可以看到上面這把刀的渲染效果圖,相比實(shí)物拍攝圖,材質(zhì)更加逼真,而且打光的效果也比拍攝要來的好,重要的是成本比拍攝要便宜(通常一次攝影外包,可以做幾個同類的建模了)。
三、頁面思路的調(diào)整
頁面設(shè)計(jì)的思路需要產(chǎn)品規(guī)劃,如何提高用戶的瀏覽量、留存時間、轉(zhuǎn)化率都是產(chǎn)品要考慮的事情,雖然落地頁的感性思維更重要,但是理性思維也必不可少,理性的邏輯可以使用戶提高留存時間,更多的瀏覽頁面的內(nèi)容,從而提高頁面的轉(zhuǎn)化率,這個部分的驗(yàn)證是通過數(shù)據(jù)來評價(jià)的,但是產(chǎn)品對頁面設(shè)計(jì)的思路要清晰:設(shè)計(jì)該頁面的目的,然后把目標(biāo)作為終點(diǎn),連接起整個頁面的模形塊成一條線狀思維,最終引導(dǎo)用戶完成轉(zhuǎn)化。當(dāng)然這個操作的簡單形式可以是這樣的:
- 假設(shè)自己就是用戶:考慮下如果是自己想要完成整個過程的轉(zhuǎn)化,你想從頁面獲取的信息是什么。根據(jù)自己的思維去構(gòu)成幾條線。
- 驗(yàn)證真正的用戶:這個時候可以考慮做一些中保真的頁面去做調(diào)研,從身邊的同事到朋友,然后獲取他們的頁面停留時間,有多少人完成了整個頁面的轉(zhuǎn)化,瀏覽頁面時遇到的問題等等;然后從幾條線中選擇最佳方案去交給設(shè)計(jì)師完成。
四、跟進(jìn)設(shè)計(jì)頁面
和設(shè)計(jì)師的溝通需要用心,一定要讓設(shè)計(jì)師覺得你和他是一起的,同理心很重要,千萬不要讓設(shè)計(jì)師覺得你是來監(jiān)督他的,要知道設(shè)計(jì)師是在幫你做頁面,有人說這是設(shè)計(jì)師的本職工作,這個時候我只會呵呵了,設(shè)計(jì)的好壞,用心與否完全靠設(shè)計(jì)師的心情了;當(dāng)然我不反對恩威并施的方法,但是我更習(xí)慣和設(shè)計(jì)師做朋友,合作起來會更加順暢舒服,而你的付出可能只是一杯奶茶,一頓飯(和對付程序員的套路是差不多的,哈哈,好像說漏了)。
當(dāng)然以上是項(xiàng)目易做的情況,當(dāng)遇到項(xiàng)目的難點(diǎn)或者難點(diǎn)的項(xiàng)目時,一個頁面可能要做很久,這時大家的耐心和審美都有了一個過渡,尤其是比較感性的部分來回推翻的時候是很容易崩潰的,產(chǎn)品在這個時候一定要有一個平和的心態(tài),設(shè)計(jì)師在溝通過程中發(fā)發(fā)脾氣,吵吵也是很正常的,你一定要通過賄賂、軟磨硬泡等各種方式使設(shè)計(jì)師有一個平和的心態(tài),萬萬不能自己就崩了,一起吃個飯,聊聊天是個很好的方式。
五、前端開發(fā)
程序員都是理性的代表職業(yè),開發(fā)過程中要盡量減少溝通成本,溝通過程中的設(shè)計(jì)效果最好找到參考使程序員一目了然,而不是抽象的描述,腦補(bǔ)出來的效果永遠(yuǎn)不是統(tǒng)一的,甚至不能互相理解。
另外一點(diǎn)要有合理的項(xiàng)目進(jìn)度控制能力,了解你的前端開發(fā)人員手里的工作內(nèi)容,每項(xiàng)內(nèi)容所需要的時間,通過緊急/重要的方式去判斷項(xiàng)目優(yōu)先級,給項(xiàng)目設(shè)置時間節(jié)點(diǎn)(記得留有測試的時間)。
?六、總結(jié)
多站在別人的角度考慮,產(chǎn)品經(jīng)理負(fù)責(zé)的不只是產(chǎn)品,還有整個團(tuán)隊(duì),相信每個人在自己的崗位上能做到最優(yōu)秀,也是尤為重要的。
作為一個產(chǎn)品經(jīng)理,把控一個項(xiàng)目,不要只是把工作內(nèi)容局限于撰寫文檔和原型設(shè)計(jì)上,學(xué)會把控進(jìn)度、協(xié)調(diào)資源、扛得住壓力、穩(wěn)得住團(tuán)隊(duì),這些軟實(shí)力才是產(chǎn)品經(jīng)理的核心技能。
作者:點(diǎn)點(diǎn)(微信號gonoway),產(chǎn)品經(jīng)理,1年產(chǎn)品設(shè)計(jì)經(jīng)驗(yàn),獨(dú)立負(fù)責(zé)過完整的移動端產(chǎn)品(已上線)。
本文由 @點(diǎn)點(diǎn) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
溝通歸溝通。程序員和設(shè)計(jì)師要用一杯奶茶來搞定這個套路都是被你們慣壞的~
小白產(chǎn)品在崗位中是會經(jīng)常有各種問題,一杯奶茶更大的作用是維護(hù)關(guān)系+溝通學(xué)習(xí)。當(dāng)然,具有一定經(jīng)驗(yàn)后,更多的是學(xué)習(xí)如何控制團(tuán)隊(duì)的凝聚力和目標(biāo)導(dǎo)向能力,讓大家心甘情愿的為了目標(biāo)努力。前幾年我也是小白,望理解 ??
贊一個
今天打開半天的頁面,下班關(guān)閉頁面時,竟然看到了你的名字!不錯,進(jìn)步這么大!
?。磕悄奈?。。
第一次寫東西發(fā)出來,經(jīng)驗(yàn)還不是很足,希望跟大家多多學(xué)習(xí),多多溝通。
好文