設計產品推廣頁，一定要注意這5個坑

產品推廣頁設計，看上去很簡單；不就是放個logo，配一些大圖，放點文案，加個按鈕嗎？

但很多產品推廣頁，要麼一味追求高大上，忘記了向用户介紹產品和銷售產品的初衷，毫無轉化功能。

又有的產品，為了儘可能勸服每一個用户下單，生生把自己當成打造成了一個廣告牌，慘不忍睹。

無論是產品經理、設計師，還是用户，似乎我們都很瞭解設計（與10年前相比），但我們都忘記了一件簡單的事，推廣落地頁最主要目的是——銷售產品或想法，僅此而已。

我們在設計產品推廣頁時，要牢記它的目的和作用，這不是一場選美比賽或是創意比賽。

頁面設計應該與眾不同，但不應該過於複雜；頁面中的信息應該直接了當，整體的視覺風格應該契合產品特徵，同時要保證能夠吸引目標用户；用户在推廣頁的購物體驗應該是快速、簡單、愉快的。

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

一、盲目跟風

還記得前幾年蘋果大火時，一堆網站模仿蘋果風，就連衞龍辣條都加入了。

但是這麼多年來，有幾家公司的產品可能因為跟隨設計趨勢而大賣呢？顯然寥寥無幾，因為用户並不會因為一個產品推廣頁設計得很潮就決定下單。

推廣落地頁是用來銷售產品的，而不是為了讓其他設計師來點贊。

例如，現在使用插畫很流行，但你在決定是否在網站使用時，就要考慮這種方式是否真的符合產品定位和用户心理；如果插畫不符合目標用户的使用場景，則不應該因為是設計趨勢而使用它。

例如阿里巴巴招聘網站配圖是比較嚴肅的辦公樓：

而阿里巴巴校園招聘網站使用的卻是卡通插畫：

追尋設計潮流似乎是整個行業所有人在一開始就會犯的錯誤，這是讓你適應工作最簡單的一種方式，但也很容易讓你迷失自己。

如何設計你的推廣落地頁應該根據你的目標用户來確定，而不是由站酷或Dribbble上大熱的設計潮流來決定。

思考一下你產品的特性——什麼樣的風格、顏色和圖片會更適合你的產品。

例如你的產品如果面向的是B端大客户，也許一個手持電話的真人照片會比一個萌萌的3D圖片更適合。

二、文字太多

無論你的產品是多麼的出色，無論你多想向整個世界介紹你的產品，你都應該知道一件事：人們並不喜歡閲讀。

應該使用簡單而有力的句子來描述產品的創意和優點，並以最快的速度抓住用户的注意和興趣。

瀏覽網頁的用户很可能會上下滾動瀏覽頁面而不會仔細閲讀每個簡單的段落，如果頁面有太多文字的話，用户很有可能會離開頁面。

把過長的內容分成多個部分（例如感言），試着用簡短的、易懂的句子而不是大段的文字來表達最重要的信息。

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

同時文字應該伴隨有圖片或可視化數據，否則看起來太沉悶、沉重了。

三、按鈕太多

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

絕對不會因為多擺放了幾個按鈕，就增加用户點擊的概率；用户因為找到按鈕，而無法下單的幾率也非常低。

所以，重複擺放太多的操作按鈕，不但沒用，反而很有可能會讓用户厭煩。

越是重複得多，就越難引起注意。

可以讓操作按鈕吸頂或吸底，甚至在用户嘗試滾動頁面的時候再出現；這樣，一旦用户嘗試尋找按鈕，就可以立即找到，你不用擔心他們因為找不到而放棄。

四、過於複雜的導航

作為設計師，我遵循的主要原則之一就是——不要重複造輪子。

如果某些方法行之有效，那為什麼要使其複雜化呢？這也是我為什麼不喜歡在頁面使用非主流導航的原因。

用户是習慣向下滾動頁面的，這已經成為了一種本能反應。

有的網站為了個性，而使用左右或者其它的特別翻頁形式；這樣確實會讓人嚇一跳，但並不會給產品推廣帶來任何超出。

用户發現頁面不是上下翻頁之後，不會注意到產品的介紹，相反，會試着弄清頁面的交互方式：是橫向滑動的嗎？或者我需要點擊某些鏈接才會出現內容？或者只是需要等待？

所以向下滾動是頁面最好的交互方式，不要為了使你的網頁更具個性或創意而修改這個交互模式，這不值得。

五、不做任何用户測試

如果你沒有做任何用户測試的話，你無法確定你的產品推廣頁是否真的能達到你想要的效果（當然，如果你的轉化率仍然很低，那也算一種用户反饋）。

除非這個頁面你根本無所謂，並不用於轉化；但對於大部分公司來説，花費時間精力做出一個產品推廣頁，卻轉化率相當於沒有，那還不如不做。

用户測試的成本並不高，也許只要20%的額外研發時間，就能夠至少增加50%以上的轉化提升。

有時，僅僅是更改主要操作按鈕的顏色或者是標籤就可能帶來奇效，大大提升轉化率。

沒有人能夠不測試就預測用户的行為方式，因為每個人的立場都不一樣；只要不是神，就不可能不費吹灰之力完全理解他人。

我與幾百人實踐了數十次，總結出了一套輕量好用的用户測試方法，如果你感興趣可以看看：《7個步驟，幫助設計師做好用户測試》

原文作者：Diana Malewicz

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

譯者：Tank，公眾號：體驗進階。

本文由 @Z Yuhan 原創發佈於人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基於CC0協議。