以用户为中心的设计 |
这是UCDChina提前预览网页留下的存档,不包括作者可能更新过的内容。 推荐您进入文章源地址阅读和发布评论:http://webteam.tencent.com/?p=894 |
||
先让我们看一个例子,了解什么是模式化窗口。 以下是QQ秀商城在非登录时提示登录的一种状态。当我在非登录状态,通过保存形象的方式买一件衣服时,弹出登录对话窗口提示登录。此时,登录对话窗口锁定商城页,锁定IE,只有当对登录窗口进行操作后,才能够进行其他操作。譬如:最小化IE、浏览商城等。我们可以说,登录对话窗口就是一种模式化窗口。 模式化窗口常常给人“坏”的印象,为什么“坏”?是因为它“长”成那个样子?还是因为它通常都说些没用的话,所以用户都不看其中的内容?如果换成一个浮动层DIV,它就变“好”了?就模式化窗口的形式和“好坏”问题,我们进行了讨论。 为什么大家会认为它“坏”? 臭鱼:“屏幕上出现不止一个叉子按钮,却只有一个可以点击,如photoshop。” 臭鱼:“IE7开始了,所有的浏览器都有tabs了。多个网页在一个浏览器中打开,如果在一个页面中出现了模式化窗口,要切换到其他页面都做不到了。” 臭鱼:“有的时候只要提示,不需要操作。”Gmail只提示: QQ空间上传成功的模式化窗口: aaron:“应与开发制定一个规范,不一定模式化的东西就差,看情况。”(由此引出下面的话题~~) 模式化窗口分几类? A类:3锁死2,锁死1,不完成3的操作,就不能进行其他操作。 什么情况下需要A类的,什么情况下需要B类的,什么情况下需要C类的? aaron:“格式化磁盘,二次确认时需要A类。” 西贝:“与下页的操作息息相关,不进行判断,下步操作就不能进行操作时,需要A类。” 臭鱼:“对网页来讲,当前页锁定即可,不用alert锁定整个浏览器。属于B类” Hiseven:“对于网页来讲,都可以改成C类的形式,不用那么暴力。” Hiseven:“A类,在操作过程中,如安装,有取消按钮必须很明确。在C类形式,如QQ秀中“身上品”,有叉的形式表示关闭,不需要取消。” 小结一下:暂且把模式化窗口分为A类、B类和C类,A类比B类和C类要暴力,但是更安全。B类和C类更容易让用户操作。通常A类都用于非常重要的信息时使用。欢迎大家进行补充~ |