作者的观点完全是他们自己的(不包括催眠这一不太可能发生的事件),并且可能并不总是反映 Moz 的观点。
请允许我首先对本文进行快速总结:
桌面设备和移动设备之间的转化率存在270% 的差距,因为移动网站很糟糕,而且我们都做错了。(既然我已经解决了这个问题,我将解释为什么以及需要做什么来解决这个问题。)
从本质上讲,响应式设计应该通过使桌面设计适应较小的移动屏幕,使跨设备世界提供更加无缝的体验。不幸的是,将所有桌面内容压缩到如此小的屏幕中会产生完全相反的效果 – 它实际上会导致转化率的巨大损失。但如何呢?
响应式设计使移动网站变得混乱
其中包含与移动访问者无关的内容。在构建时考虑 俄罗斯手机号码清单 到桌面用户,具有不同意图和不同心态的移动访问者可能找不到他们正在寻找的内容,并让您的网站感到沮丧和困惑。这就是您巨大的转化损失的根源。
这并不是说您应该完全放弃响应式设计。相反,您必须更具体地考虑移动网络体验和移动访问者的心态,而不是简单地将桌面设计转移到移动设计。
为了开发有用的响应式移动体验,我们必须做两件事:
最重要的是,考虑移动客户为何来到您的网站;
并了解他们的意图。
(为了更好地了解移动访问者,您应该遵循以下 5 个指标。)
这两个参数将帮助确定您需要在移动网
站上突出显示、删除或优化哪些内容,并更清楚地说明 密码邮件列表 您的响应式设计应包含哪些内容。以下是设计移动体验时应考虑的 5 个基本元素:
优化响应式网站的 5 个步骤
1.优化图像缩放并考虑价值
大多数图像通过响应式设计缩小。然而,在桌面上看起来不错的图像可能会突然成为移动网站的主导和分散注意力的部分。尽管图像是可扩展的,但根据其价值,它们对于移动设计来说可能不是必需的。考虑图像在响应式设计中的显示方式。这是视觉效果的有效利用吗?如果图像占据了手机的整个屏幕,或者只是作为网站的漂亮中心,那么是时候重新考虑如何在设备之间使用该图像了。例如,Simpson Solutions 的桌面图像无法很好地缩放并覆盖了移动屏幕,导致设计混乱,让人难以理解该页面上发生的情况。