-
弹窗
2018-02-11 17:54:57以功能和用途为维度,弹窗分为三种类型:信息展示、任务、反馈一、信息展示1、解释或说明典型场景有:欢迎界面、操作说明、帮助、功能引导、取数说明、查看详情、预览或查看大图......类似这种页面的补充说明,使用...以功能和用途为维度,弹窗分为三种类型:信息展示、任务、反馈
一、信息展示
1、解释或说明
典型场景有:欢迎界面、操作说明、帮助、功能引导、取数说明、查看详情、预览或查看大图......
类似这种页面的补充说明,使用悬停浮层体验会更好。
2、内容扩展
典型场景:查看详情、预览图片、数据透视、历史记录......
一般来说,如果是内容较少,并不会占用较大的屏幕面积,使用非模态的会更合适,因为用户只需要扫一眼内容就行,模态的可能会给用户一种“被打断”的感觉。
3、弹窗的扩展样式——侧滑面板
4、渐进式的展示
二、任务
1、复杂任务
这种弹窗在B端产品中也非常常见。当用户浏览当前页面时,有一些很常见的场景:登录、审核、申请、编辑......这些相对复杂的任务和操作,他除了标题和文字、说明、操作按钮之外,通常还有一些复杂的可编辑表单,以及点击、选择、拖动等操作。在移动端,因为屏幕的控件限制,设计师更喜欢用新的页面内容来容纳这些内容。但咋PC上,更常见的是用模态弹窗来设计这种基于当前页面的、承载用户明确目标的任务。因为弹窗会让用户明确感知到所进行的任务是基于当前语境的,且在“提交”或“取消”后可以很自然的的自动返回到主页面。
此外,对于一些任务来说,虽然信息量大,但大多数场景下用户并不需要去编辑所有的字段,而只是修改其中的一两个。因此,从用户感知来说,相比二级页面,使用弹窗会让他们感觉更快捷、简单。
大多数情况下,用户只需要编辑或修改一两个字段。
其中比较特殊的弹窗——登录/注册页面。虽然以弹窗的形式来呈现目前仍然很常见,但已经有越来越多的产品在用户点击“登录”时会跳转到新的页面,这样做的好处是可以有更大的空间,用来增加产品slogan和场景图,以达到向用户介绍产品核心功能、烘托产品氛围、宣传品牌理念的目的。
2、简单任务
如选择器、输入验证码、高级搜索、分享、操作权限确认、用户反馈等一些单一、简单的操作。多数情况下,这些弹窗更多的知识整个任务的一个过度操作、前提设置,或者你可以把它看做仅仅是一个选择器。
3、用悬停浮层来代替
有一些过渡操作,并不一定要使用传统的模态弹窗,比如下面这种场景:用户点击“打印”时,需要用户选择打印样式(横向和纵向),最开始我们的设计是让用户点击“打印”后,显示弹窗让用户选择打印样式,用户需要选择并确认(或直接确认默认选项),才能进入打印预览界面。这样看起来符合逻辑和用户心理模型;但结果发现,对那些使用打印功能频繁的用户,每次这样的弹窗“确认”让人觉得“多余”和“愚蠢”:我基本都是“横向(或纵向)”打印,为什么每次都要让我选择?正因为这样,我们最终放弃了弹窗,而改用了这种浮层的设计:用户悬停按钮时,就即时显示可选择的选项,如果用户不需要切换选项,直接点击打印就好(这就对于绝大多数用户来说如此)。同时也允许用户快速切换到其他选项。通过与真实用户的沟通和观察,我们发现他们明显更喜欢这种交互。
三、反馈
1、重要操作确认
2、告知操作结果
3、页面异常
4、下线通知
5、其他反馈类弹窗
-
解决Flash弹窗广告
2019-02-06 09:00:27本人下了一个flash(可能不是从官网)安装后日常弹...的进程,右键打开所在文件夹,发现是在Flash目录中,而后关闭此弹窗,发现该进程从任务管理器消失。因此基本锁定该进程就是弹窗广告 接下来在Flash目录中打算将其删除找到一个更好的办法,打开"控制面板",找到"管理工具"
双击"计划任务程序"
找到"flashhelper taskmachinecore"计划任务
右击删除掉,或者在属性中删除掉它的触发器
————————————————————
这里是以前的办法。确实可以有效解决Flash广告问题,但是也会导致Flash缺少组件,不能观看视频或者玩小游戏:本人下了一个flash(可能不是从官网)安装后日常弹出一个图标为"FF"(Flash助手新鲜事\FF新推荐\Flash助手推荐)的广告,困扰已久,痛定思痛打算搞定它。
当弹窗广告再次出现时,打开任务管理器,看到了一个叫"FlashHelperService.exe"的进程,右键打开所在文件夹,发现是在Flash目录中,而后关闭此弹窗,发现该进程从任务管理器消失。因此基本锁定该进程就是弹窗广告
接下来在Flash目录中打算将其删除,发现其已经打开因此无法删除。于是在任务管理器的"详细信息"中查找一番,又看到了这个"FlashHelperService.exe",结束该任务,再次进入Flash目录将其删除,这次成功了,Flash弹窗广告解决。
-
layer弹窗封装,手机弹窗
2020-06-10 17:54:24layer.js手机弹窗,让提示更美观,自定义提示文字大小,弹窗颜色、等待时间,弹窗内容html自定义 -
超级24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码(IE only)
2020-09-05 21:42:29Javascript 超级弹窗代码 24小时弹窗代码 24小时退出弹窗代码 100%弹窗代码 -
微信小程序实现毛玻璃弹窗效果
2020-05-17 14:48:54使用 backdrop-filter : blur()配合background : rgba()来实现弹窗的毛玻璃效果。 优点: 这种方式省去了多设置一个after伪类来进行背景模糊的麻烦 而且backdrop-filter : blur()是自动把该元素后面的背景进行模糊...使用方法:
使用backdrop-filter : blur()
配合background : rgba()
来实现弹窗的毛玻璃效果。优点:
- 这种方式省去了多设置一个
after
伪类来进行背景模糊的麻烦 - 而且
backdrop-filter : blur()
是自动把该元素后面的背景进行模糊处理,而不需要指定固定的背景来进行模糊
Demo代码:
WXML 页面: <view class='bg_contain'> <view class='blur_demo'></view> </view> WXSS 样式: .bg_contain { background-image: url('./image_demo.jpg'); } .blur_demo { background: rgba(250,250,250,0.6); backdrop-filter: blur(10px); }
完成了以上代码后,就可以实现一个类似于IOS的毛玻璃效果啦~
- 这种方式省去了多设置一个
-
python弹窗tkinter弹窗
2019-03-30 20:20:36import tkinter.messagebox #弹窗库 1、提示消息框 tkinter.messagebox.showinfo('提示','人生苦短') 2、消息警告框 tkinter.messagebox.showwarning('警告','明日有大雨') 3、错误消息框 tkinter....import tkinter
import tkinter.messagebox #弹窗库1、提示消息框
tkinter.messagebox.showinfo('提示','人生苦短')
2、消息警告框
tkinter.messagebox.showwarning('警告','明日有大雨')
3、错误消息框
tkinter.messagebox.showerror('错误','出错了')
4、对话框
tkinter.messagebox.askokcancel('提示', '要执行此操作吗')#确定/取消,返回值true/false
tkinter.messagebox.askquestion('提示', '要执行此操作吗')#是/否,返回值yes/no
tkinter.messagebox.askyesno('提示', '要执行此操作吗')#是/否,返回值true/false
tkinter.messagebox.askretrycancel('提示', '要执行此操作吗')#重试/取消,返回值true/false
5、文件对话框
import tkinter.filedialog
a=tkinter.filedialog.asksaveasfilename()#返回文件名
print(a)
a =tkinter.filedialog.asksaveasfile()#会创建文件
print(a)
a =tkinter.filedialog.askopenfilename()#返回文件名
print(a)
a =tkinter.filedialog.askopenfile()#返回文件流对象
print(a)
a =tkinter.filedialog.askdirectory()#返回目录名
print(a)
a =tkinter.filedialog.askopenfilenames()#可以返回多个文件名
print(a)
a =tkinter.filedialog.askopenfiles()#多个文件流对象
print(a)
---------------------
作者:DeardeerU
来源:CSDN
原文:https://blog.csdn.net/Bugest/article/details/81557112
版权声明:本文为博主原创文章,转载请附上博文链接! -
弹窗广告杀手 看海弹窗广告杀手 v20140119
2020-10-31 02:10:24看海弹窗广告杀手是一款帮你关弹窗,访问恶意网站时浏览器提醒的软件。看海弹窗广告杀手功能介绍:A自动关闭您指定的窗口,所以不用再去找绿色软件还得担心其安全性了,直接用 -
Layer 弹窗入门
2019-05-28 18:42:10Layer弹窗,《Layer弹窗 基础参数 入门》 通过24个小视频,系统的对Layer34个基础参数,全部逐一进行了视频讲解。继续和大家一起学习进步,内容较为浅显易懂,适合新手上手。 课程首先通过... -
屏蔽弹窗广告
2018-05-14 10:07:39屏蔽弹窗广告屏蔽弹窗广告屏蔽弹窗广告屏蔽弹窗广告屏蔽弹窗广告屏蔽弹窗广告 -
vb无限弹窗
2019-01-20 22:31:24点击该程序后出现无法关闭的小弹窗,再尝试关闭小弹窗时会出现另一弹窗,一直试图关闭会出现无限弹窗。当出现弹窗无法关闭时,请使用任务管理器关闭。 -
jquery自定义弹窗
2019-03-08 11:46:00jquery自定义弹窗 -
弹窗页面交互_弹窗分析
2021-01-13 11:10:53弹窗设计导语:我们平常在使用各类APP时,经常会遇到弹窗,弹窗的设计好与坏很大的影响了用户的体验,让用户感到不舒服的弹窗只会让你的后续收到更多的麻烦和反馈一、什么是弹窗弹窗是为了让用户回应,需要用户与之... -
html实现弹窗
2019-06-20 12:10:48上午闲来无事,用html及原生js写个弹窗,供参考。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> body{ ... -
模态弹窗与非模态弹窗
2020-04-24 21:49:26在手机app应用中各种格式的弹窗效果相信大家都看过,也可能反感过某些弹窗,本文就来谈谈关于app弹窗设计以及弹窗的适用情景。 一、弹窗的定义1、弹窗作用 弹窗是为了让用户回应,需要用户与之交互的窗口。 非... -
Javascript弹窗
2020-09-20 10:21:12浏览器弹窗功能之单一弹窗 在网页上方弹出一个窗口,该窗口的内容可自定义,点击确定按钮可以关闭弹窗。 <script> alert("66666"); <script> 浏览器弹窗功能之确认弹窗 在网页上方弹出一个窗口,该... -
快速解决layui弹窗按enter键不停弹窗的问题
2020-10-16 09:06:23今天小编就为大家分享一篇快速解决layui弹窗按enter键不停弹窗的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧 -
Android弹窗合集
2017-09-18 17:08:22整合Android弹窗代码,分别使用PopupWindow和Dialog实现常用的弹窗效果。 整合Android弹窗代码,分别使用PopupWindow和Dialog实现常用的弹窗效果。 -
HTML弹窗
2019-07-04 13:55:49HTML弹窗弹窗一直在浏览器居中弹窗显示时其它界面为灰色且不可点击 弹窗一直在浏览器居中 #addForm{ opacity:0; position:fixed; *position:absolute; width:30%; height:250px; top:50%; left:3... -
ios-弹窗大全,各种方法的弹窗封装.zip
2019-07-11 19:46:17简书地址:https://www.jianshu.com/u/832ac6e521d8 gitHub地址:... 你想要的弹窗大全方法 通过代理方法回调的弹窗 通过block回调封装的弹窗 通过xib创建封装的弹窗 新建控制器作为弹窗 -
定时弹窗程序
2016-08-30 10:08:21定时弹窗 -
html网页弹窗
2017-08-23 17:56:25html网页弹窗 -
layui 实现二级弹窗弹出之后 关闭一级弹窗的方法
2020-12-13 21:23:51需要在二级弹窗弹出之后 关闭一级弹窗 自己大概看了下 官方文档 没有获取一级弹窗的索引的方法(你看的了话麻烦给个链接 谢谢) 自己的解决方案: 在父页面 加个关闭一级弹窗的函数 然后在一级弹窗弹出的回调函数里面... -
bootstrap模态框提示弹窗和多弹窗优化
2017-12-14 00:06:58bootstrap模态框提示弹窗和多弹窗优化, 最近一直在用bootstrap开发前端,也是比较苦恼。 开发中纠结于没有公共的标准提示弹窗,所以只能自己写一个(能力不是很好。。第一次造轮子,也不知道算不算轮子) -
添加弹窗_清除广告弹窗妙法之二:弹窗过滤法
2020-11-30 10:01:00清除广告窗口妙法之二:弹窗过滤法通过上面的方法,可以清除八九成的广告,但是由于有些软件在程序开发中并未在设置模块中加入关停广告功能,所以我们还需要用下面的这种方法,彻底的清除电脑中的弹窗,还你一个清洁... -
Javafx弹窗
2019-10-06 02:32:38在javafx中可能用到一些弹窗,比如点击某个按钮后弹出弹窗提示信息等等 1 Alert alert = new Alert(AlertType.INFORMATION);...2 alert.setTitle("弹窗标题"); 3 alert.setContentText("弹窗内容"); 4 ... -
高仿iso弹窗
2017-05-10 17:56:19高仿ios弹窗 -
bootstrap弹窗里面再弹窗
2017-10-17 17:42:32开发一个小功能,90%的时间都耗在前台bootstrap弹窗上了,功能需要在弹窗里面再弹窗,浏览器console报错:Uncaught RangeError: Maximum call stack size exceeded,导致页面上一些奇怪的错误。 最后终于发现这也许... -
winform自定义MessageBox弹窗,可自行改变弹窗字体、样式
2018-12-18 11:04:00winform自定义MessageBox弹窗,可自行改变弹窗字体、样式
-
pyechart数据可视化
-
电商设计专业思维
-
【数据分析-随到随学】互联网行业业务指标及行业数
-
终于搞懂了苦恼已久的JVM的类加载机制
-
Exoplayer编译好的FFmpeg扩展库AAR
-
Spring Boot Actuator H2 RCE漏洞复现
-
2020浙江省电赛A题方案.7z
-
微信支付2021系列之扫码支付一学就会java版
-
语音识别、人机交互、离线语音识别
-
国家注册渗透测试工程师(Web安全)
-
java中基本类型占用的字节及长度与范围
-
扑克牌排序成现的思想
-
给你推荐3款vc visual c++操作读写XML的三方库.zip
-
Apache Flink 零基础入门(一&二):基础概念解析
-
kubernetes 1.19.6容器镜像
-
synchronized锁升级原理
-
秒表时钟电路的FPGA设计
-
从零开始的Docker [ 4 ] --- Docker 应用:应用MySQL、 PHP
-
阿里云云计算ACP考试必备教程
-
【数据分析-随到随学】Hadoop数据分析