桌面和移动设备之间的转化率相差 270%,因为移动网站很糟糕,而且我们都做错了。 (现在我已经解决了这个问题,我将解释为什么以及需要做什么来解决这个问题。)本质上,响应式设计应该通过适应使跨设备世界成为更加无缝的体验 您的桌面设计到更小的移动屏幕。 不幸的是,将所有桌面内容压缩到如此小的屏幕中会产生完全相反的效果——它实际上会导致转换率的巨大损失。 但是怎么办? 响应式设计使移动网站变得杂乱无章,内容与移动访问者无关。 考虑到桌面用户,具有不同意图和不同心态的移动访问者可能找不到他们正在寻找的东西,并让您的网站感到沮丧和困惑。 这是您在转化中损失巨大的根源。 这并不是说你应该完全放弃响应式设计。 相反,您必须更具体地考虑移动网络体验和移动访问者的心态,而不是简单地将桌面设计转移到移动设计上。 要开发有用的响应式移动体验,我们必须做两件事:最重要的是,考虑移动客户访问您网站的原因; 并了解他们的意图。 (这里是您应该遵循的 5 个指标,以便更好地了解您的移动访问者。
两个参数将有助于确定您需要在您的移动网站上突出显示、删除或优化的内容,并使您的响应式设计应包含的内容更加清晰。 以下是您在设计移动体验时应考虑的 5 个基本要素: 优化响应式网站的 5 个步骤 1. 优化图像缩放并考虑价值 大多数图像通过响应式设计缩小。 然而,一张在桌面上看起来不错的图片可能会突然成为移 德国电话号码表 动网站的主导和分散注意力的部分。 虽然图像是可扩展的,取决于它们的价值,它们可能不是移动设计所必需的。 考虑图像在响应式设计中的显示方式。 它是视觉效果的有效使用吗? 如果图像占据了手机的整个屏幕,或者只是作为网站的中心装饰品,那么是时候重新考虑如何在设备之间使用该图像了。 例如,Simpsons Solutions 的桌面图像无法很好地缩放并覆盖移动屏幕,使设计混乱,让人难以理解该页面上发生的事情。
在桌面上运行良好的图像(徽标和主图像)完全占据了移动屏幕,在手机上几乎没有价值,并且很难理解产品。 另一方面,户外用品零售商 REI 的网站使用相同的照片作为移动端和桌面端的焦点,但它会根据访问者的适当需求进行缩放。 2. 简化导航 移动站点可以包含的最重要的功能之一可能就是清晰实用的导航栏。 拥有可见、易于访问的菜单或搜索栏有助于移动访问者快速到达他们要去的地方。 大多数移动访问者来到移动网站时心中只有一个目标; 他们会毫不费力地寻找菜单栏、搜索关键字并单击所需的页面。 分析您的移动客户在您的网站上正在做什么和搜索什么,对于了解如何根据这些需求定制您的移动网站是不可或缺的。 您可能会发现大多数移动访问者使用搜索栏而不是单击您的主要号召性用语按钮; 因此,您可能会重新设计您的移动网站以更突出地显示搜索栏,从而帮助移动访问者更快地实现他们的目标。