模式化窗口

记录于

本次薯片会我们主要讨论模式化窗口的问题。

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

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

011.JPG

模式化窗口常常给人“坏”的印象,为什么“坏”?是因为它“长”成那个样子?还是因为它通常都说些没用的话,所以用户都不看其中的内容?如果换成一个浮动层DIV,它就变“好”了?就模式化窗口的形式和“好坏”问题,我们进行了讨论。为什么大家会认为它“坏”?西贝:“以前系统弹出对话框,用户看不懂,或者不看,给用户的印象大多是一种警告。因此感觉很坏,对用户来讲,很暴力。”(呵呵,可以引用最近流行的,很陈,很冠希了。)Evan:“当我在填一些注册信息时,需要从另外一页复制一些内容,这个时候弹出alert无法到另一页。”(这种情况我也遇到过~~)Seven:“以前有一些网站,有bug,弹出“无数”确定对话框,必须全部确定才能进行下一步的操作,于是开始点击一个又一个的确定。”(嗯,尤其是那种让我点击连续的确定,但是不断弹出确定的那种垃圾网站,让我几近崩溃的边缘~~)02.JPG

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

031.JPG

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

04.JPG

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

051.JPG

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

06.JPG

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

模式化窗口分几类?

07.JPG

A类:3锁死2,锁死1,不完成3的操作,就不能进行其他操作。B类:3锁死2,但不锁死1。(1通常是IE浏览器)C类:弹出3,可以进行2的操作和1上的其他操作。什么情况下需要A类的,什么情况下需要B类的,什么情况下需要C类的? 刘亚平:“格式化磁盘,二次确认时需要A类。” 西贝:“与下页的操作息息相关,不进行判断,下步操作就不能进行操作时,需要A类。” 臭鱼:“对网页来讲,当前页锁定即可,不用alert锁定整个浏览器。属于B类” Seven:“对于网页来讲,都可以改成C类的形式,不用那么暴力。” Seven:“A类,在操作过程中,如安装,有取消按钮必须很明确。在C类形式,如QQ秀中“身上品”,有叉的形式表示关闭,不需要取消。”

08.JPG

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

buy levitra online
  • http://www.uesee.com Banlon

    百度空间的内部复层效果还不错。当前页面的模块不影响其他的tab

  • laky

    提示信息不用模态窗口显示,比如:用户没有登录、删除成功等的提示信息,弹出对话框会中断用户操作,用户需要的是友好的提示,而不是架个扩音器在耳边告诉他。

  • DIngDIng

    a类在桌面客户端软件存在,web中涉及到信息提交,安全之类或者啥的
    b类几乎是ie了
    c类没有必要存在(alert框的形式),其就是象gmail的那些提示信息,

  • http://www.v4uu.com 稻草

    现在比较常见的是
    B类:3锁死2,但不锁死1。(1通常是IE浏览器)

    2主要是当前网页
    3为一个div层,可关闭

    也比较容易被接受

  • 木脑壳

    对于C类的情况,当用户转而去操作2的时候,3是不是应该自动关闭呢

  • http://vivienliu.blogbus.com weiwei

    支持一下
    学习一下

  • 轻疯自在

    个人觉得首先对于模式化窗口的定义有些问题,印象里只有dialog才分模态和非模态,也就是对话框。而1、2、3到底是对话框,还是窗口,不界定好,很难具体的判断到底如何关联好。
    假设1是窗口,2、3是对话框,A类情况在桌面软件中是比较遇到的,不判断就不能操作,2和3应该都是阻塞型的公告对话框,但实际应用的过程中,3可能不是由2弹出,而是由1弹出,如果2和3都是模态对话框,在关闭3的时候,可能导致1可用,在目前手上的项目来看,已经遇到此类问题,在思考如何解决;B类情况确实是可以锁死当前页,1可用;C类情况的话,1、2、3都不能称为模态对话框了,不去管3,还可以操作1和2,证明3可能对用户来说并不十分重要,即使错过了,用户也不会后悔或者担忧什么,那么将3替换为临时公告对话框,会不会更合适?
    一点拙见,说的比较乱。

  • Pingback: UXday » Blog Archive » 看弹出窗口和浮出层的使用体验

  • Pingback: 看弹出窗口和浮出层的使用体验 | 互联网的那点事...

  • 有点郁闷

    发现这里很难融入啊,敲了半天键盘进行了回复,半个多月的审核时间,最后连回复内容都被删除了,似乎之前的回复没有任何不良信息,不会真想把薯片会做成就几个人的圈子吧。

<< 返回首页 <<   >>

关于薯片会

...
第一步骤:左手拿起薯片,右手用鼠标慢慢滑动。

第二步骤:吃下薯片(你可以不吃,咬着),然后左手、右手放在键盘位置上,把你想要说的话写上。
...

薯片会成员


臭鱼(李钊)

北京人,男,29岁
www.chouyu.com.cn


Seven

外星人,男,25岁
www.hiseven.net


tesion

很热情的同学
www.tesion.cn


Evanchen

一个真正的交互设计师,应该能够丰富设计这一概念。
www.UExperience.cn


西贝

单纯使人更加专业
www.xibeidesign.cn


艺文

用爱心规划设计
QQ:4251538


流沙

Design to change the world
www.uesand.com


yanyan

真诚是设计的灵魂
Qzone


margaret

蛋小荒—女神


vijeun

按着心里的感觉走
Qzone


vv

万年12岁

readers