A5创业网
项目发布
申请报道
扫一扫，联系编辑获得审核机会
符合以下要求，获得报道机会
1. 新公司求报道
2. 好项目求报道
3. 服务商求报道
4. 投资融资爆料
中介交易 网站交易 域名交易 公众号
登录 注册
会员中心 退出
微信 
微博
手机版 
网站导航
找项目 找服务
客服热线：400-995-7855
创业
创业动态 投资融资 创业故事 众创空间
财税
工商注册 公司财税 资质办理
产权
商标 版权 专利
科技
互联网 IT业界 移动 八卦休闲
站长
网站运营 建站经验 SEO 交互设计 好站推荐
营销
营销策划 网络推广 移动营销
电商
电商资讯 电商分析 移动电商
IDC
IDC报告 云计算 服务器 安全 CDN
更多
自媒体 公众号 小程序 产品 域名 会议 数码 游戏 系统 技术
首页
创业
创业项目
科技
站长
产品
营销
电商
域名
会议
A5交易
A5营销
创业服务
当前位置：首页 > 站长 > 交互设计 > 正文 品牌
标签
专题
软文
浅谈启动页/广告页/引导页设计思想 2018-01-24 13:45 来源：人人都是产品经理 我来投稿 我要评论
创业项目优选 好项目来A5招商 ，点击入驻！
作者结合实际的产品经验，总结了启动页/广告页/引导页的一些设计思想，希望能够给你带来启发。
1.启动页设计
启动页设计思想
用户第一次打开APP，第一眼看到的页面是启动页，启动页面主要是告诉用户“我”(产品)是谁，我是做什么的(一句话告诉用户产品定位是什么)。
一个好的启动页面设计会给用户留下良好的“第一印象”反之差的启动页面，会给用户留下差的印象。启动页好比男女相亲，初次见面自我介绍(以下案例分析)。
启动页面设计三要素：logo、产品名称、产品定位。
通过三要素告诉用户“我是谁”、“我是做什么的”，像KEEP启动页面通过标语“自律给我自由”传递情感给用户产生共鸣。可以根据产品的定位以及要想传递的信息，展示给用户。
展示方式：启动页面展示方式目前主要以图文方式，也有部分采用动画方式。
展示频率：每次启动显示。
启动页配置：由前端载显示。
2.广告页设计
广告页面目前主流显示方式是加载在启动页之后给用户展示的，优势自然是爆光率最高。简单来说下目前启动页面与广告页面的交互设计(案例分析)。
启动页面与广告页面交互设计有两种
启动页面加载完之后进入广告页面(二级)。
启动页面加载完之后，跟广告页面组合显示(如上图)目前组合显示的方式使用最多。
展示方式：根据业务需求以图文或者动画的方式展示给用户，图1至图3图文方式，图4动画方式，动画呈现方式趣味性更高一些，开发成本相对也会高一些。
广告页目的
根据广告主业务需求产生推广收益，后台需要支持广告主可以查询推广数据。
展示平台重要活动或者资讯。
广告页面数据埋点设计
点击率页面停留时长分享次数(若该页面没有分享功能，则忽略)转换率。后台需要支持可以查询数据统计，通过数据统计分析广告页面质量，以便下次优化。
广告祥情页面配置：广告祥情页面配置在后台配置H5链接，前端请求H5链接进入祥情页面，采用H5方式便于操作灵活，不用更新一次整个APP都需要更新送审(后续文章会讲到版本更新)。
展示频率：每次启动显示(根据业务需求)。
3.引导页设计
引导页设计思想
前面介绍启动页面告诉用户“我是谁”“我是做什么的”，开头跟用户做了自我介绍，引导页的目的主要是告诉用户：“我该怎么使用”或者是“我有什么亮点”(重点宣传的功能)，借用男女相亲例子，双方介绍完自己之后，开始展示自己有什么优势，好的引导页设计直接关系到用户是否“对你有兴趣”想一进“了解你”。
引导页设计要点
引导页重占强调产品的核心功能与优势，上一页与下一页启到承上启下的作用，好的文案配上动画会使引导页更加生动有吸引力。
引导页设计方式
静态设计：采用静态页面展示，以传递信息为主，劣势：用户无互动感，优势：开发成本较低;
动态设计：目前大部分倾向于动态设计，还可以加入用户对动态页面进行点击互动，优势：增加用户参与感，劣势：开发成本较高。
引导页配置
优势：引导页建议由前端加载显示，不需要在后台上传推送给前端，若采用后台推送的方式，用户打开APP前端请求加载会比较慢，对用户体验不友好(用户是没有耐心等待的)
劣势：因是前端加载显示，每次更新引导页面需要前端换页面，重新打包上传送审，流程比较繁琐不建义引导页频繁更新。
展示频率规则
用户第一次打开当前版本展示，后续打开不再展示，当检测到有新版本更新时再展示(根据业务需求调整展示频率)，引导面一般采用3-4个页面为佳，因每个页面需要手动滑动所以用户每次启动都展示会造成用户的反感，增加进入首页成本。
最后总结
启动页/广告页/引导页设计主要是根据产品自身的业务属性跟定位来选择适合的设计思路呈现给用户。以上是作者结合实际的产品经验，总结的设计思想分享给大家!
本文由 @行走的鱼 原创发布。未经许可，禁止转载。
题图来自unsplash，基于CC0协议
