您当前的位置:首页 > 电脑百科 > 站长技术 > 网站

响应式网站设计,弹出框如何设计更友好?

时间:2020-08-28 12:43:37  来源:  作者:

网站建设中,是否增加弹出框应该是很多站长犹豫的问题。一方面,弹出框会在一定程度上降低用户体验;另一方面,在很多情况下,弹出框会提高网站的转化率。您想在您的网站上添加弹出框吗?

弹出框的设计在PC电脑端网站和手机端网站(如App)中非常常见。例如,除了美团在成功用餐后提出的建议之外,建议用户发送红包,并提醒用户骑车的时间框架。但是,进入网站时会出现许多强制性的广告弹出窗口。弹出框的一个特点是用户无法控制它们。用户只能在弹出框出现后选择跳转或忽略它,但不能控制弹出框是否显示。因此,弹出框是网站的双刃剑。它对用户来说非常舒适,但是如果使用不当,将会产生非常严重的后果。

那么,这种可谓在悬崖边跳舞的设计,又为什么会让很多人欲罢不能呢?

首先,弹出框可以提高网站的转化率。

虽然这个问题的原因还没有科学解释,但有一个有趣的数据是客观事实。我们进行了一项实验,邀请同一网站的100名用户在一个网站上进行客户服务弹出实验,而另一个网站没有。实验结果表明,带有弹出框的网站的转化率比没有弹出框的网站高近10%,这对网站来说非常重要。

因此,Pingtou Ge seo大致可以得出这样的结论:当网站拥有足够的资源和足够高质量的内容时,弹出框与转化率成正比,也就是说,弹出框真正能够使网站在合理使用时实现更大的价值。

其次,弹出框中显示的内容主要是重要内容。

在许多网站上,弹出窗口的目的是提醒用户执行一些有价值的操作,例如滴滴打车对出租车的逾期警告、美团外卖红包或一些电子商务网站,这些网站强制弹出窗口帮助用户在购买过程中确认信息,以避免一些操作错误。

大部分内容都考虑到了用户的责任,这是一个更重要的信息。因此,即使用户不耐烦,这个弹出形式也会被大多数用户认可。

对于其他网站,如果你看得更深,一些重要的信息弹出窗口也是必要的。然而,有必要强调的是,弹出框的内容应该被用户尽可能多地使用。如果它只是一个简单的广告流,恐怕不会受到用户的青睐。

当然,当弹出框出现时,它可以帮助用户集中注意力,让他们确认一些可能错过的重要信息,同时也给网站更多展示自己的机会。最后,讨论了弹出框的设计原则。

既然你知道弹出窗口是一把双刃剑,你怎么能让它更活跃呢?

首先,我们需要明确弹出框会在一定程度上影响用户体验,但是我们可以设计兴趣来改变这种影响。

许多弹出窗口让用户反感,主要是因为它们干扰了用户的正常使用。弹出框是必需的。它的设计应该避免引起用户的不满。如果它能在正确的时间发生,它就能完全实现不同的效果。

例如,不要在网站主页上添加弹出框。这样,当用户对网站内容感兴趣并进入页面时,弹出框再次出现。在这种情况下,想要知道信息的用户的大脑会缓冲弹出框。

此外,在设计弹出框时,应考虑人的因素,并根据不同群体的偏好进行不同的设计,以确保最大限度地保护用户体验。

事实上,必须提到用户体验。弹出框本身就是一种会让用户体验更差的设计。然而,由于它可以使网站产生更多的价值,必要的弹出框仍然有其存在的理由。比较网站的意义在于创造价值。如果弹出框可以达到这个目的,为什么不呢?



