bts防弹少年团演唱会

bts防弹少年团演唱会

m(点)与响应与自适应:哪种移动设计最适合优化器?

《m(点)与响应与自适应:哪种移动设计最适合优化器?》

每隔一段时间,转换优化行业就会出现一场大辩论。 有旋转木马辩论汉堡菜单辩论上述辩论 ,等等。

最近,优化者一直在争论一个新问题:哪种移动设计最适合优化器?

是m(Dot)设计,响应式设计还是自适应设计? 就UX和SEO而言,所有这三个选项都有其独特的优点和缺点,但哪个最适合经常进行实验和测试的人?

首先,什么是m(点)设计?

m(Dot)设计是移动访问者的原始解决方案。 在m(Dot)设计出现之前,移动访问者不得不等待整个网站加载,然后努力导航设计和桌面访问者的用户体验。

今天,很难想象一个没有任何移动解决方案的网站。

使用m(Dot)设计,您必须创建专门针对移动用户进行优化的网站的单独版本。 例如,这是Facebook的m(Dot)设计……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》

通常,您会注意到内容较少,导航简化,图像较少等。

什么是响应式设计?

响应式设计是移动访问者问题的新解决方案。 您无需创建完全独立的网站,只需创建一个响应不同屏幕尺寸的版本即可。

以下是Google如何定义它……

响应式网页设计最初由Ethan” marcotte list apart>定义, %E4%BB%A5%E5%93%8D%E5%BA%94%E7%94%A8%E6%88%B7%E5%8F%8A%E5%85%B6%E4%BD%BF%E7%94%A8%E7%9A%84%E8%AE%BE%E5%A4%87%E7%9A%84%E9%9C%80%E6%B1%82%E3%80%82″>

那么,例如,这是HAUS网站在桌面上的外观……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》

这是移动设备上的同一个网站……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》

了解网站的设计如何根据访问者设备的大小做出反应? 这是响应式设计的实际应用。

什么是自适应设计?

自适应设计,也称为动态设计,是m(Dot)站点设计的另一种现代替代方案。 在这里,服务器识别访问者正在使用的设备类型,然后加载正确版本的站点。

因此,例如,如果您在iPad上浏览,服务器将加载该网站的平板电脑版本。

从本质上讲,您准备了三个不同版本的网站…

  1. 桌面网站。
  2. 平板电脑网站。
  3. 一个移动网站。

只下载必要的资源。 例如,如果访问者通过移动设备到达,则不会下载桌面版的内容和图像。

什么是当前的移动景观?

您不需要另一篇文章告诉您人们正在使用多个设备,并且移动流量正在增加 。 出于本文的目的,您只需要记住一件事……

  1. 人们在购买之前多次切换设备。

转换科学的 Joel Harvey向今年的CXL Live观众解释了这一点……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Joel Harvey ,转换科学:

“几乎50%的移动研究人员都是从搜索引擎开始的。 其余的则从品牌网站和品牌应用开始。 所以,我认为其中很多都是他们已经拥有亲和力的品牌,我也认为亚马逊很重要。

对于新客户的收购,让我们关注搜索引擎。 正如这些人正在寻找,他们正在决定他们想要什么,他们正在改进他们的考虑因素。 他们转换时会发生什么?

有趣的是,绝大多数在店内转换,这应该不足为奇。 但是让我们忽略它,让我们只关注数字转换路径。 对于那些以数字方式进行转换的人来说,超过两倍的人已经转向桌面和平板电脑…… 45%与17%相比。

因此,他们进行移动研究,然后转移到桌面以完成购买。 它也发生在你的网站上。“

因此,您需要为使用各种设备的访问者做好准备。 根据Pure Oxygen Labs的数据,截至2014年, %E4%BA%92%E8%81%94%E7%BD%91%E9%9B%B6%E5%94%AE%E5%95%862014%E5%B9%B4%E7%A7%BB%E5%8A%A8500%E6%8C%87%E5%8D%97%E4%B8%AD%E7%9A%84500%E5%BC%BA%E9%9B%B6%E5%94%AE%E5%95%86%E6%AD%A3%E5%9C%A8%E5%87%86%E5%A4%87%E4%B8%AD%E3%80%82″>

