2008-2025

老司机告诉你，设计网站的弹出框也有门道 在这个浮躁的时代，很多人浏览网站是没有耐心的，如果信息不能很快的被检索到，大多会选择关闭页面。为了帮助用户更快的了解产品信息，帮助潜在需求的用户快速与商家沟通，弹出框应运而生。不过因为有些网站运用不当，遭受广大设计师和用户的吐槽，谷歌甚至认为弹窗对用户体验会造成明显的干扰。那么是否意味着弹出框没有价值呢?并非如此，只要掌握了设计网站的弹出框门道，就可以很好的提升网站转化率。 弹出框的类型 弹出框分为多种类型，用于满足不同网站设计的需求。 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、可根据用户类型的细分，自定义设计弹出框信息 为了帮助我们的用户尽快获取重要的关键信息，在设计网站的时候不要吝啬的使用弹出框。尽量将设计体验做得更好，更加有价值，就可以设计出更为优秀的弹出框，帮助网站提高转化率。