首页 - > 建站客户推荐阅读 - > 模式化窗口

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

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


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

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


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


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


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



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秀中“身上品”,有叉的形式表示关闭,不需要取消。”



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

模式化窗口
公司动态
深圳做网站需要多少钱? 2010-9-2
拍照备案,我们如何应对? 2010-7-18
便宜建站:程序存有漏洞易挂马影... 2010-7-16
推荐客户网站建设和网站优化一起... 2010-7-15
深圳建站超市网端午节放假通知! 2010-6-13
深圳建站超市网签约欧威尔空调(... 2010-6-2
.COM域名注册审查开始! 2010-5-12
深圳建站超市网2010年五一国... 2010-4-29
深圳建站超市网坚守品牌网站建设... 2010-3-12
签约深圳市中昶机电设备有限公司... 2010-3-9
深圳建站超市网2010年春节放... 2010-2-8
签约美国nuvelli公司英文P... 2010-1-16
签约连达工业(香港)有限公司P... 2010-1-16
建站客户推荐阅读
说导航设计 2010-9-3
站内搜索优化-方便用户更快找到所... 2010-9-2
优化网站导航设计 2010-9-1
给网站布置一个明晰的“关于”页面 2010-8-31
取消键与撤消键的使用 2010-8-30
产品&设计&色彩 2010-8-28
精确到像素的Web设计 2010-8-26
交互设计的方法 2010-8-25
设计信息可视化的10条建议 2010-8-21
网站搜索翻页 2010-8-20