用H5开发微信还是开发APP?

  随着技术的飞速发展,HTML第五版技术标准的更新,在移动端,由于其相对较低的开发成本及强大的跨平台运行能力,越来越多的信息型产品也开始选择这样轻量级的H5页面进行快速迭代,同时借用微信等平台快速触达用户。

  如今App的红利时期早己消失殆尽,大家下载应用的热情已经不再像刚开始那么火热,再加上那么多烧钱BAT产品大佬培养的用户习惯,没点补贴很难吸引用户。直接在应用市场推App的成本也很高,这时web的优势就体现出来了,它很轻,迭代还快,而且现在有微信这么好的入口。坐拥8亿用户,公众平台的功能还那么强大,不用白不用啊。所以在产品布局时我们如何去选择就尤为重要。

  优势

  1.H5可跨平台使用,开发成本相对更低。

  一个产品经理+前端+设计+后台就能搞定;App则需适配苹果、安卓等不同平台进行设计和开发,至少需要苹果工程师+安卓工程师+前端+设计+后台,开发成本高出1/3甚至更多。

  2.H5可随时上线就更新版本,适合快速迭代,且试错成本低。

  一个功能做好了立马就能上线,一天更新几十次都毫无压力;App则需要用户主动下载更新,主流的就是iOS,Android两大应用平台,不同平台运营推广的玩法还不一样,分发和运维成本很高。

  而且一个版本的功能出来,虽然很快就能做出其中一部分让内部人员体验。但等我们全部做完了,可能已经过去一周了。然后提交给平台做审核,又要等一 阵,再找个好日子发布,三周就过去了。同时,我们如果又做出了更多新的功能,优化了细节,再修复几个漏洞等等,用户却也只能再等几十天才能体验到。

  3.H5可以轻量的触达用户,提供更便捷的服务。

  相比在桌面上下一大堆App,在微信的入口或者浏览器上,用户只需点开链接就可以获取我们所提供的服务。有更高的使用时长及导流能力,基于公众号的运营和推广可以快速的触达用户。

  劣势

  1.H5—>App的转化强依赖于浏览器。

  想把用户真正留存在自己的产品中需要进一步的转化;而APP可以内嵌H5,直接在应用内即可打开并与H5进行转化。

  2.H5目前基本无法将数据存储在本地,依赖实时性数据,网络状态不好的时候卡到哭。

  每当用户需要上传数据,比如输入,选择,传照片等,页面的延迟会影响使用的流畅性;而APP可以本地存储,运行速度更快,更省流量,可离线操作或者访问本地资源。

  3.H5性能相对较低。

  对于复杂的交互,比如3D特效,频繁的输入输出等等,即使实现了,在用户体验上也要减分。比如在Native App上,一个类似页面滑动切换的效果,基本不会感受到延迟,你手指只要开始滑动,页面就无缝的跟着滑动,但在Web上,大家应该都经常看微信里的各种 H5的花哨分享页面吧,那滑动流畅吗?

  需求:

  任何产品存在的意义都是为了解决用户的某个需求。不管这个需求是已经存在的还是我们挖掘出来的,我们的产品都要围绕着满足用户的需求开始。现在的移动端产品,大致可以分为两种,一种是帮助用户实现某些功能的工具,比如美图秀秀等各种修图App,各种打车产品等;一种是满足用户在信息上,比如饿了么上的订餐信息,知乎上的各种问答信息等等。

  即功能型产品和信息型产品,当然很多时候一款产品也会同时具备这两种属性。所以不管是做Native App还是Web App,我们至少需要从下面三个角度来考虑

  1.产品的核心功能

  首先在定位上必须明确产品解决的核心需求是什么。

  是以做工具为切入点,解决某个痛点,给用户优质的体验,还是靠实用性或者趣味性的信息,让用户在产品中获得自己想要的,进而产生对品牌的认知。

  2.辅助功能

  如用户社区、服务等非核心需求,这些功能由于暂时不是用户最迫切要解决的任务,同时在功能的调整和内容运营上很灵活,就很适合采用web网页的方式来实现。配合公众号,就可以很好的引导用户进入自己的网站里,同时在自定义菜单栏中定义如售后、维权、用户社区、活动入口等用户所需的服务,可以更好的增加用户黏性。

  3.配合运营需求

  朋友圈各种华丽的H5分享大家应该很熟悉了,这种阶段性的营销型H5对产品的拉新和活动运营相当奏效。像“双11”还有京东的“618”,不仅是App上针对活动的版本更新以及H5站点上的页面创意,专属朋友圈转发分享的H5也是很重要的一个渠道。结合团队的实际情况,偏运营主导的产品就很有必要在这方面跟上。

  场景:

  你的用户在哪里?遇到什么问题的情况下才会使用产品?

  在家,在办公室,在户外等等,不同的应用场景对用户体验的影响都相当大。

  在真实的场景中,任何事都有可能打断用户流程。

  比如平常上下班,在公交地铁上大家会看手机,不过到站或者人流拥挤时就会被打断;买东西排队的用户也可能用,但同理也会随时被打断。来电话,收到短信,其它应用的推送……这些全都是干扰用户的因素。

  而好的用户体验应该不受这些干扰影响,让用户坚挺的走下去~

  基于场景和产品为用户所提供的服务:

  —为用户提供实用信息

  —占用用户的碎片化时间

  —某一垂直领域的细分服务

  有了场景才会有体验,针对体验才能有的放矢。再结合H5的优劣,做选择其实就不难了。其实有不少的团队这两种模式都做了。

