当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页图片的点击区域设计的用户体验

心得技巧
网站设计参考:赏心悦目的国外企业网站设计实例
阿里手机版Demo设计及UE分析
UI角度分析网页图片轮播控件Carousel Controls
交互设计理论:在网站上的空间记忆模式
设计理论:如何设计活动类网页
用户交互设计:从支付宝想到的
用户体验设计实例:阿里搜索框优化建议
交互设计实例:sohu的widget开放平台的气球设计
交互设计实例:新版支付宝个人版设计看法
产品设计:情景设计应该注意的问题
互联网社区产品设计中的关系设计问题总结
设计理论:为新手提供更好的设计
B2C电子商务网站是不是用新窗口打开链接
设计参考:基于CSS网格框架的网站设计实例
国外设计参考:以web设计为主的国外设计博客
设计理论:交互设计中色彩的运用
用户体验设计:量化用户体验
设计实例分析:Google Wave的滚动条
设计实例分享:搜狐白社会的交互设计
设计理论:用行为学知识改善服务

心得技巧 中的 网页图片的点击区域设计的用户体验


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-10   浏览: 71 ::
收藏到网摘: n/a

今天发现百度图片搜索结果的2级页面改版了,在浏览图片的时候很好用:如图:

在浏览图片的时候,右侧的缩略图是这样交互的:

因此,在整个浏览图片的过程中鼠标是不动的,只需要点击鼠标左键就能继续浏览下一页。

为此我特地去对比了Google和FLICKR,看看他们浏览下一张图片的是怎么做的。

Google的做法是:

flickr:

虽然都是有固定的点击区域,但是使用起来都没有百度图片舒服。我觉得可能是和点击区域有关。

人们在浏览图片时,状态应该是放松的。太小的点击区域会使用户要分散一部分注意力在鼠标操作上,而不能很放松的浏览图片。

很多交互设计的文章都会提到加大点击区域的重要性。

但是页面空间有限。在大部分的时候,给用户提供更多更合适的内容远比提供一个巨大的点击区域来的更合适。

我总结了一下,比较适合加大点击区域的地方有:

1,在页面只有少量操作任务,主要任务较单一的情况下。

2,在浏览模式下,【下一张】【下一首】……

暂时只想到这些。。