Guest Post:它不是Web应用程序,它是您从Web安装的应用程序

 2019-02-27 09:49:51 查看原文  1     

不需要安装但像本机应用程序一样工作的Web应用程序是启动移动项目的简单方法,而无需对应用程序商店批准过程大惊小怪。虽然存在一些差异,但知道要寻找什么是成功启动Web应用程序项目的关键 - 同时了解天花板以便您可以决定何时进行本地化。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

我们收到了一封邮件......FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

“我听说过预测,但我在App Store找不到它。我怎么得到它?”FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

“你没有从App Store获得它:只需在你的手机上访问http://forecast.io/,你就会得到如何下载它的说明。”FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

“哇,这很棒!我不知道你可以在App Store外面获得应用程序!”FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

自推出预测以来,我们已经进行了数十次这样的对话。他们通常来自拥有iPhone但不是特别精通技术的人,我相当肯定他们都不会知道Forecast实际上是一个网络应用程序。对他们而言,它只是您从网上安装的应用程序。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

而且他们是对的:如果它看起来像一个应用程序,并且生活在你的主屏幕上,它就是一个应用程序。有一个大写“A”。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

我甚至可以说世界上最好的天气应用程序是一个网络应用程序。当然,我可能有偏见,但预测甚至是竞争者的事实是一件大事。它提出了一个问题:为什么没有更高质量的移动网络应用程序具有其本机对应物的外观,感觉和性能?FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

我认为原因不是技术原因。当然,有些应用程序必须是原生的:例如,基于OpenGL的游戏,或访问尚未暴露给浏览器的硬件功能的应用程序(缩小列表); 但我并不认为本机SDK允许您创建比HTML5更好,更流畅,更动态或更令人愉快的界面。这是2013年,移动浏览器技术在过去几年中取得了巨大进步:硬件加速转换和动画使得创建完美平滑,无抖动的界面变得容易,我认为CSS更强大布局动态内容的方法比Interface Builder。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

那么为什么普通的原生应用程序比普通的网络应用程序好得多呢?

我认为,原因是:制作网页很容易。任何拥有文本编辑器和浏览器的人都可以这样做。您可以学习基础知识,并在周末实际发布网站,作为业余爱好者,没有太多麻烦。相比之下,制作原生iOS应用程序既困难又耗时:您必须向Apple支付99美元; 你必须下载XCode并学习如何使用它,以及一种叫做Objective-C的奇怪语言; 你必须创建,签署和上传证书; 你必须编译你的代码并弄清楚如何在你的设备上运行它; 并且您必须将其发布给其他人才能看到,这需要浏览围绕App Store的所有规则,规则和技术问题。所有这些都构成了一个巨大的进入障碍,这在网络上是不存在的。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

由于这一切,你留下了一种选择偏见:平均而言,经历过所有麻烦来学习如何制作本机应用程序的开发人员比普通人更加认真网页。毫无疑问,他们的工作质量平均也要高得多。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

反过来,这导致许多认真的开发人员放弃了网络,转而支持本机应用程序开发。即便如此,大多数iOS应用仍然非常糟糕!制作高质量的应用程序非常困难。它需要大量的技能,纪律和纯粹的意志才能将想法转变为既有吸引力又有使用乐趣的应用程序。无论采用何种技术,都是如此。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

考虑到这一点,我想将这篇文章的其余部分用于概述我们在开发预测时学到的各种内容,希望它能够鼓励其他人建立出色的移动体验。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

我们学到的一些教训,没有特别的顺序......

在创建Web应用程序时,您应该避免复制默认的iOS样式和交互。这包括按钮和列表样式,过渡,动画和标准信息视图。移动应用程序具有触觉体验,即使是最不精明的用户也可以直观地了解默认操作系统应该如何感受,并且会注意到与真实操作系统的微小偏差。通过简单地避免让您的应用感觉“错误”,您已经完成了大部分工作。通过为用户提供新的东西,他们不会知道什么时候不对。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

同时,避免让Web应用程序看起来像网站太多的诱惑。例如,考虑使用按钮而不是蓝色下划线链接。仅仅因为你在引擎盖下使用HTML5并不意味着它应该看起来像它。如果您的目标是完全自定义的本机应用程序外观,那么您将更有可能获得成功。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

当动画元素 - 任何元素时,无论GPU加速多小的动画属性。在CSS中,这意味着使用translate3d transform属性,它是硬件加速的,而不是修改top和left属性,而不是。应该完全避免使用没有硬件加速对应物的动画属性 - 例如元素的高度。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

不要试图实现自定义滚动:物理将是错误的。幸运的是,您不必:相反,您可以使用 - webkit -overflow-scrolling:触摸iOS和Android 4.x上的CSS属性来创建滚动div。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

如果你找不到办法做一些不会感到波涛汹涌或笨拙的事情,那就不要这样做。围绕您拥有的技术设计您的界面,而不是您希望拥有的技术。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

移动版Safari中有一个讨厌的“错误”,每次点击链接时都会导致300毫秒的延迟。使用类似FastClick的东西来修复它,否则你的界面会感觉迟钝。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站

使用appcache-it将极大地加快加载时间,并使保存的Web应用程序感觉更加原生。

花几个小时!用你那大而笨拙的手指在你的应用上捣乱。点击两次。滑动不应刷的东西。触摸不应触及的东西。将其煮熟并挤压并刮去。当你躺在床上,在浴室里,走在街上时,这样做。一而再,再而三。你会发现各种各样的小UI故障。每个人都需要接受调查,其根源和修复原因。请注意:告诉自己这些小故障并不重要,这对你的手机来说只是一些奇怪的东西,真正的用户不会遇到它们。但是不要屈服于诱惑!魔鬼在细节中,我们通过调查看似无害的小虫子,发现了我们代码的主要结构缺陷。这可能会使您的应用程序的开发时间翻倍,但这是值得的。FpT上海网站建站_上海网站制作_上海网站设计_TOPSSEO企业网站建站