青青子衿, 悠悠我心, 但为君故, 沉吟至今
« Google关闭AdSense for Feeds金字塔算法模型初识 »

产品启动页的秘密

  在我们的实际产品使用或是设计过程中,总是会有那么2-3秒是留给我们的产品启动页的。那么为什么所有的产品都有这几秒的启动页?它的作用目的到底是为了什么?为什么有些产品对于启动页始终在乐此不疲的更换?这里笔者将启动页的一些分析总结成文,以供大家参考。

  一、什么是产品启动页

  当应用程序被用户打开时,在程序启动过程中被用户所看到的过渡页面(或动画)都被我们统称为启动页。

  二、为什么要有启动页

  按照正常的产品设计思路,让用户以最快的速度使用产品是首要保证的,而这正不是与启动页的目的相违背吗?为什么我们还要费劲心思的设计启动页的甚至还需要启动页的存在呢?其实不然,在实际的产品启动过程中是需要一定的时间的,特别是操作系统、大型绘图软件或是游戏启动的时间都相对较长,如果不给予用户正向的反馈就会出现问题:

  •   用户完全不知道你在继续运作,以为应用效率低下或卡死

  •   界面不友好,用户产生反感,如下图DOS系统启动画面  

产品启动页的秘密  

  三、启动页的作用和目的

  首先我们看下苹果官方对于IOS启动页的设计说明:

  为了增强应用程序启动时的用户体验,您应该提供一个启动图像。启动图像与应用程序的首屏幕看起来非常相似。当用户在主屏幕上点击您的应用程序图标时,iPhone OS会立即显示这个启动图像。一旦准备就绪,您的应用程序就会显示它的首屏幕,来替换掉这个启动占位图像。一定要强调的是,之所以提供启动图像,是为了改善用户体验,并不是为了提供:

  •   「应用程序进入体验」,比如启动动画

  •   「关于」窗口

  •   品牌宣传元素,除非它们是您应用程序首屏幕的静态组成部分

  您可能觉得遵循这些准则会导致启动图像显得平淡无趣,然而,实际上正是这样。请记住,启动图像并不是为您提供机会进行艺术展示;它完全是为了增强用户对应用程序能够快速启动并立即投入使用的感知度。

  很明显的看出,在苹果的认知中强调启动页必须是为了解决用户等待时间,保证用户使用流畅而去的。但启动页真的仅仅只能做这些吗?我不太认同,这黄金般的几秒种完全可以更好的利用。所以启动页我比较认同的是应该启动两大作用:

  1.   在应用启动过程中,通过减少用户等待焦虑度,使应用体验更加顺畅

  2.   传递信息(商业信息、产品的核心作用)、故事或是产品的人文情怀

  四、优质启动页鉴赏  

  下面我将产品启动页按照目的分为了几个类别,并且将其中一些优质的启动页拿出来与大家分享。

  (1)保证使用流畅

产品启动页的秘密

  这一类型的启动页都使用了一个张程序假图作为程序的启动过渡,让用户以为程序已经可以使用了。其中ibook和google earth与实际程序界面使用界面结合的最好,一个书架、遥远相望的地球,太美好了!

  (2)品牌信息传递

产品启动页的秘密

  来源:许哲投稿,原文链接

 

  品牌传递类的启动页相对较简单,基本采用产品名称+产品标志语为结构,简单突出主题即可。

  (3)情感故事共鸣

