弗罗西诺内对尤文>建站动态>老司机告诉你,设计网站的弹出框也有门道

动态详情

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

新闻作者:北京建站     2019-05-19 12:53:03      新闻来源:弗罗西诺内对尤文      访问量:795

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

弹出框的类型

 

老司机告诉你,设计网站的弹出框也有门道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备16060213号-2  北京双立人网络科技有限公司  版权所有 Copyright©2018 弗罗西诺内对尤文 www.mlyxg.cn All Rights Reserved
联系电话:400-002-0761(7d×24h)       
 
 

立即定制  

  • 项目名称:
  • 联系人:
  • 联系QQ:
  • 所属行业:
  • 联系电话:
  • 联系Email:
  • 需求概要:
买北京pk10技巧 3分赛车app 幸运财神援彩金 试机号后分析 贵阳麻将免费下载 齐天大圣注册 丧尸来袭官网 广西快三开奖诂果 永恒宝钻电子游艺 江苏快3走势图表一体