关于点击区域
作者：小多 来源：小多blog 发布时间：2009-07-24 13:08:00
标签：交互设计,点击,相册
今天发现百度图片搜索结果的2级页面改版了，在浏览图片的时候很好用：如图：
在浏览图片的时候，右侧的缩略图是这样交互的：
因此，在整个浏览图片的过程中鼠标是不动的，只需要点击鼠标左键就能继续浏览下一页。
为此我特地去对比了Google和FLICKR，看看他们浏览下一张图片的是怎么做的。
Google的做法是：
flickr:
虽然都是有固定的点击区域，但是使用起来都没有百度图片舒服。我觉得可能是和点击区域有关。。
人们在浏览图片时，状态应该是放松的。太小的点击区域会使用户要分散一部分注意力在鼠标操作上，而不能很放松的浏览图片。
很多交互设计的文章都会提到加大点击区域的重要性。
但是页面空间有限。在大部分的时候，给用户提供更多更合适的内容远比提供一个巨大的点击区域来的更合适。
我总结了一下，比较适合加大点击区域的地方有：
1，在页面只有少量操作任务，主要任务较单一的情况下:
2，在浏览模式下，【下一张】【下一首】……
0
投稿猜你喜欢
- 相信大家平时都有这样的经历：页面上有一个链接指向服务器一个Word文件，当客户端机器有安装Office时，点击链接将调用Word打开浏览；当
网上有很多关于PHP在IIS下配置的教程,但都是一些很理性化的东西,我从里面整理出来这个教程 发出来为了方便参考,有什么问题也可以大家一起交- 检测是否注册成功<％ Set Jpeg =Server.CreateObject("Persi
- tips：如果根目录下有favicon.ico，可省去<link rel="shortcut icon" ...&
- CSS布局作为一个热门技术，发展的确有些缓慢。CSS最早被提议在1994年，最早被浏览器支持在1996年，CSS一直被力捧为传统的以HTML
- 桥接模式Bridge Pattern是什么桥接模式是一种结构型模式，它将抽象部分与实现部分分离开来，使它们可以独立地变化。在桥接模式中，我们
- 下表列出 SQL Server 查询分析器提供的所有键盘快捷方式。活动 快捷方式 书签：清除所有书签。 CTRL-SHIFT-F2
- ASP给图片加水印是需要组件的...常用的有aspjpeg软件和中国人自己开发的wsImage软件，可以上网搜索下载这两个软件，推荐使用咱们
- XMLHttpRequest的兼容代码功能结构上大体没有什么变动主要处理了这么几条：1.不同浏览器的创建方式2.事件大小写问题（ie7的XM
- 本周的豆知识分享就来深入研究一下window.event对象。请先看看下边的代码片断。 <button id=”btn”&g
- 我们大家都知道CSS功能的强大，而有关CSS基本的排版控制虽然已有详细的使用说明和参考教程，但还有许多丰富的CSS排版能力，是很少能查到的。
- 为了让鼠标移到小图上显示大图,我利用鼠标事件新建了一个层来显示大图.当然之前最好得到XY坐标取得当前鼠标的X,Y坐标：function&nb
- osql 工具是一个 Microsoft Windows 32 命令提示符工具，您可以使用它运行 Transact-SQL 语句和脚本文件。
- 大家在用asp开发程序的时候，有时候会碰到以下的错误提示：Active Server Pages 错误 'ASP 0141'
- 大部分时候我们讲导航，讲的是导航对内容和结构的一种表现。就是说我们在讨论导航的时候，更多的去关注怎么与之交互，以及视觉上是怎么好看。但是导航
- asp之家注：对于ACCESS数据库中的NULL，经常我们直接判断该字段是否为空用的是：name="",但是这个还不够，
- 在DBA的日常工作中，经常需要重装或在新机器上安装Oracle,但每次安装所浪费的时间、精力以及失败的挫折都在考验着DBA的承受能力，本文着
- 一、什么是执行计划（explain plan） 执行计划：一条查询语句在ORACLE中的执行过程或访问路径的描述。 二、如何查看执行计划 1
- 在我前一阵子刚刚写了“HTML5与Flash，不得不说的话题”的评论后，如各位所料，由于牵扯到多方利益和未来标准制定的角色份量，这不，有可能
- 图片的间隙Ｑ：我有一张大图片，把它切割后在Dreamweaver中进行拼接，可是总是有间隙，不知为什么？Ａ：不知你是否把表格的边距、间距和边
