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

标签: 产品设计 设计思想 | 发表时间: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

相关 [上线 页面 设计] 推荐:

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

- - 互联网的那点事
“即将上线(coming soon)”页面是互联网当中一个相对较新的概念,过去很长一段时间里,每当有新产品新业务准备就绪时,今天还什么都没有,转天它就突然出现在线上了. 如今,互联网及移动应用领域的营销推广策略发生了一些转变,要想将产品有效的推入市场,我们通常需要做足“预热”工作. 这也正是“即将上线”页面的由来.

不错的单页面single page 设计

- -_- - Design lol 全球设计精华分享
详情查看原文: 35 Nice Single Page Web Designs. Related posts:web设计中的提交按钮. 2010年blog设计中最有趣的趋势. 30个blog设计的创意布局. 100个上乘的wordpress模板.

404页面设计的三个细节

- - ITeye博客
做SEO的人都清楚的知道,因为站点的不断升级、系统变更、内容删除等等原因会致使有的页面无法访问,成为死链接. 有的优化新手可能会不注重这一问题,认为不就几个页面不能访问吗,我的站点上有成千上万个页面,不差这几个. 但是这个问题却是我们站内优化中一做SEO的人都清楚的知道,因为站点的不断升级、系统变更、内容删除等等原因会致使有的页面无法访问,成为死链接.

用核心-路径法设计页面

- - 博客 - 伯乐在线
英文原文: Boxesandarrows,翻译: 开腾讯CDC. 文章的原名为Designing Screens Using Cores and Paths. 本文作者受到城市规划中“交通需求线”的启发,提出了 网站设计的“核心-路径法”. 区别于通常采用的从框架到主页以及导航的方式,“核心-路径法”让设计者从核心内容入手,由内而外来设计.

巧妙设计—让页面活起来

- - 百度MUX
随着互联网的发展,Web页面在我们的生活中已经是无处不在,如何利用视觉艺术为你的Web产品增彩,也成了产品设计者逐步完善的一门课程. 一个完整的Web页面是需要点线面的合理结合,每一个页面都是一个神奇的空间,同时他的深度,广度和作者赋予的元素美感决定了这个页面的可观赏性. 灵感是一个很微妙的东西,它是指不用平常的感觉器官而能使精神互相交通,亦称远隔知觉.

简历页面设计 和 简历设计模板资源

- 齐铭 - Design lol 全球设计精华分享
无论是找工作还是接项目, 简明雅致又能体现你独到之处的简历总是必不可少. 在线的简历页面也比邮件附件和纸质简历更为普遍使用. 这里除了提供一些简历页面的优秀设计, 还有许多设计模板资源. Related posts:30款惊艳的极简主义web设计. 15个极简主义web设计案例. 在facebook上找到你最爱的设计团队.

Pinterest新版个人页面上线 酷似Facebook(图)

- - TechWeb 今日焦点 RSS阅读
Pinterest新个人页面上线 酷似Facebook.   新浪科技讯 北京时间3月16日晚间消息,社交网站Pinterest周四进行了首次重大改版,新页面重点对个人信息页面进行了优化.   此次改版被业界期待已久,改版后的新页面更加流畅. 此前位于页面侧部的分类栏目被移至顶部,重点突显了照片和内容.

经典网页设计:20例简洁精美的着陆页面设计

- - 博客园_梦想天空
  在互联网营销中,着陆页(Landing Page)有时被称为引导页或者首要捕获用户页,可以简单划分为参考型引导页、交易型引导页和压缩型引导页. 与普通的网页不同,着陆页需要完成特殊的使命,它需要把访问者引导到他们想去的网页,着陆页并不是目标页,而只是引导访问者到目标页的一个中间页面.   着陆页面的设计和优化涉及多个学科,它需要融合各种不同的知识和观点.

《让页面设计快活起来》- 面白法人 KAYAC

- wyt - 比特客栈的文艺复兴
最近通过各种渠道了解到面白法人KAYAC这家崇尚“快乐开发”的日本网页设计公司(翻译成中文是“有趣法人”)——它可能我见过的第一家把现代化网页设计理念与日式恶搞卖萌风格运用在一起的公司了. 光说名字大家可能没有印象,若把某个被无数人引用的博客挂件拎出来,各位会就知道了:那个点击一下就会叫的猫肉爪大家都见过吧.

25个创意的关于我们页面的设计

- emilo - 创意悠悠花园
每个正式一点的网站都应该会有“关于我们”这个页面内容的,那么今天就分享:25个创意的关于我们页面的设计,希望其中有你喜欢的,或者可以给你带来灵感的. Read the rest of 25个创意的关于我们页面的设计 (114 words). © emilo for 创意悠悠花园, 2011. | 本文链接 | One comment.