《m(点)与响应与自适应:哪种移动设计最适合优化器?》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

如您所见,m(Dot)正在迅速下降。 事实上,估计2015年使用m(Dot)网站的零售商数量将降至45-50%。

响应式设计正在迅速攀升,考虑到人们谈论它,这并不奇怪。 它肯定已经成为主流地位并且占据了很多心灵…

《m(点)与响应与自适应:哪种移动设计最适合优化器?》

预计2015年的响应率将超过15%。

尽管如此,更多的零售商被发现使用自适应设计而不是响应式设计。 预计2015年将增长到20%(或更多)。为什么?

Pure Oxygen Labs的 Brian Klais解释说……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Pure Oxygen Labs的Brian Klais

“它为零售商提供’Goldilocks’解决方案:mdot页面速度快,但使用单独的URL并且更难以优化; 响应页面被集成以便于维护和搜索引擎优化,但移动用户速度缓慢和超重; 动态提供的页面是“恰到好处”的解决方案 – 结合了单一URL,设备优化布局和快速加载页面的优点,易于维护和良好的移动SEO。“ (通过Pure Oxygen Labs)

因此,在一天结束时,m(Dot)网站即将退出,而响应式设计和自适应设计则争夺最高排名。

响应式移动设计的兴起

m(Dot)网站的创建是因为它们比尝试在移动设备上加载完整桌面版本的网站更好。 它们也很容易创建,这意味着它们不会占用太多资源。

不幸的是,有一个问题清单,伴随着快速和廉价的方式……

  • 您需要管理和优化两个单独的站点。
  • 重定向导致较慢的加载时间, 众所周知 ,这是一个转换杀手。
  • 谷歌不太喜欢重定向(因为它需要额外的资源)。
  • 您是否曾尝试与桌面上的某人共享m(Dot)链接? 这是一次糟糕的经历。
  • 你打算为每个设备创建一个新的子域吗? 片? 游戏机? 智能电视?

这些问题使得响应式设计得以蓬勃发展。 事实上,它解决了困扰m(Dot)网站的三个主要问题……

  • 您只需要管理和优化一个站点。
  • 只有一个URL意味着没有重定向问题。
  • 社交分享再次看起来很好。

事实上,谷歌过去曾公开推荐过响应式设计 。 分享此图表后……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

谷歌证实了它对响应式设计的偏爱……

响应式网页设计:无论用户的设备(桌面,平板电脑,移动设备,非可视浏览器)如何,都可以在同一网址上提供相同的HTML代码,但可以根据屏幕尺寸以不同的方式呈现显示(即“响应”) 。 响应式设计是Google推荐的设计模式

但小心地补充说,只要所有页面资产都可访问,Google就不支持任何特定的URL格式。

响应式设计也是登陆页面工具的标准做法……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》《m(点)与响应与自适应:哪种移动设计最适合优化器?》

响应式设计的问题

但没有什么是完美的,对吧? 响应式设计有其自身的问题,就像m(Dot)一样。

首先,响应式设计意味着即使在移动版本中也不会在移动版本中使用桌面版本的所有内容。 此外,响应式设计需要做出许多决定。 “这应该在这台设备上显示吗?”

Joel解释了响应式设计如何影响速度……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Joel Harvey ,转换科学:

“响应式设计,因为他们不得不经历所有这些决定 – 事情正在变得更好,但是 – 两年前,互联网零售商发现,对于设计灵敏的大型电子商务公司,他们的主页平均需要18.24加载。

这有点太长了。“

有时候,乔尔接着说,响应式设计会做出错误的决定……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Joel Harvey ,转换科学:

“因此,我们希望为移动访问者提供更好的体验,我们将使用响应式。

但它会做出愚蠢的决定,顺便说一句,为了做到这一点,我们将把我们的桌面转换率置于风险之中。

这并不意味着响应不是一个方向,它只是意味着你必须负责任地做。 你做出决定并测试每件事。“