产品启动页的秘密

  通过一张短短的启动页去说一个故事或是表达情怀,确实不是一件容易的事情。这里选取的几张属微信最能产生共鸣。这张孤独星球上的小人就图片本身而言并不好看,至少比绝大多数应用的启动页差了不少,而且我也有理由相信微信团队绝对有能力做出更好看的启动页。但是为什么一直用这张呢?其实不难理解,微信产品的核心不正是抓住了漫漫长夜都市男女空虚的心里吗?再回头看看这张图寂寞星球上孤独的你我,默默的正注视这星球人海的一举一动,这不正就是微信团队与用户之间的一种共鸣啊!



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/3238.html
  • 文章排行:
  • 2.Sotanaht
  • 平实的文章,很有启发。但是,果然还是从制造者的角度思考问题。程序启动的几秒钟,就像新闻前的几分钟,是推销的黄金时间,却是用户的反感时间。不要再强加多余的信息了。
  • 2012/10/9 19:46:58   支持(9)反对(4) 回复
  • 3.Nobody
  • 总觉得你这篇文章言而无物,无病呻吟,给人没有什么很深刻的见解却硬要凑出一篇来的感觉。

    总觉得你这篇文章言而无物,无病呻吟,给人没有什么很深刻的见解却硬要凑出一篇来的感觉。

    总觉得你这篇文章言而无物,无病呻吟,给人没有什么很深刻的见解却硬要凑出一篇来的感觉。

  • 2012/10/9 19:10:41   支持(12)反对(8) 回复
  • 6.G龔濤G
  • 产品启动页一宣传品牌,二等待后台加载完全…
    nuanwo5 于 2012-10-12 23:19:54 回复
    多多关照 nuanwo5. com
  • 2012/10/9 18:09:58   支持(13)反对(10) 回复
  • 7.wim
  • 新浪微博那个启动页,要不是因为是新浪。真是想喷。
    这种都能通过评审,可见新浪的管理水平如何。
    nancyccw 于 2012-10-13 23:02:08 回复
    新浪那个的确没水准,还当优秀启动页展示?
  • 2012/10/10 14:27:47   支持(9)反对(6) 回复
  • 8.飘忽着的灵魂
  • 之前都觉得是为了宣传介绍!
  • 2012/10/9 19:19:02   支持(11)反对(9) 回复
  • 9.LuckSoft
  • android.cyrilmottier.com/?p=632 这个人对启动画面持反对意见
  • 2012/10/10 2:41:42   支持(8)反对(6) 回复
  • 10.向日葵媒体设计
  • 动画太耗资源了~
  • 2012/10/11 13:42:09   支持(8)反对(7) 回复
  • 12.徐元伟
  • 还不错,启动页要做出自己的特点
  • 2012/10/9 20:40:10   支持(10)反对(10) 回复
  • 13.个人密盘
  • 月光 我看到你的新浪博客了 你写的总是那么的好
  • 2012/10/11 18:03:58   支持(9)反对(9) 回复
  • 17.季不住
  • 老師,評測一下kindle paperwhite好嗎
  • 2012/10/9 18:05:57   支持(7)反对(8) 回复
  • 18.Cambi
  • 一下用IOS,一下用iPhone OS,iPhone OS名称从4.0开始已经不再使用,正规用法是iOS不是IOS,还有,是iBooks而不是ibook,连产品名称,大小写都分不清的作者,写出来的水平也大概就那样了……
    过客 于 2012-11-12 16:47:53 回复
    吹毛求疵你倒厉害
  • 2012/10/9 18:52:15   支持(5)反对(6) 回复
  • 19.xiedandan
  • 为什么博客就不能弄好看点???
  • 2012/10/13 15:36:09   支持(8)反对(9) 回复
  • 20.tianhaitest
  • 希望在田野················
  • 2012/10/10 17:17:24   支持(7)反对(9) 回复
  • 22.Always-with李帆
  • 每次打开微信 看到星球下那孤独的人,内心总会被触动。
  • 2012/10/9 19:23:02   支持(7)反对(11) 回复
  • 24.huxim
  • 除非超大,启动时间超长的软件才能用启动画面,而至于手机上的软件用启动画面多数都是耍流氓
    王子杰 于 2012-10-11 11:24:43 回复
    都一样的
  • 2012/10/9 18:01:43   支持(6)反对(11) 回复
  • 25.德国阳光蓄电池
  • 写的很好,学习了
  • 2012/10/15 12:11:24   支持(6)反对(11) 回复
  • 26.mmlee
  • 我觉得最重要的是三点:
    一、程序需要启动时间,启动页是必须的;
    二、为了增强用户体验,启动页要做的别出心裁;
    三、启动时间必须不能长,不然用户会反感。就算启动页做得再好,因为启动页几乎每次都一样的,所以时间长了肯定非常不友好。

    其实一看到这篇文章,我就想起电影开始时的“启动页”,我觉得那个“启动页”非常有必要,让我有期待感,收拾收拾心情准备看电影啰。另外我觉得嘉禾那个“启动页”的音乐很有感觉。

    跟8楼一样,比较喜欢微信的那个启动页。。。另外,手机的应用程序启动页加入音乐应该也挺好的。
  • 2012/10/9 21:13:57   支持(4)反对(12) 回复

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.