“即將上線”頁面的設計原則與創意要素

“即將上線(coming soon)”頁面是互聯網當中一個相對較新的概念,過去很長一段時間裡,每當有新產品新業務準備就緒時,今天還什麼都沒有,轉天它就突然出現在線上了。

如今,互聯網及移動應用領域的營銷推廣策略發生了一些轉變,要想將產品有效的推入市場,我們通常需要做足“預熱”工作。這也正是“即將上線”頁面的由來。

你可以在網絡上找到很多這方面的優秀設計案例;而今天我(英文原文作者)希望能夠和大家一起更深入一步的對“即將上線”頁面的設計原則及重要創意要素進行了解和分析。

驚嘆效應

在我看來,無法產生驚嘆效應的“即將上線”頁面是沒有任何意義的。如果你無法在設計當中融入任何的“驚嘆元素”,那麼乾脆不要把它放到線上了,因為這件事情的全部意義就在於在產品發布之前盡量吸引潛在用戶的目光、讓他們產生興趣,而不是讓他們在看到實際產品之前就已經覺得這東西索然無味了。

當然,這裡最難的恐怕就是如何對“驚嘆效應”這個概念進行的定義了。坦誠的講,關於這一點,我無意也無法在這裡給出既精確又具有普遍實用性的說法,只能建議各位根據自己產品的實際情況進行分析,提煉出最能代表產品核心價值的元素,並通過能在最短時間內喚起潛在用戶的需求與情感共鳴的方式將其融入到頁面設計當中。

相關閱讀:情感化設計的組成要素及實踐案例

什麼東西即將上線?

既然是“即將上線”頁面,那麼就必須讓訪問者明明白白的了解到究竟是什麼東西即將上線,對叭?看上去像是廢話,但至少我自己就見識過很多在這方面差強人意的頁面,我能感覺到他們在努力說服我留下郵箱以便在產品推出時收到提醒,可就是看不出他們即將推出的到底是什麼東西。

所以,一條顯而易見的基本原則:如果你想讓人們有所期望,那麼一定要讓他們知道即將上線的產品是什麼。

可以試著在這裡運用一些技巧,通過有趣的方式向訪問者透露出一部分關於產品的重要信息,同時又在一定程度上保持神秘色彩,引發他們的好奇。

01-feature-introduction-design-creative-coming-soon-proudct-website-page.jpg

不過,記得不要透露太多的信息,否則人們會感覺到自己已經了解了全部,從而失去好奇與期待。所以,在“信息”與“好奇心”之間,有一個微妙的平衡點需要我們根據實際情況去衡量和判斷。

關於“有趣”,有一個比較常用的設計技巧,就是通過大號文字來呈現內容,這樣既能避免形式上的單調,又可以讓訪問者在短時間內獲取信息。當然,大號文字必然會導致頁面空間上的緊張,所以需要對信息進行必要的提煉。

相關閱讀:怎樣通過UI輔助說明文字有效的提升用戶體驗

倒計時或完成度

我個人比較喜歡這個概念,因為它們形式簡單,容易識別,用戶可以很輕鬆的理解信息,對產品當前的狀態產生認知。在實現方式上,也有各種非常成熟的前端插件供開發者們選擇。

不過這個概念(特別是“倒計時”)會對產品設計開發進程的靈活性造成影響。一旦在“即將上線”頁面中使用了這個元素,你的產品就必須在倒計時結束時立刻上線,不能提早,也不能拖延,否則不僅這個設計元素會失去它的意義,更重要的是你的潛在用戶會感到被愚弄,從而喪失對產品的信任感。

02-countdonw-percent-design-creative-coming-soon-proudct-website-page.jpg

郵件訂閱

郵件訂閱是有效的在線推廣方式。如今,人們在桌面端和移動端都有多種多樣的交流方式,不過傳統的電子郵件依然是非常重要的溝通手段。

試著在“即將上線”頁面中放置一個訂閱通知郵件的表單;如果你目前透露出的產品信息已經能夠吸引到足夠多的潛在用戶,那麼你很有可能通過這種方式進一步將潛在的忠實用戶提取出來,並且在產品上線及將來的迭代更新時向這部分用戶發送通知。

推薦閱讀:表單設計與轉化率的提升

03-email-list-newsletter-design-creative-coming-soon-proudct-website-page.jpg

折扣及獎勵

對於某些類型的產品,可以考慮在“即將上線”頁面中向潛在用戶提供一定程度的折扣或獎勵。特別是一些概念較新的工具和服務,或是涉及傳統線下產品的狀況更加適用。

你可以向訂閱了通知郵件的用戶提供折扣,這是一石二鳥的做法——即增加了訂閱率,又通過一定的“好處”促使這些訪問者在產品發布之後能夠成為真正的用戶。

當然,你需要就這種方案與需求方或客戶進行充分的評估,確保在產品初期的市場策略中存在折扣空間。

04-discount-bonus-prelunch-design-creative-coming-soon-proudct-website-page.jpg

品牌元素

這是很基本的一點,不過在目前討論的話題當中還是有必要提及一下。我們一般不會忘記在“即將上線”頁面中放上公司的logo,但是頁面的氣質、配色方案以及細節當中的元素風格也要注意和公司、產品及品牌形象的整體保持一致。

SEO

“即將上線”頁面本質上是很短命的,不過考慮SEO方面的問題還是有必要的。

由於內容確實有限,所以我們可以從前端開發的角度盡量語義化的對頁面代碼進行優化。記得使用不同層級的<h>標籤(1到6)來輸出頁面標題、副標題、口號和描述一類。

當然,從現實的角度講,我們並不能指望一個簡單的“即將上線”頁面可以被搜索引擎推到首頁;很多時候,我們在這方面所做的努力其實是為了讓域名和站點在預熱階段做好充分準備,以便在產品真正發布之後能夠立刻應對挑戰。

博客

我們在這裡將“即將上線”的概念擴展一下,讓它不止限於一個簡單的頁面。如果有條件,你可以嘗試為即將推出的產品建立一個博客,使整個預熱站點更加具有吸引力。

坦誠的講,要使潛在用戶自主的產生再次訪問“即將上線”頁面的願望,這幾乎是一件不大可能的事情;通過博客,你可以不斷的為他們提供內容更新,讓他們有機會去持續而深入的了解他們感興趣的產品。

當然,這種方式需要付出的努力還是蠻多的,另外對相關資源的需求也更大。如果你準備使用現有的博客系統或是CMS(內容管理系統),那麼最好自己動手對主題模板進行訂製,讓博客的視覺風格與“即將上線”頁面保持一致。

譯文代表原作者觀點。歡迎發表評論,或到譯者微博進一步交流探討。

本站原創編譯文章。如需轉載,請註明:本文來自Be For Web

譯者信息: c7210 – UX玩家、交互設計師、iOS開髮菜鳥、貓奴、guitar fucker.

 

特別注意:本站所有轉載文章言論不代表本站觀點,本站所提供的攝影照片,插畫,設計作品,如需使用,請與原作者聯繫,文章轉自alibuybuy

Comments are closed.