首页 | 源码下载 | 网站模板 | 网页特效 | 广告代码 | 网页素材 | 字体下载 | 书库 | 站长工具
会员投稿 投稿指南 RSS订阅
当前位置:主页>设计在线>网页设计>资讯:网页中图片幻灯片用户体验设计小细节

网页中图片幻灯片用户体验设计小细节

www.jz123.cn  2010-06-17   来源:   prower.cn    责任编辑(袁袁)    我要投递新闻

  图片幻灯片是网页中最常见的一种效果,功能几乎差别不大,可很多网页设计师可能都没有考虑过这种最常用的幻灯片其中所涵盖的用户体验思想,本文通过国内外几家大型网站中的幻灯片来分析他们各自的设计小细节及给我们带来的体验

  1、卓越亚马逊的首页轮换图片,每刷新一次,都是随机不同的顺序显示,这样的设计解决了对于较多图片轮换而靠后的图片信息很少被看到的问题,这点对于电子商务等时效性不是很讲究的网站来说尤其重要;

  

 

  2、最初的时候是点击照片跳转到下一张,再然后是点击照片的左边是上一张,点击照片右边是下一张,当我们习惯了这样的照片浏览方式之后,似乎我们的鼠标就会被限制在照片的范围之内。百度空间里的相册浏览页面扩大了鼠标的可点击范围,使得照片翻页不在只是局限在照片里面,而是整个页面的宽度,以及在中间部分加入了照片放大功能。还有就是侧边预览图的滚轮支持;

  

 

  3、而腾讯网内容页里对照片这块的处理则有更多的细节,比如图片下方的预览图、比如图片底部的可隐藏的说明文字。当一块有限的空间被堆叠更多的功能时,好与坏开始变成一个相对的事情;

  

 

  4、当在页面的链接处用鼠标右键点击时,弹出的菜单:IE从上下到是“打开”、“在新选项卡中打开”、“在新窗口中打开”;Firefox从上到下的顺序是“在新窗口中打开”、“在新选项卡中打开”;而Chrome的则是“在新标签页中打开链接”、“在新窗口中打开链接”。IE的第一项“打开”完成就是左键单击的行为,实则无意义;Firefox对这个顺序的处理似乎仍停留在浏览器还未引进标签页的设计上,标签页正是为了解决桌面上铺满浏览器窗口而设计的,所以在这个顺序上,Chrome的设计则是最好的;

  

 

  5、当页面中需要出现页码时,可以看到很多网站对这个翻页的设计都做了处理,比如减少“上一页”的可点击区域,增加“下一页”的可点击区域。很长一段时间来,浏览器的前进与后退两个按钮是同样的大小,但在页面中翻页时用户更多的操作是在“下一页”,同样的,对于浏览器的前进与后退,用户更多的操作行为会是在“后退”,所以Firefox对这两个按钮的设计做了处理,增大了后退按钮,更便于用户的频繁操作;


上一篇:HTML网页设计:去掉IE滚动条 下一篇:网站站内Url结构:豆瓣的Url结构方式

评论总数:0 [ 查看全部 ] 网友评论


关于我们隐私版权广告服务友情链接联系我们网站地图