App产品设计『运营工具』启动页&引导页

这是《App产品设计指南》系列文章的第17篇内容,更多精彩可以点击下方链接查看。

《App产品设计指南》专栏目录

在结束前面3个章节之后,接下来我们进入第4个章节:运营工具。在这个章节我会和大家介绍App产品涉及到的运营工具,如启动页和引导页,卡券,专题,评论等等。本文重点介绍的是启动页和引导页。

启动页

启动页是应用的第一个窗口,它不仅仅是缓解用户等待过程中焦躁情绪的页面,这里还可以传达很多内容,如产品基础信息,活动内容等等。

启动页一般展示时间在3S左右,在启动页加载的过程中,客户端可以在后台执行很多动作,比如说权限检查,登录状态检查,版本更新获取,推送功能检查,拉取应用数据等等。

闪屏页

至于闪屏页,它其实是约等于启动页的,闪屏页一般都是用于品牌宣传,展示广告内容。闪屏页有时候也被称作开屏广告。启动页和闪屏页主要有以下几种展现形式:

(1)只有启动页场景;

(2)启动页+闪屏页先后出现,这种做法也是最常见的;

(3)启动页和闪屏页交替出现,即平时默认启动页,特定活动期间展示闪屏页。

由于图片的加载是需要时间的,尽管4G网络很流畅,也需要考虑加载效率问题。很多应用都是闲时在后台下载好图片,下次启动的时候再加载图片。

引导页

引导页一般是用户第一次安装使用某个版本后首次打开才出现,之后就不再出现。卸载重新安装应用或者清除用户数据,再次打开应用也可以再次看到引导页。

引导页一般3-5屏左右,不宜过多。引导页一般是表现产品概念的,或者是新版本展示新功能。最后一页一般是『进入应用』『立即体验』之类的引导性文案,点击按钮就可以进入应用。部分应用最后一页也可以通过向左划来进入应用。

图片适配

启动页、引导页的更换一般都涉及到App发布新版本,图片资源不需要从网络上获取。闪屏页(开屏广告)则需要动态从网络上获取。目前启动页、引导页、闪屏页图片的适配主要有2个方法:

(1)一种是制作常见手机屏幕尺寸的图片,放在包里面供使用,因为做的图片比较多,所以基本上可以满足大多数场景了。理论上两个端使用4张图片就可以适配大多数目前在使用的机型。

Android

1080*2220,高宽比2.06,在Android全面屏尺寸中出于平均值

1440*2560 ,高宽比1.778,向下兼容1080*1920

Android全面屏

iOS

1242*2208,高宽比1.778,向下兼容750*1334

1242*2688,高宽比2.16,向下兼容1125*2436

(2)还有一种方案是使用大图片,但是需要通过程序适配,如剪裁,缩放等 ,这种方法也只能保证大部分手机显示效果,而不是所有的手机。

高级管理

除了两端的图片可以在后台配置,还有很多其他配置,下面来列列举一下:

投放平台,Android或iOS

展示时间

图片点击跳转链接(App内页面或者是第三放链接)

是否显示广告标识

投放地区,比如说上海市,江苏省等

投放人群,比如历史付费用户,最近一周活跃用户等等


启动页和引导页是用户接触App第一个步骤,如何平衡好用户体验与平台的价值是每个产品经理需要优先考虑的事情。针对闪屏页的理解目前业内并没有固定的定义,本文是根据自己的工作经验结合别人的认知梳理出来的。希望本文能对大家有所帮助。

在写作过程中,如果有意见或者想法,欢迎有兴趣的读者添加我的微信一起交流探索,共同进步。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 最近在整理做产品以来收集到的各种资料,准备针对app的常见功能模块总结下经验,一来加深学习效果,二来供大家学习交流...
    jason_peng阅读 5,653评论 0 22
  • 本文大纲:1)APP启动页的设计初衷;2)APP启动页的分类;3)APP启动页的设计方法和原则 1 为什么要做启动...
    Tu_卫佳阅读 5,013评论 1 5
  • 想必产品同学对这3个词肯定不陌生,首先我们要明确一点启动页和闪屏页其实很相似,所以概况为引导页和启动页2种类型。 ...
    莉莉妮特阅读 19,596评论 0 24
  • 冷启动(cold start) 冷启动是指应用尚未运行,系统创建进程并初始化应用。 热启动是指应用已经运行但是在后...
    reezy阅读 18,080评论 1 67
  • 那个时候总觉得冬天很冷,又太漫长了。总盼着年走到尽头,过年了就有了新衣服穿,新衣服总是比较保暖的吧。还有,年到了,...
    沈不迟阅读 4,803评论 20 35