欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 安优观点
7个弹出窗口设计技巧:如何创建不会惹恼访问者的弹出窗口
来源:南京网站制作 时间:2022-08-19 08:07:26

即使是最好的、最有创意的、最有趣的、最昂贵的广告也不过是干扰。观众没有要求他们并且经常不想看到他们。但是弹出式广告——顾名思义——以特别具有侵入性而闻名。就像恐怖电影中的惊吓一样,它们是你脸上的惊喜。这就是为什么特殊的弹出窗口设计很重要的原因:它可以使弹出窗口不仅可以忍受而且具有说服力。

 
尽管弹出窗口可能会激怒网站访问者,但它们仍然存在是有充分理由的:根据Sumo 的研究,它们的会话率在最高性能时平均可达 9% 。这使得设计好的弹出窗口不仅对于减轻用户的挫败感而且对于业务成功至关重要。考虑到这一点,让我们来看看一些关于如何创建可转换的弹出式设计的最佳实践。
 
1.权衡您对弹出式设计风格的选择
-
最基本和最常见的弹出窗口是出现在屏幕中央的方形窗口。这里的好处是不容错过。当然,这只是因为它直接切入了用户的视野。虽然传统的弹出窗口没有什么特别的问题,但当有很多其他(可能更有效)选项需要考虑时,它通常被用作默认选项。
 
弹出窗口可以出现在屏幕上的任何位置,并且每个位置都会对信息的性质产生影响。标准的前端和中心方法往往表示您愿意打断用户浏览的重要内容。它通常用于内容的即时购买或付费墙(如在线新闻)。
 
相反,弹出窗口可以从屏幕的顶部或底部滑入,允许用户在弹出窗口出现时继续与站点交互。通过这种方法,访问者可以选择他们想要与弹出窗口互动的时间,并且如果弹出窗口覆盖了足够多的页面以分散注意力,他们就会被激励尽早这样做。这种方法通常用于不太紧迫的操作,例如让访问者输入他们的电子邮件地址。
 
最后,弹出窗口也可以出现在页面的侧面或角落。鉴于这种方法是多么不引人注目,它通常用于可选内容,例如教学提示。
 
另一个有时被忽视的设计考虑因素是动画——弹出窗口如何到达屏幕会对其接收方式产生巨大影响。例如,淡入淡出比突然覆盖要柔和得多,也不那么刺耳。与此同时,真正的流行和弹跳动画让人感觉既有趣又友好。更加努力的方法——比如让弹出窗口的不同元素通过单独的、独特的动画出现——让弹出窗口感觉不像是广告,而更像是网站的一个有价值的、创造性的功能。
 
2. 使弹出窗口与品牌保持一致
——
好像作为一个弹出窗口还不够引人注目,弹出窗口(以及立即转换的愿望)经常会产生尽可能多的花里胡哨的诱惑。这可能导致设计过度突出号召性用语 (CTA),有时使用文字箭头,或加粗几行复制或过度使用红色,所有这些都是为了确保用户不会错过销售宣传。
 
像这样的策略往往让人想起 90 年代互联网的狂野西部,当时早期的弹出式广告响亮而自豪,色彩冲突和闪烁的文字。事实上,它们是如此糟糕,以至于弹出窗口的原始创建者已经向世界道歉。此外,并非只有品牌使用弹出窗口——诈骗者经常使用无处不在的弹出窗口,这些弹出窗口带有危言耸听、引人注目的设计,以诱骗用户下载恶意软件。
 
由于这些原因,设计师应该让弹出窗口与网站品牌的其余部分保持一致,即使这会导致风格更加柔和。使用视觉层次来确定信息的优先级,并使用引人注目的图像来吸引观众的注意力。这不仅会导致外观更简洁的设计,还将建立弹出窗口的可信度,从而将其视为机会而不是技巧。总而言之,感觉需要使用花哨的、非品牌技术来引起注意的设计表明对弹出窗口的价值缺乏信心。
 
3. 有效地使用颜色和形状语言
——
弹出窗口的广告文案——只要它写得好——应该能够说服用户执行某项操作。但文字并不是您的弹出窗口必须传达的唯一工具:颜色和形状等视觉设计元素可以在情感层面上吸引观众。
 
如果您想减少弹出窗口可能引起的刺激,蓝色或绿色或某种形式的柔和颜色可以实现此目的。与此同时,纯白色可以营造出干净整洁的感觉,尤其是与元素之间的充足空间相结合时。在形状方面,弹出窗口——就像任何计算机窗口一样——默认为矩形或正方形。鉴于缺乏锋利的边缘,将其更改为更圆润的形状使设计看起来平易近人且友好。
 
4. 保持弹出内容的清晰和重点
——
由于弹出窗口本质上是中断,因此用户的常见下意识反应是立即关闭它们。在最理想的情况下,说服访问者点击 CTA 已经够难的了,但是弹出窗口有一个特别小的时间窗口来实现他们的目标。这导致弹出式设计风格在很大程度上是极简主义的——清晰明了。您希望用户执行的操作的价值应该一目了然。
 
