BeFor Web
为网而生 - 关注互联网及移动端产品的用户体验设计

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

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

周五抽烟时我说,心里的感觉就像是一个时代结束了。一位同事说,只是又到了开始翻开新的一页的时候而已。是的,的确是这样。

现在耳边放着Radiohead在不插电专辑中翻唱的Wish You Were Here,不知这是一种淡定还是麻木,亦或是大脑自作主张的帮助我屏蔽掉了心中的某些感觉,让我只需安静的处于这一切的现场而忘乎所以。

想到另外一位同事所说:“我真的只想安安心心的做做设计,做自己喜欢的这些东西”...到这里我几乎不知该怎样才能继续写下去了...我有幸能和你们一起度过一段值得珍惜和回忆的时光,我永远不会忘记;我们对得起“设计师”这个头衔,而他们不是。

今天开始在微博里对苟延残喘着的每一天做留念,可我甚至不知道自己是在纪念些什么混账东西。一想到这些就无法停下,这简直要了我的命,接下来还是进入本周译文的正文叭=)

“即将上线(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 - 设计布道师,设计师,独立开发者,译者,猫奴,音乐玩家。
评论 (5)
有看到你最新的译文,不过不太懂ios,也评论不出来什么东西。翻腾着就到这里了,倒是有几句可以说说,做julink的loading page跟这个文章关联较大(我自己这么认为)。撇开很多没有做好的地方,对这一点“不过,记得不要透露太多的信息,否则人们会感觉到自己已经了解了全部,从而失去好奇与期待。所以,在“信息”与“好奇心”之间,有一个微妙的平衡点需要我们根据实际情况去衡量和判断。”还算是有一些体会。一开始julink是开放的,后来发现让别人看到这么不完善的内部内容肯定会吓跑他们,于是做成了邀请注册,只在loading page上放介绍语。接着又慢慢的增加信息量:关于、我的计划、我的愿景什么的。实际上在做自己的产品的时候会有一种情感,促使自己去展示最好的东西,正是这种情感使得我在没有读这篇博客前隐隐的采用了博客中的方法。 下一个计划是出一个简要的周刊,挑上5-7篇不错的文章,附上较长的评论(自己写的),email给潜在用户,发到博客上,并将链接挂在loading page上。你觉得这个计划如何?
网站可以评论了哈,博主辛苦了,或说这个网站每周必访~~
多谢支持;最近网站安全性方面有些小问题,偶尔需要关闭评论,抱歉=)
什么时代结束了?
部门里的一点小事儿...