首页>最新动态>老司机告诉你,设计网站的弹出框也有门道

最新动态

老司机告诉你,设计网站的弹出框也有门道

新闻作者:TENGSHUO     2019-06-13 14:54:39      新闻来源:TENGSHUO      访问量:137

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

老司机告诉你,设计网站的弹出框也有门道1


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

老司机告诉你,设计网站的弹出框也有门道2


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

老司机告诉你,设计网站的弹出框也有门道3


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

老司机告诉你,设计网站的弹出框也有门道4


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


辽ICP备08006266号  腾烁建站工作室  版权所有 Copyright©2020 www.tengshuo.net All Rights Reserved
联系电话:15524093795(7d×24h)       
 
 

立即定制  

  • * 您的姓名:
  • * 您的电话:
  • * 您的需求: