以用户为中心的设计

模式化窗口

作者:臭鱼  |   发布: (编辑)kent.zhu   |   时间:2009-06-09 20:57:42 文字大小:- +

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

以下是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类都用于非常重要的信息时使用。欢迎大家进行补充~

更多
打印  |  相关话题:如何提示用户   |  类别:信息和交互   |  源地址

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买