首页 | 站长免费中心 | 新手上路 | 网站运营 | 网页制作 | 图片设计 | 动画设计 | 网页编程 | 网页特效 | 本站专题 | 虚拟主机 | 域名注册 | 网站建设 | 程序下载
       免费空间资源 | 新闻咨询 | 免费域名 | 免费网盘 | 网站推广 | 网站策划 | 建站经验 | 网站优化 | 网页代码 | 源码下载 | 音乐小偷 | 网络赚钱 | 论坛交流
网站建设
网站建设
虚拟主机
虚拟主机
域名注册
域名注册
711网络首页
站长工具
站长工具
网站源码
网站源码
站长论坛
站长论坛

 711网络 网页制作心得技巧

网页弹出窗口和网页浮出层哪个好?

来源: 网页教学网    日期:2009-4-3
 
简介:关于弹出窗口,尤其是alert窗口,小组成员们纷纷指出,它其实不是一个基于web的设计,而是基于浏览器等客户端的设计。在遥远的web技术发展初级阶段,受到很多技术限制,但它的以下优点让它变成了居家旅行,设计开发之必备利器。

大家好,我们这一组的主题是弹出窗口和浮出层的使用体验。

在谈这个话题之前,首先我们必须对弹出窗口和浮动层有个定义。来自五湖四海的革命兄弟姐妹们经过友好而热烈的讨论,就定义问题交换了意见:

1. 弹出窗口:弹出窗口变种很多,形式各异,姿态万千,我们就不一一列举了,我们的讨论范围也仅限于以下两种。

•    消息警示窗,俗称alert窗口,又称系统对话框,举例可以看这里 。

 

•    弹出窗口:俗称弹出广告窗,有独立的url,例子可以看这里。

 

2. 浮出层:例子可以看这里(请围观者移动鼠标猛击右上角登录链接),一般无独立的url。

 

首先,关于弹出窗口,尤其是alert窗口,小组成员们纷纷指出,它其实不是一个基于web的设计,而是基于浏览器等客户端的设计。在遥远的web技术发展初级阶段,受到很多技术限制,但它的以下优点让它变成了居家旅行,设计开发之必备利器:
•    简单,兼容性好
•    实现成本低,工作量小
•    抢夺焦点,非常适合弹出广告
•    能有效的告诉用户当前要完成的任务

但是,温情脉脉的面纱在小组的深入探索下被揭开,我们发现了它与生俱来的缺陷,例如:
•    强迫性,让用户没有选择,不利于建设和谐的互联网。
•    很多弹出窗口使用了模态窗口,非常的暴力。在IE7等高技术含量的先进浏览器中,一个tab的窗口会锁死所有的 tab,给人民群众的生活造成了较大不便。
•    视觉风格上,弹出窗口基本是用的是系统的风格,对于某些视觉设计很fancy的网站来说,这个犹如一个漂亮的女孩子脸上带着昨天早餐的蛋黄酱一样
•    往往弹出窗口伴随的是系统的警告声,会导致某些夜猫子网友的情绪不太稳定。

我们来自百度的组员非常精辟的带领大家回顾了web技术从90年代到现在的主要发展历程,并高屋建瓴的指出,随着精神文明建设的不断深入,web技术的不断发展,很多网站也不断的改善用户体验,出现了很多人民群众喜闻乐见的设计。除少数极端情况外,简单粗暴的弹出窗口已经不能满足人民群众日益增长需求,代表先进生产力的浮出层逐渐代替了大多数的弹出窗口。

调查才有发言权,同学们也纷纷使用举例证明,手绘草图的形式积极参与讨论,一时之间,百家争鸣,我们发现网页浮出层的优点有:
•    效率高,很多时候就在鼠标操作处浮出一层,用户鼠标移动距离很短就可以操作,大大提高了生产效率。
•    大多数浮出层是设计成非模态的,不强迫用户。
•    避免主流程被打断,特别适合完成某些分支任务(例如登录)后再回到主任务的设计。
•    精简网站页面数量,使用了浮出层后,很多原来需要新的页面来完成的操作(如登录),就被精简掉了,有利于建设节约型社会。
•    形式灵活多样,视觉、声音都可以自由定制,能有效满足人民群众日益多样化的需求。
•    体验轻量化

但是某位伟大的哲学家说过:任何硬币都有两面,更何况网页浮出层?在马克思唯物主义的启示下,同学们也发现了隐藏在背后的真相:
•    需要java script实现,兼容性不好,在不同浏览器下的表现不一致。
•    屏幕分辨率低或者浏览器窗口小的情况下,很可能会在当前不可视区域内弹出,也不被用户感知到,让不明真相的群众感到困惑。
•    经常会出现浮动层嵌套的情况,这是一个不好的体验。

讨论进行到最热烈的阶段,来自百度的掺掺同学指出,同学们掌握了这两种设计的利弊,这很好,但是仅仅讨论优点和缺点是不远远不够的,更要深入的分析哪些情况下适合用什么设计,在掌握了理论以后要多思考多实践,发挥我们的光荣传统,更好的把设计师有限的时间和精力投入到无限的用户体验工作中去。



更多的网页弹出窗口和网页浮出层哪个好?请到论坛查看: http://BBS.TC711.COM



【 双击滚屏 】 【 评论 】 【 收藏 】 【 打印 】 【 关闭 】 来源: 网页教学网    日期:2009-4-3   

发 表 评 论
查看评论

  您的大名:
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款
认证编码: 刷新验证码
点评内容: 字数0
  精品推荐  
  本月推荐  
  友情赞助  

关于我们 | 联系我们 | 广告投放 | 留言反馈 | 免费程序 | 虚拟主机 | 网站建设 |  网站推广 |  google_sitemap baidu_sitemap RSS订阅
本站所有资源均来自互联网,如有侵犯您的版权或其他问题,请通知管理员,我们会在最短的时间回复您
Copyright © 2005-2015 Tc711.Com All Rights Reserved 版权所有·711网络   蜀ICP备05021915号
110网监备案 信息产业备案 不良信息举报