产品设计笔记之H5页面APP下载入口

入行快两年，一直想开始积累一些产品的经验以及想法，终于开始动笔了，小懒第一篇关于产品设计的一些思考，刚八爹~

很多APP的文章或内容分享至第三方平台后，用户点击链接进入查看时，通常会提供下载该APP的通道。对于APP下载栏的设计也是各有特色，比如：

1.网易新闻

网易新闻于H5页面提供三处可下载或打开APP的入口：

-页面顶部：包括icon、应用名称以及下载按钮，上滑文章时，跟随文章滑动；

  优点：点击进入页面即可看到下载入口，不影响阅读体验；

  缺点：滑动后，下载入口不可见；

-文章中间：引导下载/打开APP按钮，“打开网易新闻，查看更多跟帖”；

  优点：更符合用户阅读习惯，看完文章，感兴趣欲进一步查看更多内容进而下载应用；

  缺点：若用户未看到此处，则无法看到下载入口；

-文章底部：包括icon、下载/打开APP入口，固定悬浮于页面底部，不跟随页面上下滑动；

  优点：下载入口长驻，想下载的时候可随时下载；

  缺点：占据一定页面空间，影响阅读体验；

当多种方式结合以后，小懒只想说，下载入口无孔不入~

文章 顶部

文章中部以及底部

2.今日头条

今日头条提供多处下载/打开APP入口：

-页面顶部：包括icon、应用名称、描述语、下载/打开按钮、关闭按钮。悬浮于页面顶部，不跟随文章上下滑动；

  优点：下载入口一直呈现，影响阅读体验时，可通过关闭按钮关闭悬浮栏；

  缺点：完美~（前提是结合下面方法）要不然，关闭了上哪下载去~

-文章中间：同网易；

-文章底部：“都翻到这儿了，就下载个头条吧~”，满满的撒娇加卖萌~小懒给个大写加粗的赞~

-更多文章标题：点击任意文章标题或图片，均可跳转下载/打开APP。

文章中间下载入口

顶部以及底部下载

从用户体验角度来看，各种顶部底部悬浮固定栏会影响文章浏览；而今日头条的可选择性关闭按钮很好的解决了这个问题~并且加入文章中间以及底部的下载入口，也解决了欲下载应用用户的需求~所以最佳解决方案是：顶部悬浮并可关闭+文章中间下载按钮+页面末尾下载入口，无孔不入天衣无缝完美~