設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

1 評論 8425 瀏覽 13 收藏 9 分鐘

編輯導(dǎo)語:產(chǎn)品的推廣頁雖然看上去簡單,但實(shí)際上它的作用非常大,簡單的頁面是因?yàn)檎故镜男畔⒅苯恿水?dāng),更加吸引用戶;本文作者分享了關(guān)于設(shè)計(jì)產(chǎn)品推廣頁要注意的幾個(gè)問題,我們一起來看一下。

產(chǎn)品推廣頁設(shè)計(jì),看上去很簡單;不就是放個(gè)logo,配一些大圖,放點(diǎn)文案,加個(gè)按鈕嗎?

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

但很多產(chǎn)品推廣頁,要么一味追求高大上,忘記了向用戶介紹產(chǎn)品和銷售產(chǎn)品的初衷,毫無轉(zhuǎn)化功能。

又有的產(chǎn)品,為了盡可能勸服每一個(gè)用戶下單,生生把自己當(dāng)成打造成了一個(gè)廣告牌,慘不忍睹。

無論是產(chǎn)品經(jīng)理、設(shè)計(jì)師,還是用戶,似乎我們都很了解設(shè)計(jì)(與10年前相比),但我們都忘記了一件簡單的事,推廣落地頁最主要目的是——銷售產(chǎn)品或想法,僅此而已。

我們在設(shè)計(jì)產(chǎn)品推廣頁時(shí),要牢記它的目的和作用,這不是一場選美比賽或是創(chuàng)意比賽。

頁面設(shè)計(jì)應(yīng)該與眾不同,但不應(yīng)該過于復(fù)雜;頁面中的信息應(yīng)該直接了當(dāng),整體的視覺風(fēng)格應(yīng)該契合產(chǎn)品特征,同時(shí)要保證能夠吸引目標(biāo)用戶;用戶在推廣頁的購物體驗(yàn)應(yīng)該是快速、簡單、愉快的。

以下一些推廣落地頁常有的問題:

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

一、盲目跟風(fēng)

還記得前幾年蘋果大火時(shí),一堆網(wǎng)站模仿蘋果風(fēng),就連衛(wèi)龍辣條都加入了。

但是這么多年來,有幾家公司的產(chǎn)品可能因?yàn)楦S設(shè)計(jì)趨勢而大賣呢?顯然寥寥無幾,因?yàn)橛脩舨⒉粫驗(yàn)橐粋€(gè)產(chǎn)品推廣頁設(shè)計(jì)得很潮就決定下單。

推廣落地頁是用來銷售產(chǎn)品的,而不是為了讓其他設(shè)計(jì)師來點(diǎn)贊。

例如,現(xiàn)在使用插畫很流行,但你在決定是否在網(wǎng)站使用時(shí),就要考慮這種方式是否真的符合產(chǎn)品定位和用戶心理;如果插畫不符合目標(biāo)用戶的使用場景,則不應(yīng)該因?yàn)槭窃O(shè)計(jì)趨勢而使用它。

例如阿里巴巴招聘網(wǎng)站配圖是比較嚴(yán)肅的辦公樓:

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

而阿里巴巴校園招聘網(wǎng)站使用的卻是卡通插畫:

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

追尋設(shè)計(jì)潮流似乎是整個(gè)行業(yè)所有人在一開始就會犯的錯(cuò)誤,這是讓你適應(yīng)工作最簡單的一種方式,但也很容易讓你迷失自己。

如何設(shè)計(jì)你的推廣落地頁應(yīng)該根據(jù)你的目標(biāo)用戶來確定,而不是由站酷或Dribbble上大熱的設(shè)計(jì)潮流來決定。

思考一下你產(chǎn)品的特性——什么樣的風(fēng)格、顏色和圖片會更適合你的產(chǎn)品。

例如你的產(chǎn)品如果面向的是B端大客戶,也許一個(gè)手持電話的真人照片會比一個(gè)萌萌的3D圖片更適合。

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

二、文字太多

無論你的產(chǎn)品是多么的出色,無論你多想向整個(gè)世界介紹你的產(chǎn)品,你都應(yīng)該知道一件事:人們并不喜歡閱讀。

應(yīng)該使用簡單而有力的句子來描述產(chǎn)品的創(chuàng)意和優(yōu)點(diǎn),并以最快的速度抓住用戶的注意和興趣。

