在电子商务网站上，因为图片大多数是第一选择要素，它有天然的优势能够帮助做选择，因此我们的浏览视线从左上方开始，先纵向再横向，纵向和横向的意图是有着微妙的差异的。这个稍后再说。
我们再看看口碑网，同样设计的搜索结果页的浏览视线：
我，代表着一个普通的来找租房的用户。普通的找租房的用户关心什么？
他第一关心的是户型和地段。其次是价格。
因此，他的浏览视线即有可能是这样的——
- 1. 越过了图片先看标题，因为标题一般会包含小区名称，户型等重要因素。
- 2. 当标题里有让他say no的字眼时，其他的信息（图片、价格、更多介绍等）统统都会视而不见。快速纵向浏览到下面的列表。
- 3. 当标题里有字眼满足需求后，用户会横向扫到价格字眼，做第二次判断。
- 4. 当价格超出心理预期时（或过低时），用户放弃此列表，视线出现Z型的下移，下移到下一条列表的标题。
- 5. 当价格同时满足期望时，一般会产生一个到详情页面的点击（两个黄色区域）。
在下面的例子中，同样是图片，却仅仅起到一个辅助的作用，当用户通过标题或者价格掌握的信息不足以判断时，才会做为参考因素。
再看看网站设计，是如何影响用户浏览行为的。
而，在以相册方式展示的SERP页面，用户的行为又是怎么样的呢？
比如，在淘宝商城，切换成gallery形式。我的需求是寻找一个双肩的电脑包，图片仍然是第一维度要关注的，因此我的视线很有可能呈现Z状，当我发现了有合适的款式和颜色的包包后，我才会扫描第二维度的信息：价格或者标题等。
但是，我又发现，除非我有意识，才能够保证是一个Z型浏览，大多数情况，我在Gallery形式展示的list上，视线呈现放射状的，散乱的，没有规律的，我也许会被其中的某张图片先吸引到——这张图片也许是居中的而不是左上角的图片，然后再由这张图片开始，向上或者向下浏览。
这种galley的设计，虽然能够突出图片的影响，但是实际上倒并不方便用户做“对比和筛选”，会漏掉一些信息，因此可能会出现上上下下的重复浏览——这也许也是国外主流的电子商务网站没有把这种形式作为主要的list设计的原因，当然，这是我个人的猜测。——如果有机会，我们会利用gallery做一下眼动仪的测试，来验证这个结论。
一个tips是，当以gallery方式呈现产品时，同一行的产品不宜过多。
文章TAG：摄影设计 用户体验
