浅谈启动页/广告页/引导页设计思想

5 评论 30628 浏览 159 收藏 7 分钟

作者结合实际的产品经验,总结了启动页/广告页/引导页的一些设计思想,希望能够给你带来启发。

1.启动页设计

启动页设计思想

用户第一次打开APP,第一眼看到的页面是启动页,启动页面主要是告诉用户“我”(产品)是谁,我是做什么的(一句话告诉用户产品定位是什么)。

一个好的启动页面设计会给用户留下良好的“第一印象”反之差的启动页面,会给用户留下差的印象。启动页好比男女相亲,初次见面自我介绍(以下案例分析)。

启动页面设计三要素:logo、产品名称、产品定位。

通过三要素告诉用户“我是谁”、“我是做什么的”,像KEEP启动页面通过标语“自律给我自由”传递情感给用户产生共鸣。可以根据产品的定位以及要想传递的信息,展示给用户。

  • 展示方式:启动页面展示方式目前主要以图文方式,也有部分采用动画方式。
  • 展示频率:每次启动显示。
  • 启动页配置:由前端载显示。

2.广告页设计

广告页面目前主流显示方式是加载在启动页之后给用户展示的,优势自然是爆光率最高。简单来说下目前启动页面与广告页面的交互设计(案例分析)。

启动页面与广告页面交互设计有两种

  • 启动页面加载完之后进入广告页面(二级)。
  • 启动页面加载完之后,跟广告页面组合显示(如上图)目前组合显示的方式使用最多。

展示方式:根据业务需求以图文或者动画的方式展示给用户,图1至图3图文方式,图4动画方式,动画呈现方式趣味性更高一些,开发成本相对也会高一些。

广告页目的

  • 根据广告主业务需求产生推广收益,后台需要支持广告主可以查询推广数据。
  • 展示平台重要活动或者资讯。

广告页面数据埋点设计

点击率—页面停留时长—分享次数(若该页面没有分享功能,则忽略)—转换率。后台需要支持可以查询数据统计,通过数据统计分析广告页面质量,以便下次优化。

广告祥情页面配置:广告祥情页面配置在后台配置H5链接,前端请求H5链接进入祥情页面,采用H5方式便于操作灵活,不用更新一次整个APP都需要更新送审(后续文章会讲到版本更新)。

展示频率:每次启动显示(根据业务需求)。

3.引导页设计

引导页设计思想

前面介绍启动页面告诉用户“我是谁”“我是做什么的”,开头跟用户做了自我介绍,引导页的目的主要是告诉用户:“我该怎么使用”或者是“我有什么亮点”(重点宣传的功能),借用男女相亲例子,双方介绍完自己之后,开始展示自己有什么优势,好的引导页设计直接关系到用户是否“对你有兴趣”想一进“了解你”。

引导页设计要点

  • 引导页重占强调产品的核心功能与优势,上一页与下一页启到承上启下的作用,好的文案配上动画会使引导页更加生动有吸引力。

引导页设计方式

  • 静态设计:采用静态页面展示,以传递信息为主,劣势:用户无互动感,优势:开发成本较低;
  • 动态设计:目前大部分倾向于动态设计,还可以加入用户对动态页面进行点击互动,优势:增加用户参与感,劣势:开发成本较高。

引导页配置

  • 优势:引导页建议由前端加载显示,不需要在后台上传推送给前端,若采用后台推送的方式,用户打开APP前端请求加载会比较慢,对用户体验不友好(用户是没有耐心等待的)
  • 劣势:因是前端加载显示,每次更新引导页面需要前端换页面,重新打包上传送审,流程比较繁琐不建义引导页频繁更新。

展示频率规则

用户第一次打开当前版本展示,后续打开不再展示,当检测到有新版本更新时再展示(根据业务需求调整展示频率),引导面一般采用3-4个页面为佳,因每个页面需要手动滑动所以用户每次启动都展示会造成用户的反感,增加进入首页成本。

最后总结

启动页/广告页/引导页设计主要是根据产品自身的业务属性跟定位来选择适合的设计思路呈现给用户。以上是作者结合实际的产品经验,总结的设计思想分享给大家!

 

本文由 @行走的鱼 原创发布于人人都是产品经理。未经许可,禁止转载。

题图来自unsplash,基于CC0协议

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 广告页和引导页同时存在怎么显示

    来自浙江 回复
  2. 写的很好,很有帮助

    来自浙江 回复
  3. 就是,早点看到就好了

    回复
  4. 写得很好啊,要是早点看到再做也许就做更好了

    来自广东 回复
    1. 谢谢

      来自湖北 回复