当Joel说“我们将把桌面转换率置于风险之中”时,他意味着需要重新设计桌面才能部署响应式设计。

通常,重新设计是基于主观意见与实际转换研究完成的。 结果? 转换坦克。

另一个主要问题是,您不必单独优化移动体验和桌面体验,而是必须优化两者。 由于桌面访问者和移动访问者是如此不同,这是一个问题。

这也限制了您的测试能力。 假设您对响应式设计进行了A / B测试,结果转化率降低了15%。

当您向下钻取时,您会注意到移动访问者喜欢这种变化,但桌面访问者却没有。 由于桌面访问者较多,因此您的测试结果会减少。

想象一下,如果您可以将变体部署到移动访问者,但保持对桌面访问者的控制。

自适应移动设计的好处和问题

虽然响应式设计肯定受到关注,但Brian声称许多公司正在转向自适应设计,以应对响应式设计带来的问题……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Pure Oxygen Labs的Brian Klais

“专用移动网站是业界第一代移动解决方案; 响应式设计代表了业界的第二代。 但与其前身一样,响应式产品本身存在技术缺陷,悄然推动零售商采用动态服务的解决方案。“ (通过Pure Oxygen Labs)

那么,与响应相比,适应性如何突出?

它更轻,意味着更快的加载时间

如上所述,响应式设计的最大问题之一是速度。

由于响应式设计意味着从桌面版本下载所有内容,即使您从移动设备访问该网站,Brian也表示批评者对于响应式设计持怀疑态度……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Pure Oxygen Labs的Brian Klais

“鉴于页面速度对在线转换和搜索排名的影响,零售商对采取响应措施持谨慎态度。” (通过Pure Oxygen Labs)

通过自适应设计,访问者只需下载特定版本站点的资产。

例如,如果访问者通过移动设备到达,他们只需下载移动资产。 不下载桌面资产。 由于必须下载较少的资产,因此页面加载速度会提高。

UnDelay.io的 Peter Nelson,一个自适应着陆页面构建器,描述了他的团队运行的速度测试以及自适应性如何应对响应…

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Peter Nelson ,UnDelay.io:

“大约一年前,我们实际上进行了自己的性能测试。 我们使用了Dotcom-Monitor,它给了我们瀑布,加载时间和页面重量。

我们将相同的内容,表格,图像,副本等上传到竞争对手的平台,这些平台提供了响应式解决方案。

我们的移动页面平均重量比他们的轻了约75%。“

因此,即使彼得承认UnDelay.io及其竞争对手在这个快速发展的行业中发生了很大变化,但发现适应性明显快于响应速度。

Catchpoint” systems>最近也%E6%B5%8B%E8%AF%95%E4%BA%86%E8%87%AA%E9%80%82%E5%BA%94%E8%AE%BE%E8%AE%A1%E4%B8%8E%E5%93%8D%E5%BA%94%E5%BC%8F%E8%AE%BE%E8%AE%A1%E7%9A%84%E9%80%9F%E5%BA%A6“>

然而,当你切换到移动设备时,事情变得更有趣……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

正如您所看到的,自适应性明显快于响应速度,就像彼得和他的团队发现的那样。

但是,当然,智能优化器能够使内容更适合移动设备。 因此,他们决定优化图像,因为原始网站内容对视觉效果很重……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

全面的好处,但你仍然会看到自适应更快。

最后,他们完成了CSS和JavaScript的连接,以减少下载的对象数量……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

同样,全面的好处,但适应性仍然更快。 我不需要告诉你速度有多大,节省了时间。

优化每个设备,使测试更容易

上面,我们还讨论了响应式设计带来的优化和测试限制。 自适应为您提供更多控制和灵活性。

彼得帮助解释为什么这对优化者来说很重要……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Peter Nelson ,UnDelay.io:

“通过自适应,您可以灵活地完全改变每种设备类型的客户旅程。 由于消费者平均使用2.6设备进行转换,因此意味着每个设备都用于不同的目的。

这就是您需要按设备类型自定义客户旅程的原因。 它首先分析访问者与每个设备相关的意图。 他们想用移动设备完成什么? 他们的主要目标是什么?“

