启动画面的魔力

已发表: 2016-05-11

这是 1914 年的纽约市。 Hammerstein's Roof Garden 座无虚席的人群坐在那里,眼睛盯着一位很快就被称为“穿墙人”的魔术师

两个助手从两端进入舞台,每个助手将屏幕推到与观众垂直的九英尺高、十英尺宽的砖墙的两侧。 魔术师哈里·胡迪尼(Harry Houdini)被隐藏起来——但只是短暂的。

片刻之后,当屏幕移开时,魔术师仍然站着。 唯一的一点是……

现在他在墙另一边

“在完成这项壮举后,观众足足坐了两分钟,”媒体指出。 “他们太傻了,无法鼓掌。”

但是他是怎么做到的呢?

它不可能在活板门的帮助下完成——墙壁的坚固结构以及它下面的地毯确保了这一点。

那么这些屏幕后面发生什么

他的听众不知道; 当您使用不同类型的屏幕时,您的也不会:启动屏幕。 让我们解释一下……(并揭开胡迪尼诡计的秘密)

什么是闪屏?

根据计算机希望:

“也称为启动屏幕、启动皮肤或欢迎屏幕,启动屏幕是在程序或计算机正在加载或启动时显示的介绍页面。

通常,启动画面可以包含徽标或其他图像,以及公司名称,有时还可以包含公司的口号。”

基本上,启动画面是为注意力不集中的软件用户和痴迷于品牌的营销人员发明的。 您可能更了解它,因为您在点击打开您最喜欢的应用程序和它完全加载之间看到的屏幕。 以下是一些流行应用程序的一些示例:

这张图片显示了一些流行的应用程序,如 Facebook 和 Skype 及其各自的启动画面。

胡迪尼的屏幕隐藏了他用来表现幻觉的技术:他声称可以防止使用活板门的地毯实际上为它提供了便利。 隐藏起来后,墙下的一部分地板打开了,形成了一个吊床般的通道,他过去常常匆匆穿过去到另一边。

以类似的方式,闪屏隐藏了软件在完全准备好使用之前执行的加载过程。 尽管我们的设备非常复杂,但有时它们需要几秒钟的时间来准备好创造现代技术的奇迹。 为了使该过程看起来更流畅,开发人员有时会使用启动画面。

闪屏不是什么

不要将启动画面与“启动页面”相混淆,后者被设计师用来在访问者到达网站之前向他们发布公告和展示促销信息。 这是一个启动页面,允许用户在网站的英语或西班牙语版本之间进行选择:

此 gif 向营销人员展示 YouTube 如何在用户等待应用加载时使用启动画面。

这些启动页面可以执行不同的功能。 启动画面没有。 它们本质上是纯粹的化妆品。

因此,启动画面也不是点击后登录页面。 虽然它是一个独立的页面,但它不是为转换而设计的。 这些上没有 CTA 或潜在客户捕获表格。 启动画面严格来说是为了满足等待程序完全加载时不耐烦的软件用户。

但它们有必要吗?

社会的耐心越来越少

即时满足并不是什么新鲜事。 在过去的几年里,我们看到了 Netflix 和 Hulu 等按需流媒体服务的兴起,亚马逊的当日发货,以及几乎任何东西的优步。

那么在一个大多数事情都只需轻按一下按钮的时代,我们愿意等多久?

在 2012 年的一项大规模研究中,麻省大学阿默斯特分校的研究人员调查了 670 万互联网用户的观看习惯。 他们发现人们会等待整整两秒钟才能加载视频。 但在那之后呢?

“在那之后,他们开始放弃,”研究员拉梅什·西塔拉曼 (Ramesh Sitaraman) 说。 “五秒钟后,放弃率为 25%。 当你达到 10 秒时,一半就消失了。”

这些趋势也适用于网络的其他领域。 就在几年前,谷歌的工程师发现,即使加载时间延迟 400 毫秒,也会导致用户搜索次数减少。

作为参考,400 毫秒正是我们眨眼所需的时间。

Kissmetrics 汇总的另一项资源声称,47% 的人希望您的网站在两秒或更短的时间内加载。 三秒后,40% 的人会放弃它。

47% 的人希望您的网站在两秒或更短的时间内加载

点击推文

那么,闪屏可以为您的软件购买一些额外的时间吗? 或者,额外的一两秒钟会让您的用户付出代价吗?

专家权衡......你应该使用启动画面吗?

许多流行的应用程序都会用启动画面来迎接他们的用户,这会让您认为这个问题的答案非常简单。 然而,今天的开发社区似乎在这个问题上存在分歧。

营销人员说“是的,这是很好的品牌推广。”

软件开发人员说“不,在大多数情况下它们是不需要的。”

用户体验设计师说“有时”。

