聊聊Web hybridappApp、Hybrid A与Native 的设计差异

旅游新闻 2020-06-29178未知admin

  Web App 指采用Html5语言写出的App,不需要下载安装。类似于现在所说的轻应用。在浏览器中的应用,基本上可以说是触屏版的网页应用。

  例如Store里的新闻类A,视频类A普遍采取的是Native的框架,Web的内容。

  Hybrid App 极力去打造类似于Native App 的体验,但仍受限于技术,网速,等等很多因素。尚不完美。

  Native A 指的是原生程序,一般依托于操作系统,有很强的交互,是一个完整的App,可拓展性强。需要用户下载安装使用。

  (2)成本高(例如一款App已更新至V5版本,但仍有用户在使用V2, V3, V4版本,需要更多的人员之前的版本)

  (3)更新缓慢,根据不同,提交–审核–上线 等等不同的流程,需要经过的流程较复杂

  

  由上图可见,Web A 的基于Html5语言。而Html5语言本身又有着不可避免的局限性。正是这些局限性的存在,使得Web App在体验中要逊于Native App。

  

  相比Native App,Web App体验中受限于以上5个因素:网络,渲染性能,特性,受限于浏览器,系统。

  Web A对网络的依赖性较大,因为Web A中的H5页面,当用户使用时,去服务器请求显示页面。如果此时用户恰巧遇到网速慢,网络不稳定等时,用户请求页面的效率大打折扣,在用户使 用中会出现不流畅,断断续续的不良感受。同时,H5技术自身渲染性能较弱:对复杂的图形样式,多样的动效,自定义字体等的支持性不强。

  从下图Web版 jing.fm和Native版jing对比后可以看出:Web A首页去除冗余的功能,回溯本源,只给用户提供了jing.fm最初的本质需求——。既符合H5精简功能又达到了突出核心功能的设计原则。无疑给用户眼前一亮的气息。

  正如书中《瞬间之美》的一个核心观点:重要的并不是我们提供的信息量有多大,而是我们能否给他们提供真正需要的信息。

  

  

  从Native App和Web App(百度直达)的对比中,我们可以看出Native良子以九宫格的形式展现,且属于双重,功能入口太多;弊端是用户不知道聚焦在哪里,分散用户 的注意力。而Web版良子整合并减少了的入口,增强用户的专注度;界面清爽,整洁,很好地传达了良子本身的寓意——轻松、愉悦、休闲、舒适。

  

  通常Web App于浏览器里,宿主是浏览器。不同的浏览器自身的属性不尽相同,如:浏览器自带的手势,页面切换方式,链接跳转方式,版本兼容问题等等。

  例如下图:UC 浏览器和百度浏览器自身支持手势切换页面。手指从左侧滑动页面,返回至上一级。百度手机助手H5页面,顶部Banner支持手势左右滑动切换。这一操作与浏览器自身手势是冲突的。

  

  再如,基于浏览器的Web A在打开新的模块中的页面时,大多会新开窗口来展现。例如用户在使用购物类A时,浏览每日精选模块时,每当打开新的商品时,默认新开一个窗口。这 样的优劣势显而易见:优势是能够记录用户浏览过的痕迹,浏览过的商品,以便后续横向对比;劣势是过多的页面容易使用户迷失在页面中。

  正如Gole手册里描述:当用户打开一个Web App的时候,他们期待这个应用就像是一个单个应用,而不是一系列网页的结合。然而,什么情况下需要跳转页面,什么情况下在当前页面展示则需要设计师细致考量。

  

  由于Html5语言的技术特性,无法调用系统级别的权限。例如,hybridapp系统级别的弹窗,系统级别的通知,地理信息,通讯录,等等。且与系统的兼容性也会存在一些问题。以上通常导致A的拓展性不强,体验相对较差。例如百度地图:

  

  Web版地图基于浏览器展现,因此,不能全屏显示地图,给用户的眼界带来局限感;相反,hybridappNative 版地图以全屏展现的形式,很好的拓展了用户的视野。整个界面干净简洁,首页去除冗余功能。

  

  Web 版地图耗费的流量大于Native版,且不能预先缓存离线地图。对于地理的判断也是基于宿主浏览器,hybridapp而非Web地图本身。获取线后,对于更换到达方式,相对来说是不便利的。

  相反,Native 版地图,能够直接访问用户的地理,能够很清晰的为用户展现App规划的线,并能轻松的查看多种线方案,以便做出符合自己的最佳方案。对于切换公交,走,自驾等线方式也是只需一键操作。

  Native 版地图相对于 Web版地图增加更多情,易用的功能,如:能够记录用户的生活轨迹,记录用户的点滴足迹,能够享受拥堵方案等。而Web版地图基于技术框架,很难实现以上功能,从用户体验角度来看,弱于Native版地图。

  听到很多言论说在中国程序员是吃青春饭的,那么产品经理呢,也吃青春饭吗?

  一、Web App、Hybrid App、Native App 纵向对比

  二、Web App、Hybrid App、Native App 技术特性

  人人都是产品经理(是以产品经理、运营为核心的学习、交流、分享,集、培训、社群为一体,全方位服务产品人和运营人,成立9年举办在线+期,线+场,产品经理大会、运营大会20+场,覆盖北上广深杭成都等15个城市,在行业有较高的影响力和知名度。了众多BAT美团京东滴滴360小米网易等知名互联网产品总监和运营总监,他们在这里与你一起成长。

原文标题:聊聊Web hybridappApp、Hybrid A与Native 的设计差异 网址:http://www.pacificcrestforaging.com/lvyouxinwen/2020/0629/33098.html

Copyright © 2002-2020 漫山遍野新闻网 www.pacificcrestforaging.com 版权所有  

联系QQ:1352848661