《移动优先与响应式Web设计》一1.3 原生应用又如何?

简介:

本节书摘来异步社区《移动优先与响应式Web设计》一书中的第1章,第1.3节,作者: 【美】Luke Wroblewski , Ethan Marcotte 译者: 司徒卓恆 责编: 赵轩,更多章节内容可以访问云栖社区“异步社区”公众号查看。
1.3 原生应用又如何?
移动优先与响应式Web设计
原生应用与移动版网页,哪个较好?如果我们不提及这个争议,就无法讨论移动网络增长。有很多人都会二择其一,认为另一个比较逊色。但其实双管齐下也不无道理,而且更为优胜,原因如下。

原生移动应用程序,理所当然是原生在移动平台上的,因此能够调用很多系统资源。这些功能,是网页程序做不到的。由于资源较多,多数原生应用运作时会较为流畅,不论是用户额还是交互功能。若网页程序仿效原生应用的功能,就可能会出现问题和迟延,影响用户体验。

原生移动应用能够稳定地运用硬件,而网页应用则不可以。网页应用不能调用很多基本功能,例如通讯簿、短信、摄像头、麦克风和其他内置感应器。此外,网页应用也不能在后台运行。

如果你的移动产品或公司需要运用设备硬件、后台运行、商店上架、应用内部购买(in-app purchase),或融入移动平台,就可能需要原生应用程序。不过,这并不代表你不需要移动网页版。

移动策略分析师杰森·格里斯比指出,“网页链接不会开启应用,但会开启网页。”不论在搜索引擎、电子邮件、社交网络,还是网页,若想分享网上信息,就需要分享连结。如果没有移动网页版,而用移动设备开启网页的话,就算能看到整个网页,体验也不会好。但一到网页,原生应用就无用武之地了(见图1.4)。

移动网络体验用于跨平台服务,最好不过了。就算你能编写原生应用,也不可能为每个移动平台都编写。苹果iOS用Objective C,谷歌安卓用Java,微软Windows Phone 7用Silverlight,三星Bada用C++,RIM黑莓用Java、WebWorks和Adobe Air。很少有公司会给所有平台编写程序。就算能够编写,维护成本也非常昂贵,不可能持续。


4


此外,网页理应是最常见的移动体验。14%的Twitter用户体验移动网页版,8%使用iPhone版,7%使用黑莓版,4%使用其他的版本。

Facebook使用情况也大同小异。19%的内容是通过移动网页体验张贴的。原生应用方面,iPhone版、安卓版和黑莓版分别只占4%。由此可见,移动网页体验很成功。

事实上,原生移动会增加网页的使用。在原生应用里,每次有人分享网页链接,就会开启网页浏览器。更多人用原生应用,就会存取更多网页。移动网页体验不需要用户更新,所以可以做更多A/B测试,以测试新的设计。若你认为以上考虑非常重要,开发移动网页程序则更有意义。

其实你已经懂得设计和开发网页了,要开发移动版网页,无需由零开始,重新再学。事实上,我认为你应立刻开始开发。

相关文章
|
1月前
|
移动开发 开发者 HTML5
构建响应式Web界面:Flexbox与Grid的实战应用
【10月更文挑战第22天】随着互联网的普及,用户对Web界面的要求越来越高,不仅需要美观,还要具备良好的响应性和兼容性。为了满足这些需求,Web开发者需要掌握一些高级的布局技术。Flexbox和Grid是现代Web布局的两大法宝,它们分别由CSS3和HTML5引入,能够帮助开发者构建出更加灵活和易于维护的响应式Web界面。本文将深入探讨Flexbox和Grid的实战应用,并通过具体实例来展示它们在构建响应式Web界面中的强大能力。
42 3
|
2月前
|
缓存 前端开发 JavaScript
前端技术探索:构建高效、响应式Web应用的秘诀
前端技术探索:构建高效、响应式Web应用的秘诀
75 0
|
2月前
|
前端开发 开发者 容器
构建响应式Web界面:Flexbox与Grid布局的深度解析
【10月更文挑战第11天】本文深入解析了CSS3中的Flexbox和Grid布局,探讨了它们的特点、应用场景及使用方法。Flexbox适用于一维布局,如导航栏;Grid布局则适用于二维布局,如复杂网格。通过示例代码和核心属性介绍,帮助开发者灵活构建响应式Web界面。
59 5
|
2月前
|
JavaScript 前端开发 网络架构
如何使用Vue.js构建响应式Web应用
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用
|
2月前
|
JavaScript 前端开发
如何使用Vue.js构建响应式Web应用程序
【10月更文挑战第9天】如何使用Vue.js构建响应式Web应用程序
|
2月前
|
前端开发 JavaScript 测试技术
构建响应式Web应用程序:React实战指南
【10月更文挑战第9天】构建响应式Web应用程序:React实战指南
|
3月前
|
前端开发 开发者 容器
【布局革命!】Flexbox与Grid双剑合璧:解锁Web设计新纪元,让响应式界面瞬间焕发光彩!
【9月更文挑战第1天】本文通过问答形式深入探讨了Flexbox和Grid布局的特点与应用场景。Flexbox专为单轴布局设计,适用于响应式导航栏和列表;Grid布局则适用于二维布局,可精确控制元素的位置和大小,适合构建复杂的内容区域和仪表板。文章还提供了示例代码,帮助读者更好地理解和应用这两种布局方式,以创建高效、美观的Web界面。
93 9
|
3月前
|
前端开发 安全 Java
技术进阶:使用Spring MVC构建适应未来的响应式Web应用
【9月更文挑战第2天】随着移动设备的普及,响应式设计至关重要。Spring MVC作为强大的Java Web框架,助力开发者创建适应多屏的应用。本文推荐使用Thymeleaf整合视图,通过简洁的HTML代码提高前端灵活性;采用`@ResponseBody`与`Callable`实现异步处理,优化应用响应速度;运用`@ControllerAdvice`统一异常管理,保持代码整洁;借助Jackson简化JSON处理;利用Spring Security增强安全性;并强调测试的重要性。遵循这些实践,将大幅提升开发效率和应用质量。
72 7
|
3月前
|
Web App开发 编解码 前端开发
构建响应式Web应用的最佳实践
构建响应式Web应用的最佳实践
52 0
|
3月前
|
前端开发 JavaScript 开发者
现代前端框架激烈交锋,高效响应式 Web 界面的归属扑朔迷离!
【9月更文挑战第6天】本文通过实际案例,比较了主流前端框架 Vue.js、React 和 Angular 的特点与优势。Vue.js 以简洁的语法和灵活的组件化架构著称,适合小型到中型项目;React 强调性能和可扩展性,适用于大型应用;Angular 凭借全面的功能和严格架构,适合企业级开发。开发者应根据项目需求和技术栈选择合适的框架。
56 0