在一篇题为“闪屏是邪恶的,不要使用它们”(告诉我们你的真实感受)的博客文章中,Android 开发人员 Cyril Mottier 解释了为什么他认为闪屏是不必要的:

“启动画面可用于在应用程序启动之前使资源可用。 我个人认为在 98% 的情况下没有必要。 它可能对积极依赖大量资源的应用程序有用,例如 Google Earth、Sky Map 或游戏,但这不适用于简单的实用程序应用程序,例如提要阅读器、社交网络应用程序、新闻阅读器等。”

软件工程师 Jason Schock 表示同意,他说“闪屏仍然很糟糕”,并回忆了它们在网络早期的流行:

“这些引人入胜的尝试只是浪费时间; 他们只会阻止你做你想做的事。 理所当然,它们成为了设计失礼。”

但那些更有营销头脑的人不同意。 他们说启动画面对于品牌推广是必要的——他们说得有道理。 毕竟,如果您在玩他们的热门游戏 Angry Birds 之前没有登陆启动画面,您会知道 Rovio 吗?

一致、重复的品牌塑造使可口可乐和耐克成为世界上最受认可的组织之一。 一项研究显示,它也是 63% 的人购买的主要影响因素。

在这些受访者中,34% 的人声称他们在与其信息高度一致的品牌上花费更多,而 39% 的人表示他们在不一致的品牌上花费更少。

担心下次用户访问应用程序商店时不会被识别,一些开发人员甚至在他们的应用程序加载所需的时间上设置了 1-2 秒的延迟——只是为了显示他们的标志。

用户体验设计师认为,这就是事情变得适得其反地方。

根据可用性大师 Jakob Nielsen 的说法,交互设计有十个通用原则,他称之为“启发式”,因为它们是广泛适用的,而不是特定的可用性指南。

其中一项原则,系统状态的可见性,在这里尤其重要。 它指出:“系统应始终通过在合理时间内提供适当的反馈,让用户了解正在发生的事情。”

在可用性研究中,Nielsen 和其他人发现,以进度条或加载指示器形式的设备反馈可以让等待变得更容易忍受。

内布拉斯加大学林肯分校进行的一项研究旨在了解人们等待网站加载的时间。 其参与者分为两组:

  • 第一组:看到一个循环动画的连续进度条。
  • 第二组:未显示任何类型的进度条。

在这两种情况下,网站从未加载过,但第一组的等待时间平均是第二组的三倍

我们中的大多数人,比如 Taylor Martin,曾经在没有从我们的设备上获得任何视觉反馈的情况下打开应用程序,可以将其与第二组联系起来:

“如果我尝试启动一个应用程序但它没有加载,或者我按下 Nexus 上的后退按钮并且我没有看到系统的视觉响应,我会立即吓坏并开始点击图标或其他软按钮。”

这里重要的一点是:用户启动操作的那一刻就是他们等待开始的那一刻。 UX 设计师相信,如果启动画面有助于改善用户体验(在这种情况下,通过在他们的软件加载如下所示的情况下让他们用指示器来娱乐),那么它是值得使用的。

启动画面-youtube

在这种情况下,即使是 Android 也建议开发人员使用闪屏。

此图向营销人员展示了 Android 建议开发人员为应用程序使用启动画面的原因。

最终,您选择使用哪种启动画面(如果有的话)可能取决于您是谁。

创建启动画面的注意事项

如果您选择在启动时向用户显示启动画面,Microsoft 提供了一些值得遵循的最佳实践:

(应该注意,其中一些最佳实践可能特定于 Windows,但许多是广泛适用的。)

做:

  • 自定义启动画面,通过品牌颜色和诱人的图像来区分您的应用
  • 使用可清楚识别您的应用的图片
  • 使用透明 PNG 以获得最佳视觉效果。
  • 创建与原始屏幕相同的扩展启动画面,通过添加“不确定环”为自己争取更多时间

别:

  • 使用启动画面来显示广告
  • 不要将扩展的启动画面用作显示多个不同启动画面图像的机会。 这违背了使用扩展启动画面的目的,即为您的用户提供流畅的入职体验。
  • 对于 Windows,创建一个大小适合所有三个比例因子的启动屏幕图像:620 x 300 像素,当设备使用 1x 缩放时,以及用于 1.4x 和 1.8x 缩放的附加启动屏幕图像。

在此处查找更多提示。

你在闪屏上的位置是什么?

创建出色的启动画面的关键很像执行出色魔术的关键:一切都与表演有关,以及这种幻觉是否值得等待。

始终将您的所有广告连接到个性化的点击后登录页面,以降低您的每次客户获取成本。 立即注册 Instapage Enterprise 演示,开始创建您的专用点击后页面。