Tags:响应式网站   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
在网站建设中,是否增加弹出框应该是很多站长犹豫的问题。一方面,弹出框会在一定程度上降低用户体验;另一方面,在很多情况下,弹出框会提高网站的转化率。您想在您的网站上添加弹出...【详细内容】
2020-08-28  Tags: 响应式网站  点击:(108)  评论:(0)  加入收藏
随着技术的发展和移动网站的普及,同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现。想一想,你每天在手机和电脑上浏览网页的时间哪个更长?什么是响应...【详细内容】
2019-07-24  Tags: 响应式网站  点击:(282)  评论:(0)  加入收藏
1. 确保性能是你主要的目标不管现在移动设备的网络连接速度有多快,在建立网站时都推荐为设别配备慢的网络连接。例如,由于4G网络在现代国家是受限制的,因此你需要特别注意设计...【详细内容】
2019-07-16  Tags: 响应式网站  点击:(300)  评论:(0)  加入收藏
随着技术的发展和移动网站的普及,同时也推动着网站设计师要去重新思考他们的工作成果将如何在不同设备上呈现。想一想,你每天在手机和电脑上浏览网页的时间哪个更长?什么是响应...【详细内容】
2019-07-16  Tags: 响应式网站  点击:(313)  评论:(0)  加入收藏
先看css3中的calc()的定义定义与用法calc() 函数用于动态计算长度值。需要注意的是,运算符前后都需要保留一个空格,例如:width: calc(100% - 10px);任何长度值都可以使用calc()...【详细内容】
2019-06-21  Tags: 响应式网站  点击:(413)  评论:(0)  加入收藏
▌简易百科推荐
今天我们来聊一下北京地区的《ICP经营许可证》有多好办,现在的互联网上提供的商机越来越多,增值电信业务十分火爆,企业通过互联网突破地域的限制,把公司产品卖到更远的地方,同时...【详细内容】
2021-12-17  梦想理应飞翔Yy    Tags:《ICP经营许可证》   点击:(12)  评论:(0)  加入收藏
转自: https://blog.kermsite.com/p/blog-intro/由于格式问题,部分链接、表格可能会失效,若失效请访问原文此专题将详细介绍如何从零开始搭建一个个人博客。Dec 01, 2021阅读时...【详细内容】
2021-12-17  LaLiLi    Tags:个人博客   点击:(6)  评论:(0)  加入收藏
SP证是第二类增值电信业务经营许可证的简称。分为全网SP证和地网SP证。申请经营许可证是在工信部申请,全网SP经营许可证的有效期是5年,全网SP许可证在工信部办理全网SP续期,地...【详细内容】
2021-11-01  s陳述    Tags:sp证书   点击:(39)  评论:(0)  加入收藏
现在还有许多人不知道EDI许可证是什么东西今天我就来给大家讲解一下.EDI许可证就是一种增值电信业务经营许可证。是针对在线数据处理和交易处理业务需求的专业资格证书。 《...【详细内容】
2021-10-28  soberXx    Tags:edi许可证   点击:(75)  评论:(0)  加入收藏
元素的化学概念,如周期表中的化学元素,一切物质都是由元素构成的。对程序员而言,网站建设制作就是代码构成网站。企业网站设计者也收集了各种各样的元素,但并非所有元素都需要运...【详细内容】
2021-10-26  南宁云尚网络    Tags:企业网站   点击:(39)  评论:(0)  加入收藏
在运营网站的过程中,有一件不可忽略的事情。那就是网站上线之前需要完成 ICP 备案。说到这里,很多朋友就提出疑问了~· 什么是 ICP 备案呢?· ICP 备案需要哪些材...【详细内容】
2021-10-22  启测云    Tags:ICP备案   点击:(45)  评论:(0)  加入收藏
最近有朋友问我,我公司有外资就不能申请ICP许可证了么?外资的定义是什么?其实是可以的,但有一个特定条件必须满足,外资公司是指公司有外资股东,比如香港、加拿大、美国、韩国等等,...【详细内容】
2021-10-21  小白速看Z    Tags:ICP   点击:(51)  评论:(0)  加入收藏
自互联网出现以来,超文本传输协议http协议被广泛用于在Web浏览器和网站服务器之间传递信息,但随着互联网的发展,另一种协议——https出现,并与http一同服务于这个互联...【详细内容】
2021-10-20  我是FEIYA    Tags:https   点击:(44)  评论:(0)  加入收藏
Grafana Loki 是一个日志聚合工具,它是功能齐全的日志堆栈的核心。图片来自 包图网先看看结果有多轻量吧: Loki 是一个为有效保存日志数据而优化的数据存储。日志数据的高效索...【详细内容】
2021-09-14    51CTO  Tags:Loki日志   点击:(97)  评论:(0)  加入收藏
背景最近做微信小程序开发比较多,大家知道线上微信小程序为了安全起见,要求后端通信协议必须是HTTPS,这就要求需要安装证书。为了测试预发布线上环境,特地买了个最便宜的域名,为...【详细内容】
2021-09-14  小李子说程序    Tags:HTTPS证书   点击:(124)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条