“即将上线”页面的设计原则与创意要素

标签: 产品设计 设计思想 | 发表时间:2013-01-13 11:07 | 作者:P迪
出处:http://www.alibuybuy.com

“即将上线(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.

 


© 推荐 for 互联网的那点事, 2013. | Permalink | No comment | Add to del.icio.us
Post tags:

你可能也喜欢:

别一个人度过孤单夜晚啦,来线上交友吧 (@toodaylab)

纽扣的小创意,不用针线也能装 (@toodaylab)

制定设计的原则

标点在创意设计中的魅力

商场沦为“试衣间”:线下试衣 线上买衣
无觅

Feed enhanced by Better Feed from Ozh

相关 [设计 创意] 推荐:

创意设计 #005

- 大胡 - Poboo
现在的广告比拼的不是明星,不是花了多少钱,而是比创意,看看谁的广告更有创意,而我们看到创意的广告 心情也会更好,对于品牌的建立也有很大的帮助. Optimus Black创意广告[v] (@vikilife). 65个最新的创意广告设计 (@uuhy). 15个创意户外广告 (@uuhy).

创意设计 | #005

- kaletoppest - Poboo
继续分享创意设计, 这些是由世界各地设计师所设计的作品,让我们享受这些创意给我们带来了乐趣. Peter Lippmann 创意设计. Brock Davis 创意设计. 18个创意的性感广告 (@hsh). 网页设计灵感 6个社区网站欣赏 (@sudasuta). 创意:立起来是门,放下来是乒乓球台.

35个创意logo设计

- 大胡 - Poboo
35个创意的logo设计,虽然简单,却让新印象深刻,都是些很好的作品. Brock Davis 创意设计. 20个新鲜的富于创意的logo欣赏 (@sudasuta). 56个创意的方形LOGO设计 (@uuhy). Logo设计欣赏 (@sudasuta). 100个创意logo欣赏 (@sudasuta).

92个创意瓶子包装设计

- duyao678 - Poboo
分享92个瓶子设计,太多花样 看到我眼花了,呵呵 都是很不错的设计作品,分享给大家,内行看门道 外行看热闹. Tuomas Korpi 创意设计. Illustrations 的人物设计. Frank Melech 创意设计. 拿pvc和废瓶子做盏创意台灯 (@choudou). 房价太高,厕所都设计成这样了 (@hnbang).

30个创意QR码名片设计

- 蓝精灵 - 互联网的那点事
名片我们都知道,有创意的名片我们也看过很多,关于QR码应该也有人了解过,但是如果把他们结合在一起你是否看过. 这样的创意是对传统名片的一种挑战. QR码现在也在很多地方被人们不变运用,因为每一个二维码都可以传递一些信息. 现在的智能手机和各种搭载摄像头都可以扫描出这样二维码的搭载的信息,所以你可以被快速的添加到联系人中,甚至可以引导他们去指定的网站,更加的快捷方便.

【设计】20个创意包装

- snip.wu - 爱午茶 创意烘培坊
午茶今天精选了20个有创意的包装设计,希望童鞋们喜欢. 版权所有,爱午茶 创意烘培坊 ). 【设计】狐狸为创意的Logo设计. 【生活】15把创意十足的雨伞设计. 【设计】鹰为创意的Logo设计. 一半是自然,另一半是回忆 (@choudou). Hey,化杯具为灯具 (@choudou). 那些会心一笑的创意摄影 (@choudou).

50个3D的创意Logo设计

- emilo - 创意悠悠花园
Logo应该是一个公司有了名字后的必须做的事情,今天就分享:50个3D的创意Logo设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 50个3D的创意Logo设计 (64 words). © emilo for 创意悠悠花园, 2011. | 本文链接 | One comment.

十五个创意海报设计

- 仔仔 - 玩意儿
本文原始链接:http://www.cngadget.cn/creative-typographic-poster-design.html. 东京08设计周:Digilog. Paperclip回形针灯设计.

67个创意的贴纸设计

- emilo - 创意悠悠花园
包装上的封口贴纸经常是很容易被忽视的一个地方,但其实上面是可以表现出很多信息的,今天就分享:67个创意的贴纸设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 67个创意的贴纸设计 (92 words). © emilo for 创意悠悠花园, 2011. Post tags: 创意, 贴纸设计.

30个创意的目录页设计

- Kione - 创意悠悠花园
对于一本书来说,目录是必不可少的,这样子可以让你读者快速找到自己想找的内容,今天分享:30个创意的目录页设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 30个创意的目录页设计 (32 words). © emilo for 创意悠悠花园, 2011. Post tags: 创意, 目录页, 设计.