响应设计简介& eCommerce

响应设计简介& eCommerce

2014年4月28日发布 in 客户旅程
21个功能强大的技巧,可帮助您更好地进行转化
2014年4月14日
2014年想象会议是史诗般的…
2014年5月20日

网站设计和开发领域的当前流行语/趋势是“responsive.”这些天似乎每个人都希望有一个响应式网站。如果你’是商人,网络程序员或其他与在线媒体打交道的人’可能听说过或阅读了有关响应式设计的文章,并且可能想知道它如何适用于您。作为经营电子商务网站的商人,我相信响应式设计可以为您的访客增加很多价值。

由于我们在Classy Llama专门处理电子商务,因此我’我将花一些时间介绍响应式设计,然后再深入探讨它对电子商务网站的重要性。

有关: 详细了解我们的 战略/咨询 服务。

 

什么是响应式设计?

快速版本是响应式设计,它是一种网站设计,可以更改并适应以适应用于查看网站的任何设备。该设计“responds” to the site visitor’的设备和浏览器。响应式设计还可以处理多种输入类型,因此它可以像使用鼠标的设备一样有效地用于触摸设备。

一站式服务

在我们生活的多设备世界中,许多人将在智能手机,平板电脑和台式计算机上浏览网络。良好的响应式设计将很好地显示并且可以在访客使用的任何设备上轻松使用。许多新的Web技术使同一个站点在小巧的智能手机和巨大的台式机屏幕上都能正常工作。

A responsive design uses the same design for both desktop and 移动 devices. A responsive design maintains, as much as possible, consistency between the large desktop layout and the smaller 移动 layout. Because it’作为站点的单一设计,响应式设计还包含所有相同的信息,以供在任何类型的设备上访问。

响应式网站与移动网站

尽管程序员一直在创造“mobile” websites for a few years now, the key difference between a responsive design and a site with a traditional 移动 design is that the 移动 design is usually separate from the main site design. This generally means that the 移动 site has different controls, a different layout, and must be loaded separately from the desktop design. Sometimes, with a 移动 site, some website content isn’t available 上 the 移动 site. Responsive design uses the same page content everywhere 在stead of splitting it up 在to separate sites.

由于我想在这里更多地关注响应式设计的电子商务应用程序,因此,我’这篇文章的末尾提供了一些文章的链接,您可以在其中了解有关常规响应式设计的更多信息。

“What about a 移动 app?”

Since responsive design most often comes up when considering users with 移动 devices, merchants have asked me about building a smartphone and/or tablet app 在stead of a responsive design. Apps are all the rage these days, with large app store companies posting big numbers about the number of apps users have downloaded and 在stalled 上 their smartphones. However, there are a few reasons to prefer a responsive design to a 移动 app.

1.进入壁垒

Using an app requires getting that app from the appropriate app store. A visitor who wants to use a site that 上ly offers a 移动 app has to go to the app store, download the app, and 上ly then can they visit a 移动-friendly version of the site. This is a hassle and takes extra time, whereas with a responsive design the visitor can simply use the browser already 在stalled 上 their phone to immediately begin browsing the site.

此外,许多智能手机用户已经安装了许多应用程序,因此不愿意添加更多应用程序。用户甚至可能没有手机上的存储空间来添加其他应用。如果网站不是’可能经常使用(例如,如果您的网站’t Amazon.com),那么用户将不会倾向于安装专用应用程序。通过响应式设计,用户无需’不必安装任何东西。

2.支持多种平台/设备

由于对应用进行编程的方式,它们特定于特定的操作系统和设备类型。例如,一个Android应用赢得了’无法在iOS设备上使用。同样,智能手机应用在平板电脑上可能无法很好地运行,反之亦然。为了支持所有可能的设备,一个网站通常将需要多个应用程序,这增加了编程时间和成本。由于响应式设计旨在灵活地适应不同的设备并可以在常规的Web浏览器中运行,因此它几乎可以在所有设备上使用。

3.分开的信息管理

