Web设计师的最佳做法：响应式布局还是本机应用程序？ [操作编辑]

Google确认在移动设备上进行的搜索比在台式机上进行的搜索更多，因此很显然，所有网站如果尚未进行移动搜索，都应该真正实现移动性。

不可否认，移动就是未来。

但是，通过响应式布局在浏览器内的内容与通过本机应用程序在应用内的内容之间存在有趣的二分法。

这些是当今每个新的创意项目都应该问的至关重要的问题。

一个网站可以同时运行吗？

网站何时应通过响应式布局与本机应用程序一起使用？

我想探索这两个领域，并挖掘每种选择的根源。

本机应用程序的价值

Facebook，Twitter，Instagram和其他所有人都运行自己的本机应用程序。

大多数智能手机用户都依赖本机应用来编写他们喜欢的程序。

用户通常只固有地知道如何使用滑动菜单和标签栏。

本机应用程序遵循UI准则，以使它们保持一致并自然假定。

由于本机应用程序在本地操作系统上运行，因此在动画，UI设计和内容组织方面 ，它们更加顺畅且易于操作 。

可以公平地说，像Facebook和Twitter这样的大型网站 从本地应用程序中获得的价值要大于小型网站 。

许多主要发行商都在iOS商店和Google Play商店中提供了涵盖博客，Web应用程序和社交网络的应用程序。

对于设计师和创意机构来说，这都是一个热门话题。

这场辩论有专家意见和主要发表意见的出版物。

唯一的变量是确定您的网站是否可以更好地用作移动应用程序 ，或者用户是否愿意使用它 。

但是事实仍然是，本机应用程序既有用又受最终用户欢迎。

全面响应的网站：利弊

Web设计师不会使布局完全响应并且可扩展到任何屏幕，而不会损失任何内容。

在一般情况下，响应式网页设计始终是一件好事。

在智能手机上，这意味着动画有限，没有Flash，并且依赖于浏览器的渲染引擎。

首先， 响应式网站仅限于浏览器的呈现引擎 。

但是在本机应用程序的上下文中，有一些注意事项。

动画库本身比浏览器中呈现CSS或JS 强大。

本机应用程序可以使用智能手机或平板电脑的核心功能。

Flipboard，Dropbox，Feedly，Gmail或任何其他主要网络服务也是如此。

许多人更喜欢在Pinterest的网站上使用Pinterest应用程序。

形式上的输入元素， 数据传输和安全问题也是如此 。

有三种选择：

但是，那些网站不应该提供响应式布局吗？

强制移动网络用户下载本机应用程序
提供移动Web布局以及到本机应用程序的可选链接
只需将移动网络布局与本地应用程序分开运行

但是使用该应用程序更加容易，快捷和直观。

您可以直接在Mobile Safari浏览器中注册Flipboard帐户。

Flipboard与第二选项一起在每个页面的顶部放置横幅。

它的运行方式类似于具有新闻报道和特色文章的典型响应式布局。

新闻网站ZDNet在访问Mobile Safari时甚至没有提及他们的移动应用程序。

确定最适合用户的方式，并确定大部分流量来自何处。

不同之处在于用户体验 。

如果您想为自己的网站开发一个应用程序，请确保该应用程序足以补充您的响应式布局，以提供真正的价值。

他们通常需要比建立网站更多的工作 。

请记住， 移动应用程序需要时间进行设计和编程 。

桌面优先还是移动优先？

自由职业者和大型创意机构都经常问这个问题。

在设计幅材时，应该从最宽的宽度还是最小的宽度开始？

此方法考虑了渐进式增强 ，它从基础开始，并增加了可以处理它的环境的功能。

卢克·沃布洛夫斯基（ Luke Wroblewski）的书流行了一种移动优先的方法，这是一种非常流行的观点。

另外，其他设计师倾向于从“移动优先”转换为“移动也”的桌面优先方法。

然后从这个想法开始，您逐渐缩小功能，定义断点，并最终获得智能手机的最小布局。

该策略通过首先在全尺寸台式机显示器上计划所需的所有功能来起作用。

响应式布局应该从最小的屏幕开始还是移动优先是过时的概念？

这里有正确的答案吗？

从桌面开始，您可能会在移动设备上设计过于拥挤的布局。

从移动设备开始，您可能会省略功能或忘记以较大的分辨率添加它们 。

选择另一个的唯一缺点是可能缺少功能 。

如果他们可以改进设计，那就不要害怕做出大的改变。

选择最适合您的工作流程。

但是，没有人是对还是错。

两全其美的

因此，如果您已经有一个响应式布局， 那么您是否还要打扰移动应用程序 ？

建立一个可以在任何屏幕上运行的完全响应式网站可能会使大多数读者满意。

还是网站绰绰有余？

您的用户想要移动应用程序吗？

关于哪种方法可以为您的移动设备上的特定项目提供最佳的消耗形式。

没有绝对确定的答案。

正如Modo Labs在这篇出色的文章中发现的那样，答案取决于用户体验 。

他们的网站最近报道了一个故事，证实了美国民众在应用程序上花费的时间比看电视要多。

科技新闻博客TechCrunch具有响应式布局和免费的移动应用程序，这都是有充分理由的。

这是响应式布局派上用场的地方，因为不是每个人都想要您的应用程序 。

如果有人在iPhone上单击该链接，则将打开Mobile Safari，因为它是HTTP链接。

但是，如果有人在Twitter上链接到TechCrunch怎么办？

当然，有些用户仍想访问您的网站，并且可能更喜欢访问而不被迫免费或其他方式下载应用程序。

基于每个项目的工作

对于响应式应用程序与本地应用程序之争的最佳答案是评估每个项目，并根据具体情况确定最佳方案。

Android和iOS均具有大型框架，可用于构建可连接到API，发送数据库查询并比网页更干净的应用程序。

根据我的经验，我认为社交网络和交互式网站从本机应用程序中受益最大 。

对于需要用户登录并执行详细交互的平台而言，这是巨大的 。

而且本机应用程序UI就像软件一样呈现，因此您不必担心CSS属性或浏览器限制。

但是，像餐馆网站这样的一般商业网站通常仅使用响应式布局才能发挥最佳效果，尤其是考虑到构建本机应用程序所需的工作量。

通常取决于您的市场规模和受众 （即精通技术的人）。

本机应用程序对某些应用程序运行良好，而其他应用程序则不需要。

博客和数字杂志有些灰色。

从那里可以更轻松地得出结论，本机应用程序是否值得付出努力。

如果您刚刚入门，建议您先建立一个网站。

发行新的Internet出版物时，有很多考虑事项。

包起来

没有缺点，它为正在增长的移动用户提供了一个稳定的登录页面。

无论您是否要构建本机应用程序，您网站的布局都应具有响应能力，并且可以适应任何屏幕尺寸。

不用说，每个现代网站都可以从响应中受益。

但是有时候值得将此作为替代方案而不是强制性条款 。

这些对于营销网站的移动平台可能是有效的和有用的。

一些网站可能会向移动访问者提供应用下载链接。

尝试了解访问者对本地移动应用的实际看法，并根据进一步的研究做出决定。

尽可能收集用户反馈并评估移动应用程序上的意见。

翻译自: https://www.hongkiat.com/blog/responsive-vs-native-apps/