主页  /  所有类型  / 让弹出窗口在移动设备上看起来很棒的 5 种方法(适用于您的响应式网站)

让弹出窗口在移动设备上看起来很棒的 5 种方法(对于您的响应式......

移动弹出窗口

我们的世界已经正式走向移动化。 分析美国用户在不同设备上花费的数字分钟数比例,智能手机占 62 percent 其次是台式机(29%)和平板电脑(9%)。

推动迈向移动时代 Google 宣布从 1 年 2019 月 XNUMX 日起,将推出移动优先索引作为所有网站的默认索引。所有这些因素使得在开发网站和 Web 应用程序时必须结合响应式设计实践。全部。

利用用户登陆您的移动优化网站时发生的大量移动流量涌入,需要巧妙地制定弹出策略。 一种迫使用户转换并输入您的 销售管道 不会对用户体验产生负面影响,或者更糟糕的是,不会对 Google 的 SEO 排名产生负面影响。

实施移动弹出窗口之前的重要注意事项

谷歌非常重视无缝的用户体验,因此在整合方面发布了严格的指导方针 弹出窗口 在移动网站上。 它认为插页式广告形式的弹出窗口对移动设备浏览时的整体用户体验具有侵入性和阻碍性。

因此,它概述了改善移动搜索体验的严格规范。 这些措施涉及惩罚在登陆页面(用户点击谷歌搜索结果后最终到达的页面)上显示阻塞性弹出窗口的网页。

 

以下是您在设计弹出窗口时需要确保的事项,以便网站的搜索排名不受其影响。

  • 用户浏览时,弹出窗口不应覆盖网页的主要内容
  • 弹出窗口应采用独立插页式广告的形式,用户必须关闭该广告才能看到主要内容
  • 页面布局的折叠部分上方不应仅包含使用户向下滚动以访问内容的弹出窗口。

使用弹出窗口来提高移动转化率

尽管 Google 不喜欢移动弹出窗口,并且用户对弹出窗口的看法是负面的,但它们的重要性和能力 提高网站转化率 对于您的业务来说是不可否认的。

如果做得正确,弹出窗口有可能推动用户注册并产生有利的收入。 无论您是设计电子商务网站还是 B2B SaaS 网站,从业务角度来看,设计有效的弹出窗口来迫使用户单击它们至关重要。

您可以通过以下 5 种方法使响应式网站上的弹出窗口在移动设备上看起来很棒,同时又不会对搜索排名产生负面影响。

1. 设计移动端的弹窗

响应式设计并不意味着桌面上显示的相同弹出窗口也适用于移动设备。 移动电话的可用屏幕空间量要少得多,因此具有相同的弹出窗口集最终会导致用户界面变得混乱,从而降低用户体验。

此外,桌面网站显示的弹出窗口不会受到 Google 处罚,因此您可以显示覆盖内容的整页弹出窗口,并且不会妨碍您的网页排名。 在确保响应式设计时,移动设备中也有类似的策略。

为网站的网络和移动版本设计不同的弹出窗口可以让您在设计上占据上风,并为 Google 的指南提供回旋余地。

2. 注意触摸目标

由于屏幕尺寸和两种情况下存在的用户交互类型的差异,为网络和移动设备设计弹出窗口有根本的不同。 虽然网络情况下的输入字段可以更小以适应鼠标点击,但同样需要足够大以包含触摸目标。

较小的触摸目标会导致“胖手指综合症”。 如果用户无法在移动设备上完成所需的操作,那么他可能最终会放弃您的网站,而不是进行转化。

根据经验,移动网站上的每个可点击按钮的尺寸必须至少为 44×30 像素。 移动设备不是用户首选的输入媒介。 如果您要求进行电子邮件注册,请确保输入字段足够大,以便用户可以用手指点击进行点击,并且输入表单的流程可以为用户提供最小的阻力。

3.限制弹出窗口的大小

屏幕底部不覆盖网页主要内容的横幅弹出窗口是在登陆页面上合并弹出窗口的流行策略。 由于它不涵盖首屏的主要网站内容,因此并不违反 Google 的规范。

与整页模式弹出窗口相比,它对用户的阻碍也更小。 合并此弹出策略的唯一挑战是,您的可用空间有限,无法为客户提供足够的价值进行转化。

由于弹出窗口较小,因此可能会逃避用户的注意。 此外,较小的输入字段可能会给想要订阅您的列表的用户带来挑战。

4. 不要用弹出窗口轰炸用户

用户一登陆您的网页就会显示弹出窗口,这会让人立即感到厌烦。 以这样的方式合并它们:一旦用户有机会首先使用内容,它们就会在用户的浏览过程中稍后启动。 不要让弹出窗口立即显示或在访客到达后几秒钟内显示。

另一个可行的策略是在用户访问的第二页上显示弹出窗口。 这样,就不会违反Google的指导方针,而且由于用户有足够的时间来消费有价值的内容,因此转化的机会也更高。

5. 理解意图并提供价值

提供价值的弹出窗口会导致用户自愿点击它。 此类弹出窗口会融入用户的移动网站旅程中,并带来无缝的用户体验。

了解用户的心理并破译用户访问网页的意图,可以为您提供起草令人信服的价值主张所需的线索。 然后,在登陆页面上合并一个号召性用语按钮,而不是弹出窗口。 单击 CTA 后,将显示弹出窗口。

与用户出于挫败感而单击(为了关闭它们)或由于其位置而意外单击的其他类型的弹出窗口不同,CTA 弹出窗口具有更好的集成性。 由于用户是自愿点击的,因此保证了增强的用户体验。

无论您选择哪种策略,设计弹出窗口和整个移动网站都需要考虑整体用户体验。 了解访客的心理并满足他们的需求是业务成功和提高转化率的关键。

拉胡尔·瓦什尼亚 (Rahul Varshneya) 的联合创始人兼总裁 阿肯内亚。 Rahul 被彭博电视、福布斯、赫芬顿邮报等众多媒体渠道评为技术思想领袖。