因为一个应用程序(或多个应用程序)必须与网站分开编程,所以它们所包含的信息通常也必须分别进行管理。网站运营商要么必须重复其内容创建和管理工作,要么创建复杂的技术系统以使所有信息保持最新。即使那样,网站的信息也可能不太适合应用程序。采用响应式设计,该信息仅需在网站上输入一次,它将自动适合访问者浏览该网站的所有设备。

我为什么要关心响应式?

我希望我’ve明确说明了为什么响应是在各种不同设备上支持您的网站的正确选择的原因。但是您应该担心这些设备吗?您为什么要关心所有这些使用智能手机的人?唐’认真的客户还是使用台式计算机吗?

1.移动网络流量趋势

根据互联网零售商的报告[1], 移动 device web browsing made up nearly 所有网络流量的三分之一。 那 ’大量使用各种不同设备浏览互联网的用户,而这个数字可能是’不会很快下来。网络流量百分比 增长35% 根据互联网零售商报告,从2013年到2014年[1].

What this tells us is that users are 上ly going to be using their 移动 devices 越来越多 浏览网站。作为电子商务网站运营商,所有这些访问者都代表潜在客户。它’重要的是要确保你’不要给三分之一的访问者带来他们想要使用的设备上的可怕体验。实施响应式设计就像为他们布置友好的欢迎垫。

2.未开发的机会

For many merchants, 移动 traffic is a smaller percentage of their traffic and a very small percentage of their conversions. Based 上 this, I’ve发现,有些商人不愿转向响应式设计。但是,对于这些商人中的许多商人而言,响应式设计可以释放他们没有进行的销售和造访’甚至不知道他们能得到。

If a visitor 上 a 移动 device gets a bad website experience, 当然,他们不是’不要四处逛逛购物和购买产品。它’他们这样做很合理’t visit much and don’t convert. However, if you implement a responsive design to give those visitors a great website experience, you might unlock a whole new category of 移动 device sales. For an example, read the 文章 linked at the end of this post to learn how a Magento responsive design helped create success for a merchant named Skinny Ties[2].

3.许多设备尺寸

如果你’如果尚未以响应式设计出售,请记住另一件事。它’无论访问者是如何欢迎您的,这一点都很重要。如今,这些访问者拥有大量可用于浏览网络的设备。平板电脑和智能手机现在有数十种尺寸。甚至手机太大了’re called “phablets”,它适合其他设备类型!

通过响应式设计,您可以’不管他们使用哪种设备,都将为所有这些访客做好准备’选择使用。更好的是,您的站点将可以使用尚未见过的设备供访问者使用,因为响应式设计会自动调整以适应所使用的任何设备。

结论

我真诚地相信,对于许多电子商务运营商而言,响应式设计是下一个大趋势,这一步骤将释放出全新的销售浪潮。直到最近,实现响应式设计的成本仍然很高,尤其是在Magento平台上。即使考虑到我上面详细介绍的所有内容,投资回报率也有所下降’足以让大多数商人做出改变。

但是那个’一切都会改变。在Classy Llama,我的团队和团队得以开展一些创新,令人兴奋的新项目,我们相信这些项目将使那些’甚至没有选择权。我相信,不仅响应式设计的优势对于在Magento上使用响应式设计的商户来说显而易见,其价值也将很快获得。

观看此空间以获取有关此令人振奋的新闻的更新!或者,如果你’重新开始就可以了’t wait, email[email protected] 或致电(417)866-8887与我们联系以了解更多信息。

干杯!

参考文献

有关响应式设计的更多信息

发表评论

您的电子邮件地址不会被公开。 必需的地方已做标记 *

该网站使用Akismet减少垃圾邮件。 了解如何处理您的评论数据.

最近的帖子查看全部
2020年10月22日

Covid世界中的假日销售:应对挑战

毫无疑问,2020年是历史性的一年。火灾,全球大流行,暴动,老虎王等’只是冰山一角。如 […]
2020年8月7日

涡轮增压ZZPerformance的付费搜索

2020年7月30日

Intermix Beats M1 End of Life with 优雅的骆马Accelerator