什么是Teaser Page?Teaser Page 通常是指一个网站在开发完成之前向听众传递开发进度,相关新闻,测试邀请等信息的页面,如果说它是一个更加完善和精美的Coming Soon页面或许大家就能理解了,实际上它就是一个Coming Soon Page。
现在有很多公司在正式启用新的应用之前都会建立一个Coming Soon页面,方便对新的领域进行仔细的研究和一些科学的测试。在Sacha Greif开发的专利产品Teaser Effectiveness Analysis Matrix™中包含了四个Teaser Page所必需的要素:
让人记忆深刻
病毒式传播能力
让人期待
数据收集能力
现实中大多数的Teaser页都专注于其中的两到三个方面,很少看到同时具备这四个元素的页面。
为什么我们需要Teaser页?
如今Teaser页被运用在各种类型的网站,不管是网络服务,博客,新产品发布,电子书或者软件相关的网站都可以利用Teaser Page来帮助创业公司在不借助外部媒体和广告的情况下获得注册用户,帮助企业测试和传播你的创意。而且,我们在它上面花费的时间和精力带来的效果有时候 比产品本身更让人振奋。
有很多应用的一些重要功能都来自于前期beta测试中的一些交互数据,Teaser效能分析有助于应用开发者和UI设计师站在用户的视角来理解用户的真实需求,并分析和处理问题。
Teaser页还是一个强大的激励工具,虽然网站还没有正式启动,但我们无法失信于用户,让他们感觉到失落!这将激励我们完成曾经计划和向用户许诺过的功能或者项目。
Teaser Page 策略
建立强势的身份
前面我们提到一个好的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”