恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
给页面一点时间
0.0°
2016-10-11 原创文章 经验/观点 举报 4027 3 23 9


就跟写故事一样,每一个故事总有一个开头。而在应用程序的世界里,启动页(loading screen)可以算是应用程序这个故事的开头了。如果要是你还把下载这步也算进去,那就当我没说好了。


那什么是启动页呢?记不记得当你新下载/更新一款应用程序首次打开时,在程序启动过程中第一次被你那钛合金眼看到的那些过渡页面?那些页面都被称呼为“启动页(loading screen)”,但是因为启动页的持续时间一般都很短,就跟lol里的闪现一样,所以也被称之为“闪屏(splash screen)”。就像蚯蚓在中药里还被称呼成“地龙”(开边地龙、广地龙)一样,只是对同一件事物的不同称呼。个人认为别人称呼启动页,俺们就一定要称呼成闪屏,就为了傲娇一把。

Image title


(百度阅读启动页)


这个时候要注意一点就是,启动页跟引导页还是有很大区别的。

引导页主要是对产品的主要功能进行展示,让用户对产品主功能有一个大致的了解。根据目的、出发点不同,可以分为功能介绍类、使用说明类、推广类、问题解决类,一般引导页页数也不会超过5页。 你可以这样去进行理解,启动页就是证明这是个妹子,引导页注重的是介绍妹子的三围和兴趣爱好等等,好像这样讲有点猥琐...不过我喜欢。那为什么会有启动页的存在呢?感觉好像引导页完全可以替代启动页的存在啊,你都介绍三围了我还不知道这是个妹子?诚然,就算介绍的很像妹子,可是还有人妖啊...哎。

Image title

(淘宝旅行引导页)



Google和Apple有都建议利用启动页来模拟更快的加载速度,从而来提高用户体验。启动页给到用户即时反馈,表示app已经启动并正在加载。

Google的我没找到,我们还是先来看下Apple官方给出的关于iOS启动页的设计说明吧~哈哈:

为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。---------Apple


是不是觉得,启动页就是一个姥姥不疼舅舅不爱的“过渡页面”,只是为了让用户觉得应用程序很快启动的占位符!其实也没有这样啦~

如果我讲的专业点就是这样:订婚(启动页)是结婚(应用启动)之前的等待过程中所经历的一个环节,存在的目的是为了让男女/男男/女女双方(用户)在等待的过程中忽略还没有领证(进入应用程序)的这个事实,其实也就是大家说的提前有理由同居了(提高用户体验度),降低双方(用户)的焦虑感。哈哈,想想还要塞红包,我为什么要说这样一个例子?!!


这样看来,天下武功真的还是唯快不破啊,那是不是可以直接省略这个环节或者是直接去除?然而真正的情况却总是会有些无奈,目前来看大多数的产品在启动过程中都是需要有一定的时间。此时,要是如果不给予用户合适的有效反馈,就会让用户觉得:

1.你丫是不是在闹罢工,还是不想干啦!

2.下半天,我裤子都了,你居然给我看葫芦娃!!!


好吧,一本正经说就是:1.会让用户觉得应用程序是不是出了问题,都不运行了。2.等待的过程会让用户产生焦虑感。


二战后的经济繁荣期,高楼大厦数量的迅速增长招来了对电梯延迟的不断投诉。然后在给所有等待电梯的楼层加了一块镜子之后,所有的投诉都消失了。给乘电梯的人一些东西来占用他们的时间,这样他们会觉得等待的时间缩短了。在镜子前,人们可以整理他们的头发或者向其他的人抛媚眼。虽然应用程序不像电梯安镜子一样直观,我们是不是可以找到类似装镜子的方式呢?


除了努力优化整个程序的启动时间(其实你优化了,别人机子卡也没法),一般来说还会有这几种思路方法进行优化:


1、傻傻老实一根筋(依托苹果规范)

为什么这样说呢,因为确实感觉有点傻,也许是我傻,哈哈哈~

常见于国外的那些软件,国内的基本除了从苹果自带软件看看外基本没有谁这样去做。原谅我手慢截苹果自带软件启动图,我已经试了很多次,没有截成功。简单描述就是:单调,没有任何我们常见的那些图片啊什么的,就是一晃而过。突然想起徐志摩的诗:我挥一挥衣袖,不带走一片云彩。


2、蓝翔培训推土机(树立/推广/加深品牌)

这一类型,可以说是我们最常见,就好像街边的小广告,大多采用 APP名 + icon+宣传语这种模式。可以说就是一力降十会,不管三七二十一我就是推堵山给你。你会不会记住我?会,为什么?因为你重啊!!!

虽然跟苹果定的定义有一定的冲突,但是回头想想那略显“性冷淡”的启动页,还是要有点人气的老中医吧。至少我知道这个老中医是干嘛的,这样其实也从另外一个方面去树立和加深品牌效应。

Image title

(魔秀桌面启动页)



3、街边广告牛皮癣(商业需求)

怎么说,小时候看过那种贴电线杆上的牛皮癣小广告吧,没错!现在小广告已经贴到你的手机屏幕上了。

商业需求这种,其实怎么说都是无法避免的。资本的本质就是逐利,何况这加张图在老板看来怎么都没什么成本的样子。不过凡事过犹不及,太过频繁的“小广告”用户真的会跑掉(除非说是不用不行那种)。

Image title

(百度钱包/百度理财  启动页,我也傻傻分不清了)



4、写意画家绿茶婊(写意情怀诱导)

哈哈哈~我就是觉得这样子比较押韵,没什么特殊的意思(从来不骗小孩子)。我们就是要情怀,要触动人心。引起情感共鸣可以说是这种方式的一个很重要的点,可以简单理解成打感情牌。不过这种方式已经在很多软件上开始使用了,也是较多使用动态效果的一类。

Image title

(QQ邮箱启动页)


结结结结个扎,啊呸,是总结!

不管你是要傻傻老实一根筋,还是要做写意画家绿茶婊。其实本质上还是要结合业务需求和规划来看待的,也要分阶段性和场景。类型也不是一成不变,你即可以立了牌坊做那什么,也可以玩玩杂交技术。总结来说,没有最好的方法,只有最适合的方法。好吧,不过好像在说废话~哈哈哈

 嗯,人呐,开心就好~


当然只看不赞是耍流氓啊~

更新:2016-10-11

收藏

3人已收藏

应云何往

欲说还休,欲说还休。却道天凉好个秋。

  • 6

    作品

  • 253

    粉丝

  • 41

    关注

  • 什么是体验?
  • 手势驱动:为移动用户设计
  • 浅谈用户画像
  • 移动应用导航模式
相关标签

    猜你喜欢

      2016-10-11 原创文章 经验/观点 举报 4027 3 23 9

      给页面一点时间

      0.0°

      你确定要举报给页面一点时间

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年10月01日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      23
      3
      9

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录