網路創業：Coming Soon頁面設計策略

什麼是Teaser Page？ Teaser Page 通常是指一個網站在開發完成之前向聽眾傳遞開發進度，相關新聞，測試邀請等資訊的頁面，如果說它是一個更加完善和精美的Coming Soon頁面或許大家就能理解了，實際上它就是一個Coming Soon Page。

現在有很多公司在正式啟用新的應用之前都會建立一個Coming Soon頁面，方便對新的領域進行仔細的研究和一些科學的測試。 在Sacha Greif開發的專利產品Teaser Effectiveness Analysis Matrix™中包含了四個Teaser Page所必需的要素：

現實中大多數的Teaser頁都專注于其中的兩到三個方面，很少看到同時具備這四個元素的頁面。

如今Teaser頁被運用在各種類型的網站，不管是網路服務，博客，新產品發佈，電子書或者軟體相關的網站都可以利用Teaser Page來説明創業公司在不借助外部媒體和廣告的情況下獲得註冊使用者，説明企業測試和傳播你的創意。 而且，我們在它上面花費的時間和精力帶來的效果有時候 比產品本身更讓人振奮。

有很多應用的一些重要功能都來自于前期Beta測試中的一些交互資料，Teaser效能分析有助於應用開發者和UI設計師站在使用者的視角來理解使用者的真實需求，並分析和處理問題。

Teaser頁還是一個強大的激勵工具，雖然網站還沒有正式啟動，但我們無法失信于使用者，讓他們感覺到失落！ 這將激勵我們完成曾經計畫和向使用者許諾過的功能或者專案。

前面我們提到一個好的Teaser應該讓人記憶深刻。 要達到這個目的，創建一個強勢的品牌是一個很好的辦法。 能夠讓人們將你的品牌和你的產品聯繫到 一起，logo，配色，風格等視覺化屬性應當具有同一性。 一旦你的網站正式啟動，它不應該與Teaser Page在視覺上有太大的不同，因此你需要建立一個強大的品牌來維護連續性。

許多網站的Teaser融合了引人注目的logo和強大的色彩配置來建立他們的品牌身份，除了logo和整體風格，他們甚至沒有告訴你該網站究竟是做什麼的。

上圖這個網站，在背景模型以及字體和顏色這些整體設計上下足了功夫，很容易給人留下深刻的映射

而下圖這個網站Talkbee則有一個讓人記憶深刻的logo，頁面整體設計也圍繞著logo的顏色來進行搭配。

運用你的css技巧，奇特的視覺效果更容易讓你的網站在社交媒體上被瘋狂的傳播。 下面是有名的Teaser Page設計之一 Silverback網站，它運用了一個CSS視差效果（如果你重新調整瀏覽器視窗大小仍可以在該網站看到效果）

動畫的運用也有一定的技巧，而今天通常採用CSS轉換和CSS動畫來創建動畫效果。 動畫在正式啟動的網站上或許不太受使用者待見，但是在Teaser頁上的表現卻不同一般。 最近比較有特色的兩個動畫效果的Teaser頁可見Cloudring 和 Kickoff.

另外一個有趣的技巧是利用垂直捲動來講述一個故事。 Ben the Bodyguard 這個網站就是採用動畫和滾動來講故事的方式，我個人就非常喜歡。

一個非常類似的創意也被 Dayri 和 Youzee 所採用。 這個技巧非常成功，因為講故事的方式有助於人們通過合乎邏輯和線性的方式來感知他們所處的環境。 真人真事比與現實脫節的事實能夠更有效，也更具有說服力。

在最近的Coming Soon頁面設計開發中，在預註冊過程當中包含病毒式行銷機制非常流行。 還記得我以前介紹的Pay with a Tweet免費增值模式嗎？ 結合Facebook，Twitter等社交媒體讓預註冊邀請系統發揮杠杆作用，Special Coupon Code 就是一個利用口碑邀請系統和社會化媒體網路進行病毒式行銷的一個Teaser案例。