瀏覽網(wǎng)頁的用戶很可能會上下滾動瀏覽頁面而不會仔細(xì)閱讀每個(gè)簡單的段落,如果頁面有太多文字的話,用戶很有可能會離開頁面。

把過長的內(nèi)容分成多個(gè)部分(例如感言),試著用簡短的、易懂的句子而不是大段的文字來表達(dá)最重要的信息。

確保頁面上文本和圖片的總體比例至少有1:1。

同時(shí)文字應(yīng)該伴隨有圖片或可視化數(shù)據(jù),否則看起來太沉悶、沉重了。

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

三、按鈕太多

按鈕一定要追從“少即是多”規(guī)則。

絕對不會因?yàn)槎鄶[放了幾個(gè)按鈕,就增加用戶點(diǎn)擊的概率;用戶因?yàn)檎业桨粹o,而無法下單的幾率也非常低。

所以,重復(fù)擺放太多的操作按鈕,不但沒用,反而很有可能會讓用戶厭煩。

越是重復(fù)得多,就越難引起注意。

可以讓操作按鈕吸頂或吸底,甚至在用戶嘗試滾動頁面的時(shí)候再出現(xiàn);這樣,一旦用戶嘗試尋找按鈕,就可以立即找到,你不用擔(dān)心他們因?yàn)檎也坏蕉艞墶?/p>

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

四、過于復(fù)雜的導(dǎo)航

作為設(shè)計(jì)師,我遵循的主要原則之一就是——不要重復(fù)造輪子。

如果某些方法行之有效,那為什么要使其復(fù)雜化呢?這也是我為什么不喜歡在頁面使用非主流導(dǎo)航的原因。

用戶是習(xí)慣向下滾動頁面的,這已經(jīng)成為了一種本能反應(yīng)。

有的網(wǎng)站為了個(gè)性,而使用左右或者其它的特別翻頁形式;這樣確實(shí)會讓人嚇一跳,但并不會給產(chǎn)品推廣帶來任何超出。

用戶發(fā)現(xiàn)頁面不是上下翻頁之后,不會注意到產(chǎn)品的介紹,相反,會試著弄清頁面的交互方式:是橫向滑動的嗎?或者我需要點(diǎn)擊某些鏈接才會出現(xiàn)內(nèi)容?或者只是需要等待?

所以向下滾動是頁面最好的交互方式,不要為了使你的網(wǎng)頁更具個(gè)性或創(chuàng)意而修改這個(gè)交互模式,這不值得。

設(shè)計(jì)產(chǎn)品推廣頁,一定要注意這5個(gè)坑

五、不做任何用戶測試

如果你沒有做任何用戶測試的話,你無法確定你的產(chǎn)品推廣頁是否真的能達(dá)到你想要的效果(當(dāng)然,如果你的轉(zhuǎn)化率仍然很低,那也算一種用戶反饋)。

除非這個(gè)頁面你根本無所謂,并不用于轉(zhuǎn)化;但對于大部分公司來說,花費(fèi)時(shí)間精力做出一個(gè)產(chǎn)品推廣頁,卻轉(zhuǎn)化率相當(dāng)于沒有,那還不如不做。

用戶測試的成本并不高,也許只要20%的額外研發(fā)時(shí)間,就能夠至少增加50%以上的轉(zhuǎn)化提升。

有時(shí),僅僅是更改主要操作按鈕的顏色或者是標(biāo)簽就可能帶來奇效,大大提升轉(zhuǎn)化率。

沒有人能夠不測試就預(yù)測用戶的行為方式,因?yàn)槊總€(gè)人的立場都不一樣;只要不是神,就不可能不費(fèi)吹灰之力完全理解他人。

我與幾百人實(shí)踐了數(shù)十次,總結(jié)出了一套輕量好用的用戶測試方法,如果你感興趣可以看看:《7個(gè)步驟,幫助設(shè)計(jì)師做好用戶測試》

 

原文作者:Diana Malewicz

原文地址:https://uxdesign.cc/10-ui-ux-design-lessons-from-designing-my-own-product-2f8518d5f0a1

譯者:Tank,公眾號:體驗(yàn)進(jìn)階。

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 我感覺你寫的東西都好實(shí)在啊,舉了很多實(shí)在案例,易于理解,我們小白一下就能看懂。相比很多文章站的賊高寫一些難以理解的空口話,我更喜歡你的分享,棒棒!

    來自山東 回復(fù)