benny说我写的东西太没条理了，好吧，这次我就尽量一点一点的来说。
gallery是网站中用于显示产品的所有照片的页面。产品照片是通过这样的流程产生的：网友自主提交－>管理员人工审核－>设计手工加上水印－>上传。gallery已经有3个版本，下面会仔细地说说这三个版本，纪录我在做这些工作时候的考虑，从中总结一些可用的方法。
gallery v1.0
启用时间：2006.6-2009.10
页面元数据：
– 产品名称
– 当前图片(800px × 600px)
– 其他图片的缩略图
2009年bing的图片搜索提供了一种新的界面设计模式——无翻页的缩略图列表（即用一个页面将所有的缩略图列出来，摒弃盛行数年的“分页”模式），分页模式产生于那个屏幕小、用户对信息掌握程度低的年代，它将大量的信息切割成用户容易消化的长度，一段一段的推给用户。时光飞逝，2010年的今天，屏幕变大了，用户页习惯了在屏幕上阅读大量的信息，一个页面呈现所有的信息对他们来说理解起来没有那么困难了。分页反而给他们增加了点击的负担。现在看来我们在4年前就已经有这种理念了嘛⋯⋯Orz⋯⋯
因为我们并没有一个“缩略图”集合页面，所以“查看大图”的页面也需要至少提供一种提供给用户“浏览全部照片”的可行途径。现在看来，第一版gallery是一个非常“简单”、“实用”的作品，在这个页面能直观地看到所有的缩略图。这个页面并不是我设计的，它工作了相当长的一段时间。
gallery v2.0
启用时间：2009.10-2010.7
页面元数据：
– 产品名称
– 当前图片(800px × 600px)
– 其他图片的缩略图
v2版本的元数据与v1时并没有变化。改版的起因是我们计划在此页面加入“用户评论”功能。在v1中，每个页面都会在页面下方显示全部图片的缩略图，“用户评论”只能放在这个不定高度的缩略图列表之下，大家感觉这样不太合理。我们同时也希望这个页面“用起来更方便一些”。v2的主要改动在于：
- 将产品名称单独放在页面顶部中间
- 将缩略图放入一个固定面积的“窗口”中
- 将上述窗口放到当前图片（原图）的右侧。
在v3里我又将这个窗口挪回了大图下方⋯⋯ o(>。<)o…… 后来我也扪心自问，为什么要放在右侧……我其实只是参考了
无节操百度的图片搜索。更深层的原因是：大图的宽度仅有800px，小于主流宽度960px，完全有空间在右侧加入缩略图列表；右侧的列表能减少用户浏览图片时垂直方向的滚动；同时，用户在查看大图时就能看到这个列表，他们可能马上就意识到还有其他很多图片可供查看。
- 带有缩略图的，尺寸很大的“上一张”、“下一张”按钮。这两个按钮是相册潜规则了吧，用户习惯了……所以大大方方show出来吧！
gallery v3.0
启用时间：2010.7-？
页面元数据：
– 产品名称
– 当前图片(1024px × 768px)
– 其他图片的缩略图
任何一次改版都可以看成是要解决某些需求，在v3的设计前，我意识到首先要整理一下我们的需求。
1 gallery页面改版需求分析
1）用户的需求
用户进入这个页面的原因，往往反映了用户的需求。我会经常尝试通过“列出页面入口”的方法来了解用户“为什么而来”。进入gallery页面有三种方法：
- 点击product页面仅有的一张产品图片(该图片尺寸为240px × 180px)
- 点击product页面的“查看全部n张图片”链接
- －直接打开gallery页面（点击朋友发来的链接，搜索引擎）
相对应的，我猜测用户来到了gallery页面，可能是带着下面三种需求：
- 查看该产品更清晰的大图
- 查看该产品更多的图片
- 看看该产品的图片
2）网站的需求
这里用“网站的需求”我不知道是否准确，页面常常不仅仅是满足，还会主动向用户表达一些东西。用户的需求常常比较稳定的，除非曾哥降临，你不用怀疑大家是不是都不信春哥，要不要把页面上那张春哥的照片撤下来（这种事情往往是千年一遇的，你懂的！）。但是，网站自身的定位和发展情况一直在变化，对页面常常会有新的需求。例如，你可能会听到这样一些要求：
- seo方面能否做得更好一些？
- 能否减少这个页面加载的资源的体积？能不能再缩短一些页面加载时间？
- 能不能在这里放入一些广告位，我们的客户希望他们的链接图片能出现在一个显眼的位置！
- 这里是不是再加上一些推荐帖子的链接，这样能为论坛带来一些有用的关注。
事实上，在过去的一段时间，与gallery有关的网站需求发生了一些变化：
- 每个产品的图片数量比过去增加了很多，并且在不断增加中。网站也希望鼓励更多的网友提交他们的原创图片。
- 图片的尺寸变大了。过去我们的照片尺寸为800px × 600px，现在增大为1024px × 768px。当然过去的小尺寸照片仍然会被保留，着意味着将来会有至少两种尺寸的照片并存，并且其中一种的宽度超过主流的网页宽度（960px）
- 图片有了分类信息。过去的产品图片是没有任何分类的，现在细分为“六面图”、“防伪”、“其他”等7个类别。
- 我们有了新的带分类的图片上传界面，我们希望用户们能更多的参与提交，为网站增加内容
关于反馈：前面的改版没有任何反馈，v3版本上线后几天就有人发帖提到了图库界面升级，并认为“现在还能提交未收录的图片了”。事实上这个功能一直都是存在在每一个（注意是每一个！）页面里的。用户这次能够发现可以从侧面反映修改的效果还可以。事实上我在未经讨论的情况下就删除了页面上的很多东西（例如滚动链接、高级搜索之类的），希望只保留和“查看图片”这一目的真正息息相关的功能。我那蹩脚的js还够用⋯⋯
