APP 引导页设计2-引导页展现方式
随着技术演进和大环境提升,确实看到了引导页以不同的载体,从静过渡到动态甚至流媒体,引导页在视觉表现上呈现繁多,大概总结下目前市面上APP引导页的展现方式。
1、文字与APP 界面组合
这是最常见的引导页面,简短的文字+该功能的界面,主要是运用在功能介绍类与使用说明类引导页。这种方式能较为直接地传达产品的主要功能,缺点在与过于模式化,显得千篇一律。
2、文字与插图组合
文字与插图的组合方式也是目前常见的形式之一。插图多具象,以使用场景、照片为主,来表现文字内容。
3、动态效果与音乐
除了静态页面外,开始流行具有动态效果的页面。在单个页面采用动画的形式,考虑好各个组件的先后快慢,打破原有的沉寂,让页面动起来。同时结合动效可以考虑页面间切换的方式,将默认的左右滑动改为上下滑动或过几秒自动切换到下一页。在浏览引导页的时候,可以试着加入一些与动效节奏相符合的音乐,会是一种更加新颖的方式。
4、流媒体展示
在打开后通过播放视频的方式来介绍产品或传递一种理念,这种方式多见于偏生活记录类的应用,如拍照、运动类应用,给人传达青春活力、积极乐观的生活态度。优点:直观,动感,生活化。缺点:应用较大,视频播放会出现卡顿的情况。
4、前后串联
由于手机端天然的触屏行为属性,通过滑动触发用户注意力,吸引用户关注下一秒迸发的画面内容,让整个观赏过程成为用户的参与互动体验。
5.竖屏交互
现在的引导页的切屏交互方式基本都为左右滑动,通过改变既有的交互方式增加用户的注意力。在界面的设计中使用的隐喻线索,让这种新的交互方式变得自然而容易,否则会引起用户的反感。
图例为feedly的引导页。改变了常用的左右滑动的方式,使用了向上滑动的方式。每张引导页想一张卡片,阅读过的引导页向上滑动即被滑出屏幕。界面视觉对于新的交互方式有明确的引导。
#本文同步发布到pm263.com,pm263为你提供更多更全的产品经理干货,欢迎大家访问。