不管一个产品的启动页呈现哪种形式,都不该该忘了启动页存在的根来源根基因:为了减少用户在等待app启动时的焦虑感。
心理学上有一个“7秒理论”,说的是,一个人对另一个人的印象,在初次见面的七秒内就会形成,比来更有研究表白,这个时间可能更短——不到1秒。所以初次见面所展示的形象真的很重要。同理,用户在使用app时,每次启动呈现在用户面前的界面重要程度不言而喻,而这个界面就是大家熟知的启动页。
1.启动页是什么?
在ios的规范中,启动页的英文叫launchscreen,指的是启动app时呈现的第一个界面。其实这种描述不够严谨,从启动app到app首页的出现之前的页面,都可以称为启动页(新手引导页除外:用户第一次使用app,有可能还会出现新手引导页)。引导页也是一个重要的话题,我们先按下不表,以后再聊。
由于app启动的过程很短,从几百毫秒到几秒不等,所以启动页也被称为闪屏。
2.为什么要有启动页面?
了解我的人可能都知道,经常说的一句话就是“需求决定功能,功能决定设计形式”,这是我做产品的一个价值不雅观。每种设计形式的出现都是有它背后的逻辑和机制的,了解了a这个why,能让我们做产品的时候变得更智慧。
那为什么会存在启动页这种形式?
首先目前的app所相关的两大平台android和ios,是用java和swift这些编程语言写出来的,而计算机的元器件只有开和关这两种状态。当启动app时,设备(手机、平板等)需要将编程语言进行编译成计算机能够读懂的二进制语言,计算机只认识1和0(对应元器件的开和关)。这个编译过程需要时间,同时,启动过程还存在向办事器请求数据的情况,这也需要时间。也就是说,在点击启动app图标,到app首页的出现,是存在一个时间,这个时间的长短取决于设备的性能和网络环境,从几百毫秒到几秒不等。
在这段空白时间,为了不让用户感到困惑或因为等待而产生焦虑。ios的设计规范规定,要在启动app时,设计一个启动页,来填补这段用户等待的时间。
3.怎么设计启动页?
根据功能和达成目的的维度,我将启动页分为了五类,别离是快速启动类、品牌类、情感共鸣类、广告类、节日类。
1.快速启动类
对于启动页的设计,官方是有明确规定的,ios的设计规范是这么描述的:
“为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iphoneos会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。”
查看原文:国外的app大多采用这种方案,它的最大好处是,启动页和首页很相似,过度自然,用户感觉不到有启动这个过程,用户体验很棒。
foodie
path
如果首页的框架和内容是变革的,不固定的,那怎么办?不要慌,还是有措施的:采用和首页颜色接近的图来作为启动页。如“vsco”等。
vsco
如果是在国外,这篇文章讲到这就要结束了,因为记住一条方法论就行“设计一张和首屏相似的页面作为启动页,如果首屏内容是动态的,则采用和首屏整体最接近的颜色作为启动页”
但是国内的app决定要走出一条本身的路,所以有了下面的八门五花的启动页。
2品牌类
尽管苹果明确提出,启动页不是你品牌展示的窗口,但将启动页做成“品牌logo+名称+slogan”成了国内最主流的启动页设计。放几张图,大家自行感受。
有道云条记&uc浏览器
上图的两个例子是目前国内app最主流的方式,这种形式一是没有设计,二是启动页和首屏有明显的割裂感,真的不如直接用一张和首屏相似的图片作为启动页。
那如果真的要在启动这么短的时间内来强调公司或品牌,可以有更好的方案,uber启动页利用品牌元素进行动态变革的设计,品牌元素从出现,到变革,再到消失一气呵成,并且和首屏的衔接过渡的也很自然,在确保体验的前提下,也起到了强化品牌的作用。我从uber的这种做法提炼出了三个思路,一是除了静态图片还可以考虑动态展示的形式;二是将启动页做得更具设计感;三让启动页和首屏的过度动画更自然。可以作为品牌类启动页设计的方法论来用。
再来看几个例子:
xy&开眼
轻芒阅读&一个
免责申明:问答内容为用户发布,不代表云媒派的立场,如果侵犯了您的权益,请联系我们,我们在核实后24小时内删除内容。