您的 CTA 应放在哪里?首屏上方是否仍然相关?
Posted: Tue Dec 03, 2024 9:43 am
什么是“折叠”?
“折页”一词源于报纸的印刷和折叠,报纸的正面上半部分是大型报道/文章的主要空间,折叠起来放在摊位上可以吸引最多的注意力。
在网络上,没有固定高度来定义“折叠”,但它指的是任何不滚动就无法立即看到的东西。与报纸不同,为这种折叠设置标准高度是不可能的,因为我们在互联网上消费的媒介包括台式机、平板电脑、手机甚至电视/显示器。一些网站和机构在其所有平台上定义“折叠”,以创建相似性,并根据浏览器大小和分辨率调整布局,导致“折叠”永远不会成为静态特征。
如何考虑“折叠”
许多公司都有示例或尝试在其所有网站中使用标准,这是为 葡萄牙帝汶电子邮件列表 100000 个联系人线索 了创建相似性并使设计/开发过程更容易。例如,有些人将 1080px 定义为首屏;而其他人则说是 768px。这两种方法都正确,并且取决于宽高比,1080px 是 1920px 浏览器窗口的高度,而前者 768px 是 1366px 浏览器窗口的高度(13 英寸 Apple Macbook 的标准)。
有些网站还取消了“折叠”下方的内容概念,从而完全消除了这个问题。这些“紧凑”设计通常是创意概念,不适用于 B2C 或 B2B 网站。这些网站通常使用其他功能(例如水平滑块、弹出窗口或覆盖层)来添加其他内容,而不会破坏“折叠”。
如何避免“假底”
“虚假底部”是将紧凑型网站的外观与完整网站的功能相结合时发现的一种视觉错误。这不会让客户/访问者有理由相信折叠下方有内容,因此他们会尝试减少滚动次数。
出现“假底部”的最常见原因是巨大的英雄部分充满了图像,它们占据了折叠上方的整个空间,通常包括短标题和少量或没有正文以及 CTA(号召性用语)或电子邮件捕获表格。
Toggl.com是一个跟踪/规划应用程序,过去几年来,它一直在反复解决其主页上的“假底部”问题。
在他们的 2018 年第三季度网站中,英雄页面存在“假底部”问题,这是通过将英雄页面的背景设为浅蓝色来实现的。不过,他们在首屏上方确实有一个 CTA,这是他们的主要 CTA,与注册用户旅程相关联。
“折页”一词源于报纸的印刷和折叠,报纸的正面上半部分是大型报道/文章的主要空间,折叠起来放在摊位上可以吸引最多的注意力。
在网络上,没有固定高度来定义“折叠”,但它指的是任何不滚动就无法立即看到的东西。与报纸不同,为这种折叠设置标准高度是不可能的,因为我们在互联网上消费的媒介包括台式机、平板电脑、手机甚至电视/显示器。一些网站和机构在其所有平台上定义“折叠”,以创建相似性,并根据浏览器大小和分辨率调整布局,导致“折叠”永远不会成为静态特征。
如何考虑“折叠”
许多公司都有示例或尝试在其所有网站中使用标准,这是为 葡萄牙帝汶电子邮件列表 100000 个联系人线索 了创建相似性并使设计/开发过程更容易。例如,有些人将 1080px 定义为首屏;而其他人则说是 768px。这两种方法都正确,并且取决于宽高比,1080px 是 1920px 浏览器窗口的高度,而前者 768px 是 1366px 浏览器窗口的高度(13 英寸 Apple Macbook 的标准)。
有些网站还取消了“折叠”下方的内容概念,从而完全消除了这个问题。这些“紧凑”设计通常是创意概念,不适用于 B2C 或 B2B 网站。这些网站通常使用其他功能(例如水平滑块、弹出窗口或覆盖层)来添加其他内容,而不会破坏“折叠”。
如何避免“假底”
“虚假底部”是将紧凑型网站的外观与完整网站的功能相结合时发现的一种视觉错误。这不会让客户/访问者有理由相信折叠下方有内容,因此他们会尝试减少滚动次数。
出现“假底部”的最常见原因是巨大的英雄部分充满了图像,它们占据了折叠上方的整个空间,通常包括短标题和少量或没有正文以及 CTA(号召性用语)或电子邮件捕获表格。
Toggl.com是一个跟踪/规划应用程序,过去几年来,它一直在反复解决其主页上的“假底部”问题。
在他们的 2018 年第三季度网站中,英雄页面存在“假底部”问题,这是通过将英雄页面的背景设为浅蓝色来实现的。不过,他们在首屏上方确实有一个 CTA,这是他们的主要 CTA,与注册用户旅程相关联。