技术头条 - 一个快速在微博传播文章的方式     搜索本站
您现在的位置首页 --> 视觉设计 --> 模式化窗口

模式化窗口

浏览:2035次  出处信息

    先让我们看一个例子,了解什么是模式化窗口。

    以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态,通过保存形象的方式买一件衣服时,弹出登录对话窗口提示登录。此时,登录对话窗口锁定商城页,锁定IE,只有当对登录窗口进行操作后,才能够进行其他操作。譬如:最小化IE、浏览商城等。我们可以说,登录对话窗口就是一种模式化窗口。

    QQ秀商城提示用户登录的模式化窗口

    模式化窗口常常给人“坏”的印象,为什么“坏”?是因为它“长”成那个样子?还是因为它通常都说些没用的话,所以用户都不看其中的内容?如果换成一个浮动层DIV,它就变“好”了?就模式化窗口的形式和“好坏”问题,我们进行了讨论。

    为什么大家会认为它“坏”?

    西贝:“以前系统弹出对话框,用户看不懂,或者不看,给用户的印象大多是一种警告。因此感觉很坏,对用户来讲,很暴力。”(呵呵,可以引用最近流行的,很陈,很冠希了。)Eele:“当我在填一些注册信息时,需要从另外一页复制一些内容,这个时候弹出alert无法到另一页。”(这种情况我也遇到过~~)Hiseven:“以前有一些网站,有bug,弹出‘无数’确定对话框,必须全部确定才能进行下一步的操作,于是开始点击一个又一个的确定。”(嗯,尤其是那种让我点击连续的确定,但是不断弹出确定的那种垃圾网站,让我几近崩溃的边缘~~)

    

    臭鱼:“屏幕上出现不止一个叉子按钮,却只有一个可以点击,如photoshop。”

    photoshop多层的模式化窗口叠加

    臭鱼:“IE7开始了,所有的浏览器都有tabs了。多个网页在一个浏览器中打开,如果在一个页面中出现了模式化窗口,要切换到其他页面都做不到了。”

    在有tab的浏览器中,当前页如果出现模式化窗口,不关闭模式化窗口则不能切换到其他tab。

    臭鱼:“有的时候只要提示,不需要操作。”Gmail只提示:

    gmail的删除操作,不弹出模式化窗口。

    QQ空间上传成功的模式化窗口:

    QQ空间上传成功的模式化窗口

    aaron:“应与开发制定一个规范,不一定模式化的东西就差,看情况。”(由此引出下面的话题~~)

    模式化窗口分几类?

    

    A类:3锁死2,锁死1,不完成3的操作,就不能进行其他操作。

    B类:3锁死2,但不锁死1。(1通常是IE浏览器)

    C类:弹出3,可以进行2的操作和1上的其他操作。

    什么情况下需要A类的,什么情况下需要B类的,什么情况下需要C类的?

    aaron:“格式化磁盘,二次确认时需要A类。” 西贝:“与下页的操作息息相关,不进行判断,下步操作就不能进行操作时,需要A类。” 臭鱼:“对网页来讲,当前页锁定即可,不用alert锁定整个浏览器。属于B类” Hiseven:“对于网页来讲,都可以改成C类的形式,不用那么暴力。” Hiseven:“A类,在操作过程中,如安装,有取消按钮必须很明确。在C类形式,如QQ秀中“身上品”,有叉的形式表示关闭,不需要取消。”

    QQ秀商城中的“身上物品”窗口

    小结一下:暂且把模式化窗口分为A类、B类和C类,A类比B类和C类要暴力,但是更安全。B类和C类更容易让用户操作。通常A类都用于非常重要的信息时使用。欢迎大家进行补充~

建议继续学习:

  1. 异步完成后新开窗口    (阅读:2964)
  2. IE 中无提示关闭窗口的方法    (阅读:1918)
  3. 弹出窗口的兼容方案    (阅读:1882)
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
© 2009 - 2024 by blogread.cn 微博:@IT技术博客大学习

京ICP备15002552号-1