DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> coming soon頁面設計的設計原則和優秀設計案例
coming soon頁面設計的設計原則和優秀設計案例
編輯:關於網頁技巧     

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

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

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

驚歎效應

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

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

什麼東西即將上線?

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

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

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

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

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

倒計時或完成度

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

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


郵件訂閱

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

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

折扣及獎勵

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

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

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

品牌元素

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

SEO

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

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

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

博客

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

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

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

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved