APP 引导页设计1-引导页的分类
因工作原因,笔者体验过很多APP,其UI是笔者比较关注的一部分,毕竟UI是第一印象嘛,大部分APP,引导页作为其的第一个入口,新装时启动都会先显示引导页,介绍其功能特性。APP体验多了,逐渐有点心得,这里笔者对市面上APP的引导页做下归类,细数归纳下对引导页的所见所想。
根据引导页的目的、出发点不同,可以将其分为功能介绍类、推广类、问题解决类、卖萌搞笑类,一般引导页不会超过5页,下面看看各类精彩纷呈的引导页。
1.功能介绍类
这样的引导页最直白的就是截图展示功能特点,或者用形象化的物体(如下图QQ改版升级,其引导页就用代表性的企鹅来表现APP的主要功能。)
用户需要一针见血,在这样一个网络化的时代,人们停留的时间越来越短,浏览你的APP界面时间不会超过3秒,在这样宝贵的3秒里,你需要用简要明白、通俗易懂的文案和界面呈现,突出重点即可,展示我们的功能展示页面。
2.推广类
推广类引导页除了有一些产品功能的介绍外,更多是想传达产品的态度,让用户更明白这个产品的情怀,并考虑与整个产品风格、公司形象相一致。这一类的引导页如果做的不够吸引人,用户只会不耐烦地想快速划过。而制作精良、有趣的引导页,用户会驻足观赏。
以淘宝旅行为例,淘宝旅行通过清新、生活化场景的插图营造产品是一款乐享生活、跟着感觉走的出行应用,在你出行前就帮你计划好所有的行程安排,只要一个行李箱,说走就走,与产品的理念相契合。而另外一款应用,选用恬静、安逸的照片配以简洁的文字来渲染产品的基调。
3.搞笑卖萌类
不知道怎么概括,就是说一个故事?通常会配合一些动画效果来辅助展示。
4 、问题解决类
问题解决类通过描述在实际生活中会遇到的问题,直击痛点,通过最后的解决方案让用户产生情感上的联系,让用户对产品产生好感,增加产品粘度。例如QQ浏览器的引导页设计,通过形象的插图直接明了地说明了QQ浏览器解决了其他浏览器所遇到的问题(搜不到小说、看小说花钱、小说更新需要等)。
以上已经针对引导页的目的差异以及表现方式进行了相关归类,在具体的设计中还得注意一些原则,它们会让你的设计更加吸引人,信息传达的效果更好。
#本文同步发布到 ,pm263为你提供更多更全的产品经理干货,欢迎大家访问。
APP启动页设计详解
下面所写启动页内容,包含启动页、开屏广告、引导页、品牌展示等。
1)按能否跳过启动页分类:
2)按启动页页数分类:
3)按启动页更新频率分类:
4)按照是否跳出启动页分类:
动态图片类型的APP启动页,多见是企业logo或slogan动态加载,例如滴滴出行、优步。
短视频形式的启动页,时间基本上已经超过2-3秒,故很少有APP启动页是采用短视频的。
引导页建议由前端加载显示,不需要在后台上传推送给前端
PS: 展示频率规则参考
用户第一次打开当前版本展示,后续打开不再展示,当检测到有新版本更新时再展示(根据业务需求调整展示频率),引导面一般采用3-4个页面为佳,因每个页面需要手动滑动所以用户每次启动都展示会造成用户的反感,增加进入首页成本。
html5 做app引导页怎么做
H5edu教育Html5开发为您解答:
1、制作html5引导页面。
2、把做好的页面放入Android工程中assets文件夹下。
3、利用WebView加载asset文件夹下的html文件。
4、在引导页最后一页的按钮上捕捉点击事件,结束引导页,进入程序。
