行业动态

在这个浮躁的时代，很多人浏览网站是没有耐心的，如果信息不能很快的被检索到，大多会选择关闭页面。为了帮助用户更快的了解产品信息，帮助潜在需求的用户快速与商家沟通，弹出框应运而生。不过因为有些网站运用不当，遭受广大设计师和用户的吐槽，谷歌甚至认为弹窗对用户体验会造成明显的干扰。那么是否意味着弹出框没有价值呢?并非如此，只要掌握了设计网站的弹出框门道，就可以很好的提升网站转化率。
弹出框的类型

弹出框分为多种类型，用于满足不同网站设计的需求。
1、插页式和覆盖式弹出框，一打开网页就会覆盖住整个屏幕。
2、通知栏式的弹出框，一般位于网页顶部或底部，以常驻式的形式存在于网页当中。
3、滑入式，当打开页面的时候，会自动滑入页面，或者在网页加载的过程中，直接加载进网页。一般位于网页的正中间。但有的网页设计师也会将它放置于页面的底部或者页面角落。
弹出框的作用

虽然经常弹出的弹出框让用户吐槽，但它仍然在很多网页中存在，是因为它具有很重要的原因，在我们网站建设时离不开它。
1、提升转化率
企业搭建网站，无非两个目的，一是品牌宣传，二是营销转化。而弹出框的出现，可以帮助网站更好的实现转化。据数据显示，带有弹出框的网站，平均转化速度比未带有弹出框的网站高3%，而设计体验良好的弹出框，可以将这个转化率提升至9%。
2、让用户集中注意力
在这个浮躁的时代，越来越多的用户无法将注意力集中到阅读上，通常是大概扫视一遍网站，没有吸引到他们的地方，就关闭网站。但是借助弹出框这种打断式的信息，可以快速抓住用户的眼球，吸引让们的注意力，直接的将信息呈现到用户眼前。
3、展示重要信息
当弹出框出现在用户眼前，其展示的信息绝对远超其他信息。我们可以将重要的信息内容尽可能缩减，放置到弹出框内，方便用户第一时间获取信息。
4、增加用户体验
虽然不断弹出的弹出框令人烦不胜烦，影响到用户体验。但是设计良好的弹出框，却可以更好的帮助网站带给用户极致的用户体验。现在流行极简主义的设计网站，但是过于简单的网站，内容也不会呈现过多。可以将弹出框作为信息的载体，又不会占用页面过多的位置，影响整体的设计风格，还可以增加用户体验。
移动端的弹出框

虽然谷歌指出弹出框的出现，会影响到用户体验。但是在移动端，谷歌并不反感网站UI设计带有弹出框，反而建议网站建设人员尽可能巧妙地设计移动端的弹出框，用于提高用户体验。
当然，对于“过分”的弹出框，谷歌也是有相应的处罚：
1、弹出框广告
2、弹出框覆盖了几乎所有的页面
3、用户一打开首页就有弹出框
弹出框的设计

既然我们了解了弹出框对网站的重要性，接下来，老司机告诉你，设计网站的弹出框有哪些门道：
1、尽量避免在首页使用弹出框
2、设计的弹出框与网站整体风格保持一致
3、确保设计的弹出框内容与对应页面一致
4、不要随意摆放弹出框，最好根据网站情况，再结合用户体验来设计
5、想要弹出框够醒目，那就把它放在屏幕正中心位置吧
6、弹出框的内容必须简短，有突出重点
7、确保弹出框可交互，有响应
8、尽量减少“是”或“否”式的召唤文案，这会显得弹出框过于生硬
9、如果希望借助弹出框搜集用户信息，最好只让他们填写邮件地址
10、移动端和PC端的弹出框，设计的不要一样
11、弹出框要有一个醒目的“X”关闭按钮
12、减少弹出框的出现频次，不要用户每打开一个新页面都会有弹出框出现
13、弹出框不要随意弹出，最好在恰当的时候，例如用户要关闭页面的时候弹出
14、想要展示优惠信息，建议使用顶部悬浮式的弹出框
15、在用户浏览推送信息时，弹出框尽量出现在屏幕的一侧而非正中央
16、可根据用户类型的细分，自定义设计弹出框信息
为了帮助我们的用户尽快获取重要的关键信息，在设计网站的时候不要吝啬的使用弹出框。尽量将设计体验做得更好，更加有价值，就可以设计出更为优秀的弹出框，帮助网站提高转化率。