移动端UI规范整理-启动页&引导页

作者: 39Joyy | 来源:发表于2018-10-10 21:46 被阅读16次

        这次整理的是APP在首次打开时经常会出现的页面:启动页&引导页,虽然按道理还有闪屏,但是形式上二者区别不大只是表达内容有所不同,所以我将闪屏放在启动页当中保持子集关系。

        启动页通常只有一页,且选择性附带倒计时,常用来品牌宣传或是放置广告;引导页通常不止一页,且最好带有页面指示器,常用来内容展现帮助用户了解产品或者功能介绍,帮助用户学习操作。

        启动页的英文是Onboarding,并没有找到引导页的英文名,大概五百年前是一家(没有考据,希望知道的朋友告诉我让我学习一下)

        启动页原始的存在似乎是为了过渡,其时间短的特性决定它一次传达的信息不能太多,但他出现的次数可以在每一次打开,于是大多数产品会采用自己的LOGO加一句简短的文案以达到洗脑用户种植品牌感的目的。

    *微博有两个启动页,一个用来品牌宣传,一个用来放广告,每次打开微博我都很烦的跳过。。。

        引导页,顾名思义,存在的意义就是引导,虽然引导的方式有很多种,但这里先说说和启动页类似的形式吧。引导页的名字决定它的功能,所以一般引导页都有一张以上,出现在未使用过新功能的用户首次打开APP时出现。一般用来王婆卖瓜自卖自夸,用简短的文字和图片告诉用户我们解决了什么什么需求新推出了什么什么功能,和商城截图的作用差不多。实际讲解功能操作我个人觉得还是实地交互性的或者带有指向性的操作引导比较好。

    *全民K歌用了一个动画视频来介绍内容,我这里还是放在引导页里是因为我觉得图的表现方式涵盖了帧动画的视频,无论在哪里图文布局里的图都一定不单单指静态的。

        设计方式很多,这些只是我整理的一些最基础的规范,属于基建,还是希望自己能够举一反三,在规范的基础上,结合应用场景设计出更多的花样吧。

    相关文章

      网友评论

        本文标题:移动端UI规范整理-启动页&引导页

        本文链接:https://www.haomeiwen.com/subject/dsgmaftx.html