上线前，我们最担忧的一个问题就是：用户使用习惯的改变，会对数据造成怎样的影响？

搜索，作为购物黄金流程中考前的一个环节，承担着想下个环节输送流量的重要责任，所以这次改版不单单要把视觉改漂亮，还要梳理搜索产品业务逻辑，优化现网的不足，提升转化数据等等，务必把搜索中出现的各种复杂逻辑，以最直观，最简单的方式呈现给用户，尽量不要用户思考，快速击中用户，让用户找到想要的商品。不出所料，通过我们的产品、交互、视觉、前端的不断思考和反复碰撞下，我们输出了最终的改版方案并看到了数据的提升。因为我们做到了：站在用户的角度去思考。

在搜索改版前用户可能遇到一个很大的问题，用户在浏览特定类目时，供晒寻属性的数量较多，按照旧版的展示方式甚至会导致属性超出屏幕高度的情况，这样的体验需要用户去拖动浏览器。我们把更多选项用hover出浮层的形式展示，这样既能让用户在30PX的高度能浏览10个以上的商品属性。相比以前10个属性全部展示最少也要300PX以上，节省高度900%以上。

在所有的购物网站，导航和属性是有关联的，你知道吗？

在使用旧版搜索中，我们常常会忽略和误会左导航和筛选属性之间的关系。导致其失去了存在的意义。所以我们在视觉上打通了左右的链接关系，让用户用户知道可以通过导航筛选更多的属性减少用户的疑惑。

很多用户在选商品的时候需要做很多资料调查，我究竟需要什么样子的商品，譬如要买空调，我们通常去百度搜索一下客厅、主卧、次卧分别用什么匹数的，再回到网站上找商品，部分用户可能会因此流失。为了解答用户在购物过程中产生的疑惑，我们在不同的搜索页，呈现了按照该类商品适用的图像化筛选体验。

我们的屏幕位置是有限的，以往我们设计都是定宽，高度延伸，这样就可兼顾大小屏幕的用户。所以我们有了宽窄版设计。但是随着用户设备不断进步，宽窄版已经无法灵活满足各种屏幕尺寸的浏览需求。

目前易迅用户1280PX以上的用户占有75%以上，从990以外的空白面积，都没被利用。譬如我们在imac上看的易迅搜索，两边都是空白的，造成极大的展示资源浪费。基于以上，响应式设计应运而生。

为了适应绝大多数用户的屏幕宽度以提供更好的浏览体验，目前我们做了5种宽度，一行4-5个商品，2种尺寸的商品，搜索页会根据屏幕尺寸大小，平铺满整个屏幕。

而我们做这个设计目的只有一个：在一定高度范围内给商品更多的曝光。

如果你是用户，在搜索页你会关注什么多一点？商品图片、促销语、加入购物车按钮还是价格？

跟着这问题，结合用户调研结果，我们把用户在搜索页上关注的信息分了一个优先等级顺序。商品图>价格>最要促销>一般促销>加入购物车。

有些人可能问，为什么不直接把加入购物车去掉呢？这个就是目前中国B2C和C2C网站的区别，易迅购物成功有10%用户直接点搜索页面的“加入购物车”进行购物的。所以我们不能直接扔掉这10%单子，所以预留了一个轻量的按钮。

由于商品单元空间的有限性，我们需要尽可能的把商品相关的促销，运营信息在页面呈现以吸引用户去浏览和了解该商品。所以，我们做了如下设计：在鼠标hover到商品的时候，我们会展示该商品更多信息。如下图的加入购物车、促销语、商品名、赠品都全部展示出来，吸引更多用户去点击。在搜索我们还加入了微信支付，方便部分用户快速购买了商品。

我们还重新梳理了商品单元使用的颜色，从以前的五颜六色到现在按照用户关注程度不同使用不同的颜色，当商品平铺的时候，最能刺激眼球的是最重要的信息,这是提升跳转到商详转化率的重要原因之一。

视觉中心点的从以前的加入购物车按钮转移到现在的促销点上，更有效突出用户利益点。阅读内容从以前需要逐个点击阅读变成现在的一键hover全部展示，更简单的体验。