屏模式下运行良好的 CTA 按钮 将最相关的向和纵向模式下看起来都不错 没有不必要的导航链接 要求提供最少的表格信息 可能使用“点击通话”按钮而不是 CTA 按钮。 好奇这在实际操作中是什么样子?这里展示了五个出色的移动应用登陆页面。 购物 这是桌面版本: 这是移动版本: 看到不同? 虽然很微妙,但这些变化使移动版本更具可读性且易于转换。标题的措辞相同,但格式不同。在桌面版本上,由于有更多空间,您可以在英雄部分看到页面其余部分的预告片。在移动设备上,Strat Free Trial CTA 更加突出,除了 Shopify 徽标之外,没有任何图形元素。 但是,着陆页调色板和 CTA 按钮是相同的 - 只是格式不同。这可以保持跨渠道的品牌一致性,同时尊重不同
媒体需要不同的方法。 普布尔 这是登陆页面的桌面版本: 这是移动版本: 虽然标题和 CTA 保持一致,建立了品牌熟悉度,但桌面版和移动版之间存在一些关键差异,真正凸显了 Pumble 专门为移动设备设计了此页面。例如,在桌面版本中,虽然导航栏缩短了,但仍然有机会点击离开页面。然而,在移动版本中,这些导航选项位于菜单选择图标后面,确保使用移动设备的潜在客户不会分心,也不会点击浏览器。 此外,他们还重新格式化了产品图像从桌面到移动设备的位置。这样做可以让他们保留产品预览图像,而无 阿富汗 whatsapp 列表 需牺牲宝贵的空间或扩展其登陆页面的移动版本。事实上,英雄部分中的图像预览可能会鼓励那些感兴趣的人继续滚动。 最后,虽然 CTA 文案和设计保持不变,但移动设备上的 CTA 占据
了页面的 20% 左右,并且比桌面设计更加突出。 这是简单性的一个很好的例子,从一开始就承认移动交互的重要性。 动态产量 这是桌面版本: 这是移动版本: 标题是相同的,但它在两个平台上都适用,因为它很有价值。主要区别是移动版本中缺少导航栏,以及 CTA 比桌面版本占用更多空间。他们设法保持相同的滚动图像预览,而不牺牲折叠上方的空间或大小,这令人印象深刻! 员工基础 这是桌面版本: 这是移动版本: 虽然桌面版本中有完整的导航栏,但移动版本上的所有导航选项都隐藏在菜单图标后面。标题和副标题相同。然而,CTA 现在不仅更大,而且跨越了页面的整个宽度,需要更多的关注。他们还保存了伟大的品牌和平台前向图像,并缩小了尺寸以适应移动设备,而不会失去清晰度