响应式设计:数字临界点

响应式设计

响应式设计是网络开发行业几十年来最大的技术变革。根据 Walter Frick 的 HBR 博客网络文章,“世界各地的公司都在加强他们的数字计划。一个有竞争力的网站已成为许多公司寻求增长的关键资产。”

落后的公司不会蓬勃发展。

没有什么比非移动网站与移动网站的差距,或静态网站与响应式网站更能区分“拥有者”和“没有者”之间的区别了。

事实上,自从谷歌在 2014 年宣布即将推出的移动友好标签以来,我们已经看到几家电子商务公司倒闭,因为他们没有让他们的网站响应,他们的 SEO 刚刚从地图上消失。

响应式设计——数字临界点

不立即采取行动建设的企业主 适合移动设备的网站,将严重落后于拥有者。挽回失去的移动用户将是困难的,如果不是不可能的话。

这是一个分水岭时刻。企业没有移动友好型网站的每一分钟,他们与拥有移动友好型网站的竞争对手之间的差距都以惊人的速度扩大。

 

响应式设计:数字临界点

 

超过一半的美国人口拥有智能手机(根据皮尤研究,57%),美国人平均每天花费两个小时 在他们的移动设备上。

一个人一天中有 8% 的时间花在看手机屏幕上,因此移动营销人员有很大的机会找到正在寻找本地服务的客户,以及希望通过智能手机或其他方式在线购买的移动商务客户移动设备。

毕竟,到 2015 年,移动市场的支出将比 2012 年增加 35%:4000 亿美元对 1390 亿美元。

什么是响应式设计?

响应式网页设计 (RWD) 是一种方法,它表明设计和开发应该根据屏幕尺寸、平台和方向来响应用户的行为和环境。实践包括灵活的网格和布局、图像和 CSS 媒体查询的智能使用的混合。

换句话说,当用户从他们的笔记本电脑切换到 iPhone 时,网站应该自动切换以适应分辨率和图像大小。自动响应式网站 回应 到用户的设备偏好。

响应式设计
响应式网站会自动响应用户的设备偏好。

 

有关创建流畅网站的更多信息,请务必查看这本书“灵活的网页设计:使用 CSS 创建流动和弹性布局”佐伊·米克利·吉伦沃特(Zoe Mickley Gillenwater)。

为什么响应式网页设计对您的网站很重要?

用户访问

我们生活在一个设备的世界中,我们每天都使用它们来访问我们需要的大部分信息。我们在旅途中使用一种设备,另一种设备,以及某些设备。

无论使用何种设备,每个用户都应该可以访问您网站上的所有内容、特性和功能。

通过可访问,我们的意思是:

  • 适合设备的图像
  • 无需缩放即可在所有设备上阅读的文本大小
  • 易于在桌面和手机上使用的可点击号召性用语 (CTA)

 

一个网站维护

当智能手机真正流行起来时,市场上出现了笨重的移动网站产品。所有这些都是独立的网站,这对所有者和网站管理员来说都是一场噩梦。每个工作订单都是工作量的两倍,更新桌面站点,然后是移动站点。

许多独立的移动网站都很丑陋。以文字为主,无图片。或者缩小尺寸的极小图片。这些用户体验评分非常低。这几乎与根本没有移动网站相同。

响应式设计解决了这个问题。管理一个网站将使您的网站保持更新更容易,并且维护成本比维护两个网站要低。

改进的移动搜索引擎排名

谷歌长期以来一直推荐使用响应式网页设计 以支持不同的设备和屏幕尺寸。 2015 年春季,他们将这一建议更进一步,开始在响应式设计的网站的 SERP 中添加“移动友好”标签。

谷歌当时表示,他们很快就会将移动友好性作为排名信号。 2015 年 4 月 21 日,Google 开始奖励响应式构建以支持多设备的网站。

通过以更好的移动搜索排名奖励适合移动设备的网站,Google 有效地惩罚了那些不适合的网站。随着移动搜索的强劲增长,您的网站必须具有响应性。 检查您的网站是否适合移动设备。

这是未来的证明

虽然说互联网上的任何东西都完全面向未来是可笑的,但我们可以说响应式设计是几十年来网站技术的最大变化。一些完全独特的技术的发展不太可能很快再次发生。

这意味着您可以指望响应式设计在未来可扩展。如果做得好,您的网站应该可以持续 5 到 6 年,并保持一致的维护。

响应式设计的成本是多少?

这个问题的答案可能会有很大差异,这取决于几个因素。请记住,在基本理论层面上,响应式设计的工作量大约是构建静态网站的三倍。如果您计算实际工作时间,这实际上并不是工作的三倍。好消息是,自 2015 年以来,大多数 CMS 和电子商务平台现在都有响应式主题,因此响应式开发的高成本已经下降。

全新网站与现有网站

如果这是您的第一个网站,并且您是开箱即用地构建它,那么您将启动的页面数量可能会少于大型内容驱动网站的数量。这会降低一些成本。

如果您当前的站点需要重建,它可能有很多现有的页面、功能和特性。这将推高成本。

平台因素

有两种基本类型的平台:

  • 内容驱动型网站的内容管理系统 (CMS),例如 WordPress
  • 电子商务(购物车)平台

 

此处的定价可能会有很大差异,具体取决于每个所需的功能。但可以肯定地说,电子商务商店往往更贵(DIY 商店除外,它们已经配备了响应式模板。见下文。)

主题和模板

  • 为您的网站选择响应式模板或主题可以节省大量开发时间。
  • 确保您选择的是使用最新的设计和开发标准。
  • 确保它与您要在站点上使用的任何其他插件和模块兼容。

在结束

如果您的网站没有响应,您将浪费大量时间。我们查看过的一个网站,由于无法通过手机订购,因此每年的销售额损失 281,000 美元。哎呀!!您在进行此更改时每延迟一分钟,就意味着有人无法在 Google 移动搜索上找到您。他们会找到你的竞争对手。

密切联系