因此,消费者在转换之前使用多个设备。 这并不奇怪。 但请考虑其含义。 他们为漏斗的不同步骤使用不同的设备,用于不同的目的。

在一个非常简单的示例中,他们可能会将您的移动网站用于研究目的,然后将您的桌面网站用于实际转换。 你该怎么办? 您应该优化移动设备以使研究更容易,您应该优化桌面以使转换更容易。

在这个特定的例子中,为什么浪费时间推动移动流量进行转换,当他们在那里进行研究?

通过响应式设计,您必须找到满足两者的共同点,但不会抓住所有可用的机会, 或者抓住光谱一端的所有机会,而忽略另一端。

从本质上讲,你可以牺牲桌面移动或移动桌面或平板电脑移动……无论如何。

使用自适应,您不必。 您可以创建针对单独目标优化的单独旅程。

Peter补充说,某些版本的响应式设计正在采取措施,以便更轻松地优化每个设备……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Peter Nelson ,UnDelay.io:

“响应式确实能够隐藏移动和桌面设备上的内容,这有助于测试标题或图像等小变化。 但请记住,每次更改都会将页面权重添加到已经很重的页面。

这不是一个优雅的解决方案,可以进行大的改动,包括为每种设备类型提供独特功能的重大改造; 桌面,平板电脑和手机。 响应并不能很好地适应这种情况,如果不是不可能的话,可能会成为真正的痛苦。“

另一个重点是A / B测试。 我们讨论了在实际测试中遇到响应式设计的问题。 通过自适应设计,它可以像这样工作……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》
%E5%9B%BE%E5%83%8F%E6%9D%A5%E6%BA%90“>

因此, 如果您有流量 ,您可以同时在移动设备上进行A / B测试,在平板电脑上进行A / B测试,在桌面上进行A / B测试。 此外,您可以在移动设备上运行A / B测试,目的是在桌面上运行A / B测试时捕获电子邮件,目的是在银行中获取资金。

但是……这是资源密集型的

这一切听起来都不错,那么为什么有人使用响应式或m(点)网站? 好吧,因为适应性设计也有其垮台。 也就是说,需要大量的人力和资金才能实现……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Pure Oxygen Labs的Brian Klais

“动态服务面临的最大挑战是努力程度。 从本质上讲,它将移动内容服务集成到核心Web服务器和页面逻辑中。 这往往需要高级开发人员的共同努力。

如果您可以接受实施障碍,动态服务(包括包含服务器端检测的响应式设计)将更容易符合Google的移动SEO规则。

动态提供的移动页面可以解决响应式设计的加载速度问题,同时避免mdot网站的移动搜索引擎优化要求。“ (通过移动商务日报)

自适应设计的应用虽然不是一个新概念,但仍处于起步阶段。 它不是着陆页制作者的标准产品,它不是最受欢迎的移动解决方案,它不像竞争对手那样频繁地谈论等。

彼得带我们回到最初引入适应性的时候……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Peter Nelson ,UnDelay.io:

“Adaptive已经存在了一段时间,自适应的第一个实现是具有30-40个模板的站点,每个设备模型一个。

它解决了提供定制版本的问题,但开发和更新网站的成本非常高。 想象一下,必须更新那么多模板才能进行简单的产品更新。 这是很多工作。

那时,只有拥有资源的大公司才能利用适应性。“

30-40种不同的模板? 我愿意打赌没有人正在读这个并且想,“这听起来很有趣。”开发人员的时间很少,特别是高级开发人员的时间。 即使他们想要,小型甚至中型公司也没有足够的资源来承担这种设计。

自适应设计如何发展

最近的一篇文章中 ,UXPin写道……

响应式设计仍然很受欢迎,但这可能是因为我们尚未找到适应性要求的大量维护的正确解决方案。 虽然网络显然喜欢响应,但自适应设计并没有消失,因此至少从理论上讲,我们可以看到一些改进现象,这些改进将使响应式网页设计脱颖而出。

我必须同意。 正如我所说,自适应设计处于起步阶段,它刚刚开始,因为小型企业越来越容易使用它。 我希望在不远的将来,响应将等同于m(Dot)。