LaunchRock 是一個讓你快速生成Teaser Page的服務。 在一個基於LaunchRock服務的網站註冊使用者後，使用者將獲得一個個人化的推薦連結。 如果有更多的人通過該使用者的推薦連結註冊為用 戶，則該使用者就能夠獲得優先訪問網站的權利，或者是一些高級功能的存取權限。 事實上，LaunchRock 自身就是使用這個技巧，如果你希望使用LaunchRock的服務來創建Teaser頁的話，你需要推薦至少3個人註冊後才能夠獲得網站服務的存取權限。

另一個有趣的創意來自「病毒式註冊之王」 Dabble.in.  分享Dabble.in的連結不會讓你更早的訪問網站。 而是，如果當有多個使用者註冊同一個使用者名（比如，「ZhengYong」）的時候，該使用者名將會被 預留給推薦註冊最多的那個使用者，而其他請求該使用者名的使用者則只能選擇類似「ZhengYong123」這樣的使用者名了。

當然，如果你不願意採用這些極端的創意，那麼最簡單的放置 「Tweet」 和 「Like」 按鈕到Teaser頁面也是一個傳播你的品牌到社交網路的一個好辦法，如果做到讓訪問者能夠更輕鬆地分享你的連結，他們將會更樂意去傳遞你的資訊。

鼓勵人們去分享你的Teaser頁最有效的方式除了為他們預留一個特定的位置外，給一些返點的效果也是最有效的方式之一。 比如，如果你推薦了足夠多的朋友註冊，Fab.com將沖值最多50美元到你的帳戶中去。 沒錯，錢乃是萬惡之源，可沒有人不喜歡！

不過，你不一定非要使用孔方兄作為刺激的手段。 你可以考慮各種成交的可能：比如，免費的圖示，WordPress範本，相關的電子書等等，甚至是產 品本身也沒有什麼不可以的。 比如DropBox運用的手腕，推薦更多人註冊則可以獲得更多的存儲空間。 這個策略最好的一點就是在你的網站正式啟用之前，你不會有什麼花費，即使在正式 啟用後，因為是你自己的產品，最低成本而已。

不管你的病毒行銷策略如何高明，如果人們不是真正需要你的服務或者應用，你的行銷技巧再高明也不會有太大的用處。 你的Teaser頁應該提供一些暗示，告訴訪問者你的應用究竟能夠為他們做什麼，或者帶給他們什麼好處，滿足他們的什麼需求。

如果人們根本無法瞭解你想提供什麼樣的服務給他們，有什麼理由能夠刺激他們分享你的Teaser給他們的朋友呢？

這是為什麼許多Teaser頁失敗的一個重要原因。 Youzee的這個Teaser在這方面做得很好，通過一個簡短的視頻或者寫一個完美的文案來介紹你的產品或服務，提供一些暗示來挑起人們的好奇心會有意想不到的效果。

當然，有時候即使你不願意在Teaser上介紹太多關於你產品的細節，你還是可以通過優秀的頁面設計來做到這一點，就像 Piictu, Youzee 還有 Kickoff 那樣，當人們看到一個好的Teaser設計， 很自然的會去揣測產品應該也不會差到哪裡去。

如果你的Teaser很成功並且被廣泛傳播，你會面對另外一個問題：那就是如何與這些訪問者進行交互？ 最簡單的辦法就是收集訪問者的電子郵件到你的郵寄清單。 你可以使用類似 MailChimp 或者 Aweber 這樣的服務來管理你的郵寄清單，你可以很容易的嵌入註冊表單到你的Teaser頁中去。

Prefinery 有一套更完備的Beta版網站邀請外包服務，讓你可以容易的收集資料和進行Beta管理。 你還可以使用KISSinsights 服務讓你的Teaser頁具備使用者投票功能，或者使用 Olark 服務讓訪問者可以即時聊天。

雖然Teaser頁非常必要，但它僅僅只是整個拼圖的一部分而已。 一個成功的預啟動活動還應該有其他的組成部分，比如一個Twitter賬 號，Facebook專頁，官方博客等等。 與Teaser page不同，因為這些媒介具備更強的交互能力，你可以更容易獲取有價值的回饋，更好的為產品定位目標人群。

原文：Building An Effective ‘Coming Soon’ Page For Your Product

翻譯：網路創業 － 利用口碑邀請系統創建有高效的「Teaser Page」