用H5开发微信还是开发APP?的更多相关文章

  1. 基于H5的微信支付开发详解

    这次总结一下用户在微信内打开网页时,可以调用微信支付完成下单功能的模块开发,也就是在微信内的H5页面通过jsApi接口实现支付功能.当然了,微信官网上的微信支付开发文档也讲解的很详细,并且有实现代码可 ...

  2. ****基于H5的微信支付开发详解[转]

    这次总结一下用户在微信内打开网页时,可以调用微信支付完成下单功能的模块开发,也就是在微信内的H5页面通过jsApi接口实现支付功能.当然了,微信官网上的微信支付开发文档也讲解的很详细,并且有实现代码可 ...

  3. ***PHP基于H5的微信支付开发详解(CI框架)

    这次总结一下用户在微信内打开网页时,可以调用微信支付完成下单功能的模块开发,也就是在微信内的H5页面通过jsApi接口实现支付功能.当然了,微信官网上的微信支付开发文档也讲解的很详细,并且有实现代码可 ...

  4. Android开发 --微信支付开发(转载!)(开发工具:Eclipse)

    Android_APP 微信支付接口开发 日期:2015-10-06 12:47:33 作者: 来源: 人气:3549 1.首先说一下我们在开发微信支付接口的时候遇到最多和最疑惑的问题,那就是明明 a ...

  5. H5及微信中唤起app的解决方案

    今天我们就来说说这个callapp-lib 我的接到的需求大概是这样的 如果检测到不是在app里面用webview打开的页面就会显示上面的立即打开按钮, 点击的话会判断是否在微信中, 如果在微信中打开 ...

  6. 微信公众平台开发 微信JSSDK开发

    根据微信开发文档步骤如下: 1.先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”. JS接口安全域名设置 mi.com(前面不用带www/http,域名必须备案过) 2.引 ...

  7. h5或者微信端吊起app

    [https://www.cnblogs.com/shadajin/p/5724117.html]! 魔窗sdk http://www.magicwindow.cn/doc/universal-lin ...

  8. 微信jsSDK开发

    (学习类)2015年最新微信公众平台开发 微信JSSDK开发分享功能 链接地址:http://blog.163.com/sdolove@126/blog/static/1146378852015132 ...

  9. H5外包团队 H5开发微信APP的优势有哪些

    H5外包团队 H5开发微信APP的优势有哪些

随机推荐

  1. 23.C++- 继承的多种方式、显示调用父类构造函数、父子之间的同名函数、virtual虚函数

     上章链接: 22.C++- 继承与组合,protected访问级别 继承方式 继承方式位于定义子类的”:”后面,比如: class Line : public Object //继承方式是publi ...

  2. 4.3 explain 之 type

    一.explain 的type类型 二.类型的排序 从最好到最差依次是: system > const > eq_ref > ref > range > index &g ...

  3. SpringMVC 的运行原理

    0. 灵魂的拷问   问:SpringMVC 是什么?它有什么作用?  答:SpringMVC 的全称是 Spring Web Model-View-Controller,它是 Spring Fram ...

  4. Runnable和Callable接口辨析

    突然发现和启动一个线程有关的有三函数,run(), call(), start(),有点小乱,所以特别梳理一下 首先说一下start(),这个是最好说的,感觉start()和run()这俩名字是真的有 ...

  5. CSS border-collapse 属性

    表格边框合并: table {  border-collapse:collapse; 边框会合并为一个单一的边框 } ----------------------------------------- ...

  6. K8S 容器的资源需求、资源限制

    容器的资源需求,资源限制 requests:需求,最低保障: limits:限制,硬限制: CPU: 1 颗逻辑 CPU 1=1000,millicores 500m=0.5CPU QoS: Gura ...

  7. es6 语法 (map、set和array 的对比)

    //数据结构对比 增查改删 { //map和array对比 let map = new Map(); let array = []; //增 map.set('t',1); array.push({t ...

  8. 2017-11-07 中文代码示例之Angular入门教程尝试

    "中文编程"知乎专栏原址 原文: 中文代码示例教程之Angular尝试 为了检验中文命名在Angular中的支持程度, 把Angular官方入门教程的示例代码中尽量使用了中文命名. ...

  9. 【读书笔记】iOS-库

    一,OS X和iOS自带一些标准的C程序库和操作系统相关的特殊性.在MAC和iOS的世界里,静态库采用.a扩展名(静态对象代码库存档),动态加载库采用.dylib扩展名.如果开发人员来自于Linux世 ...

  10. [iOS]创建界面方法的讨论

    以前在入门的时候,找的入门书籍上编写的 demo 都是基于 Storyboards 拖界面的.后来接触公司项目,发现界面都是用纯代码去写复杂的 autoLayout 的.再然后,领导给我发了个 Mas ...