虽然仍处于测试阶段,但您可以看到自适应拖放构建器(如UnDelay.io)已经采取了步骤…

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Peter Nelson ,UnDelay.io:

“自适应设计的最新技术进步已经解决了所有缺点。 现在使用自适应模板构建具有自适应性的页面同样方便。

这是通过拖放构建器实现的,这些构建器可以链接,取消链接,然后再次重新链接。 您可以在桌面上自定义模板,就像响应一样,更改将传递到其他设备并且看起来很棒。

但要优化更高的转换率,模板只能作为起点使用。 真正的测试是衡量每种设备类型的优化效率。

例如,假设您要在移动版本上创建一个主要更改的变体。 您希望测试新图像,文本或添加功能,例如粘贴标题,弹出窗口或单击滚动。 您可以通过取消桌面,平板电脑和移动构建器的链接,对移动设备进行所有这些更改。

然后,如果您想要更改所有三种设备类型上的按钮设计,您只需重新链接,这些更改将贯穿所有三个版本。“

尽管响应仍然流行,但如果整个行业走向适应性未来,我不会感到惊讶。

移动优化并非专属技术问题

GetUplift.co的 Talia Wolf在响应与适应性辩论方面达成了一席之地 ……

《m(点)与响应与自适应:哪种移动设计最适合优化器?》Talia Wolf ,GetUplift.co

“自适应或响应式设计的问题在于它们都关注设备而不是移动访问者本身。 响应式和自适应式设计侧重于屏幕分辨率,客户使用的设备以及应该呈现的布局。

移动访问者不仅仅是设备或屏幕分辨率,他们与桌面访问者有着不同的心态,他们需要一种承认这一点的体验。 这不仅仅是一项技术挑战,移动优化也是一项战略挑战。

虽然桌面访问者可以舒适地坐在他的办公桌旁,并且一直在世界各地阅读和转换,但移动访问者通常在旅途中,多任务处理,同时使用几个设备。 移动访问者甚至在寻找不同的信息,实时信息。 移动访问者应该获得不同的体验 – 一种能够满足他们的情感和行为需求的体验。

移动访问者不是迷你桌面访问者除以他们的设备或屏幕的大小。 要真正转换更多移动访问者,您必须首先更好地了解他们,了解他们的独特行为(例如他们在网站内的搜索模式)。 同样重要的是,你必须了解他们的情绪状态,他们所处的环境,他们的动机和情绪触发因素。

如果没有这个,自适应和响应式设计注定会失败。 只有当您进行研究并开始将移动访问者视为不同类型的客户时,才能真正为他们提供更好的体验。

两者都有优点,两者都有缺点。 您的网站是否会因为选择自适应响应而失败? 没有。

真正归结为这是……

  • 你知道你的观众是谁吗?
  • 您是否知道移动受众的行为(与桌面版)有何不同? 您的平板电脑受众的行为如何?
  • 你知道他们在每台设备上寻找什么吗? 他们想要完成什么?
  • 您是否进行了适当的转换研究以确定问题区域并使他们更容易找到/完成他们在该设备上的设置?

如果你的回答是肯定的,那么你的形象会比大多数人都在讨论响应能力或适应能力是否更好。

结论

综上所述…

  1. m(Dot)并没有死,但它的生命力很弱。
  2. 响应正在获得很多关注,但具有无可否认的速度和灵活性问题。 它仍然是三种选择中最不受欢迎的。
  3. 自适应解决了响应式设计的核心问题,在理论上更适合优化,但需要大量的人力和财力资源。 技术正在开始纠正这一点; 预计这个领域会有重大增长。
  4. 比这场辩论更重要的是了解您的受众,他们在不同设备上的行为,他们在不同设备上的需求/需求,以及如何让他们更容易在每台设备上获得他们想要/需要的东西。

那么,哪种移动设计最适合优化器? 坚持反应或适应最佳结果,但请记住,这场辩论纯粹是技术性的……移动优化还有很多。

相关文章

点赞

发表评论

电子邮件地址不会被公开。 必填项已用*标注