5. 不要忽视关闭按钮
——
弹出广告是为了转换(或以某种方式有用),而不是关闭。当然,关闭的能力对于弹出式设计是必不可少的。确保用户能够执行他们需要的操作是一个良好的用户体验问题,即使它们是您不一定希望他们执行的操作。
 
在设计方面,右上角的简单 X 通常就足够了。即使这不是最原始的设计选择,它也是用户寻找它的最自然的地方。许多设计师将关闭按钮设为灰色,这可能是一种有用的策略——退出功能不应该被隐藏,但它也不必是弹出窗口中最突出的东西。
 
或者,关闭按钮有时会以传统的矩形按钮形状出现在 CTA 旁边。这样做不可避免地会减损 CTA 并强调非此即彼的选择。同时,如果您更改关闭按钮上的文本以明确用户不仅退出弹出窗口而且错过了某些内容(“我不想保存 15 %”)。有时,它以较小的类型放置在 CTA 下方。
 
归根结底,如果用户想要退出弹出窗口,设计应该只允许他们这样做,因为对弹出窗口的任何额外挫败感都会转化为对品牌的挫败感。换句话说,如果您要输掉这场战斗,请通过良好的用户体验让自己赢得这场战争。
 
6. 为移动版本单独设计
——
创建弹出窗口的移动版本所涉及的不仅仅是缩小设计。移动体验与桌面体验截然不同。
 
首先,除了更小的尺寸,你应该考虑纵横比:手机是纵向的,而台式机是横向的。这意味着设计(尤其是副本)必须在更高、更窄的窗口中很好地阅读。此外,访问者将在很大程度上默认使用一只手和一个拇指。这意味着表单字段——在桌面弹出窗口上应该受到足够的限制——对用户来说将更加麻烦。此外,出现在屏幕底部附近的弹出窗口将更容易让拇指触及。
 
然而,移动端的设计并不全是关于限制的:移动端网站也提供了比桌面端更多的输入形式——例如在不同压力下滑动、捏合和轻敲——而弹出式设计可以利用这一点进行更多意想不到的交互。
 
所有这一切都是说,即使您已经设计了弹出窗口的桌面版本,您也必须致力于单独的移动版本。如今,许多设计师在数字设计中采用移动优先的方法(其中移动版本在更大的屏幕尺寸之前创建),没有理由不能以同样的方式处理弹出式设计。这样做可以让您从简单开始并随着屏幕尺寸的增加添加细节(与简化设计的详细版本的西西弗斯任务相反)。
 
7.根据测试调整你的弹出窗口设计
——
虽然(像所有设计一样)弹出式设计涉及艺术,但最终归结为性能。你知道你的设计是好的唯一方法是它是否有效:也就是说,它正在转化客户。成功弹窗的平均转化率在 3% 左右。
 
这就是为什么弹出窗口设计过程中最重要的部分是测试和分析。一旦您根据目标评估了设计的性能(为此,您可以使用过去的转化率以及前面提到的平均转化率),您必须通过调整设计来根据您的发现采取行动。一种特别流行的方法是A/B 测试,您将设计的两个不同版本放在两个不同的用户群面前,看看哪个表现更好。您可以使用 A/B 测试来改变设计的特定元素,以发现哪个配方可能会带来更高的转化率。
 
最重要的是,无论您的弹出窗口看起来多么棒,或者它在理论上设计得多么好,重要的是您的访问者的想法。
 
升级您的弹出式设计
-
弹出窗口本质上并不是用户处理的麻烦。就像数字界面的许多其他元素一样,决定体验是痛苦还是快乐的是设计。这完全是一个视角问题:弹出式设计既可以用广告打断观众,也可以提醒他们有机会。虽然我们在此处提供的提示是开始让访问者真正欣赏的弹出窗口的好地方,但良好的弹出窗口设计最终取决于与优秀的设计师合作。

本文地址:http://www.njanyou.cn/news/6099.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 如何使用网站本地化来吸引新的全球受众
下一篇: 移动优先设计:从一开始就做好所需的一切
最新案例
永银
永银
珠海跨境电商
珠海跨境电商
五颗星商城
五颗星商城
上海万客生鲜超市
上海万客生鲜超市
一九在线商城
一九在线商城
你可能感兴趣
确保网站可访问性的 7 个重要步骤
电子学习中的微交互:通过小设计细节提高用户参与度
iGaming的设计趋势:平衡美学和功能
如何在 2024 年重新设计您的电子商务业务网站?
如何在 2024 年为您的网站创建徽标
无缝过渡:在设计驱动型开发中表现出色
社交媒体受欢迎程度背后的心理学
超越点击和点赞:释放数字营销的力量
最后更新
超越点击和点赞:释放数字营销的力量 社交媒体受欢迎程度背后的心理学 无缝过渡:在设计驱动型开发中表现出色 如何在 2024 年为您的网站创建徽标 如何在 2024 年重新设计您的电子商务业务网站? iGaming的设计趋势:平衡美学和功能 电子学习中的微交互:通过小设计细节提高用户参与度 确保网站可访问性的 7 个重要步骤
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例