·网页特效库   ·网页工具库      
网页特效库
   
背景按钮导航特效图片特效文本特效时间特效状态特效另类特效网页制作网站首页
 
< 后退    |    收藏网页特效库
 推荐网页特效 更多推荐特效
 购物网站的导航效果,推荐!
 向上下左右滚动图片的特效
 超级变态广告代码
 设为首页
  加入收藏夹
 防止选择和复制
 新浪博客的提示窗口,推荐!
网页工具库 - 让网页制作更轻松
 推荐网页工具 更多网页工具
 在线html编辑器
 在线CSS编辑器
 滚动条颜色生成器
 弹出窗口生成器
 网页加密解密工具
 汉字转换成拼音工具
 文本繁简体转换工具
您的位置:网页特效库 >>  网页制作 >>  浮动式操作 打印友好页面
浮动式操作
作者:iqst   出处:iqst的博客

什么是浮动式操作

浮动式操作是我自己起的名字,至于是什么大家看看下面两组图就能理解了。

第一组:


上图是网易邮箱的截图


上图是Live mail的截图(鼠标移动到主题,才显示复选框)


第二组:


上图是Del.icio.us的管理页面截图


上图是百度搜藏的管理页面截图(鼠标移动到标题,才显示管理项目)

大家应该知道什么是浮动式操作了吧,就是某些操作项目并不默认显示在页面上,只有当触发了某些事件,比如鼠标移动到邮件主题或者收藏标题上,才显示出对应的操作项目。

这种操作方式并不是什么新鲜玩意,只是最近被更广泛的使用起来,所以就拿出来和大家讨论讨论。

优与劣
凡事都有优与劣,解决了老问题,就会带来新问题,有长处,也会有短处。

优点

  • 使页面变得很简洁,去掉了满屏的“干扰”元素,比如复选框;
  • 随着鼠标滑过某一项目而产生的页面变化,可以提醒用户他可以对这个项目进行这样或那样的操作。这对新用户的学习非常有帮助,但对于老用户,作用就不那么大了;


缺点

  • 如果随着鼠标的移动,页面内容变化过大,将对用户产生视觉上的干扰;
  • 如果用户想直接点击操作项目(如百度搜藏的编辑或删除),并不是很方便,他需要先用鼠标触发事件(比如移动到收藏标题上),然后才能点击操作项目,对于使用电脑不熟练的用户,会有一定困难;
  • 用户第一次访问且鼠标移动之前的那几秒,他不能很好的理解这个页面(这个缺点可以忽略,充数的)


也许还有没想到的,欢迎大家补充^*^~

克服缺点

如果想使用这种用户界面,那么最好克服前两个缺点。

1)不要让浮动出来的东西太过枪眼,否则用户总有被干扰的感觉
live mail做的就很好,复选框与邮件标题距离较远,用户视线落在标题上的时候,左侧浮动出来的复选框对用户产生的干扰有限;百度搜藏的干扰会大些,与标题的距离,面积,背景色,边框,下划线,这些都形成了干扰源。

初衷是为了页面简洁,如果能将产生的“干扰”降到最低,才能达到浮动式操作的效果。感觉搜藏使用的“伪按钮”,在ui上还是复杂了些。(了解伪按钮可以看臭鱼的两篇文章《谁是按钮?》《接受伪按钮》

2)位置固定会便于直接点击
Live mail左侧的复选框由于位置固定,哪怕是没有显示出来,用户也可以直接去点击;搜藏的两个伪按钮跟在标题后面的,虽然位置不固定,但也可以估计个大概,问题也不很大。如果用户无法估计操作项目的位置,那将给用户带来很大麻烦。

尾声

挑战用户习惯是需要勇气的,百度搜藏整站使用浮动式操作,是个很勇敢的尝试,在百度搜藏吧看了一下用户反馈,目前只有一个用户觉得麻烦,这种操作方式到底什么情况更适合使用,欢迎一起讨论。

 上一篇:web设计95%是排版,5%? 返回列表  下一篇:网页中嵌入Flash的方法讨论
网页工具库 - 让网页制作更轻松
 
网页特效库 关于我们 | 联系本站 | 免责声明 | 版权声明 | 网站地图 | 友情链接 | 鄂ICP备05023174号
Copyright © 2008 www.butong.net.All Rights Reserved.