美文网首页
产品设计笔记之H5页面APP下载入口

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

作者: 不会游泳的树懒 | 来源:发表于2016-04-20 19:04 被阅读1075次

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

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

    1.网易新闻

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

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

      优点:点击进入页面即可看到下载入口,不影响阅读体验;

      缺点:滑动后,下载入口不可见;

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

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

      缺点:若用户未看到此处,则无法看到下载入口;

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

      优点:下载入口长驻,想下载的时候可随时下载;

      缺点:占据一定页面空间,影响阅读体验;

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

    文章顶部 文章中部以及底部

    2.今日头条

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

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

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

      缺点:完美~(前提是结合下面方法)要不然,关闭了上哪下载去~

    -文章中间:同网易;

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

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

    文章中间下载入口 顶部以及底部下载

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

    相关文章

      网友评论

          本文标题:产品设计笔记之H5页面APP下载入口

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