淘宝2017－店铺体验和商业价值的设计升级

正文

请到「今天看啥」查看全文

3、增加消费者进店后的停留时间。提升消费者在店铺中的体验也是为商家带来价值的一环。

三类商家在手机淘宝中吸引流量的分布

店铺数据上，有能力装修的商家只占很小的一部分，但是它们分享了平台60%以上的消费者的流量。美观的，有运营内容的，商品丰富的店铺更吸引消费者。

数据为我们的设计策略提供了线索 ：我们可以通过为有设计能力的商家提供更多的能力，改善这些店铺的调性和浏览体验。并由这些商家覆盖影响平台上的消费者的逛店体验，最终带动平台店铺整体质量的提升。

具体设计，我们做了哪些升级

店铺框架升级

1.1 店铺内空间优化

视觉升级前，店铺首页搜索栏，店铺信息，导航栏占据了超过1/3的面积，导致商家真正想要展示的内容比较少。而大面积的功能区域在视觉上抢走了商家内容区块的热度，显得店头部分非常臃肿且压抑。

页面内容的浏览和点击热度是呈递减的趋势。越在页面下方展示的信息，浏览和点击量越低。我们设计的思路是为商家保留越多的展示空间，越能为商家带来更多的价值。

我们把搜索栏与店铺信息的模块合并，并且降低了导航栏的高度。改动之后使商家首页可视内容增加了20%，店头区上移之后使内容更趋与屏幕的中心位置，浏览更舒适，并且降低店头信息带来的压抑的感觉。

当用户在店铺内浏览时，上滑页面，对次级信息进行浏览时之后，我们设计隐藏了下方的工具栏，使消费者浏览区域最大化。我们在设计上通过帮助商家多展示信息，增加商家命中消费者的机会，为商家带来更多的价值。

1.2 细节设计，减少视觉干扰

升级前店铺的设计中，有很多视觉元素对消费者的浏览起到干扰作用。升级后的设计针对这四种干扰在设计上进行了优化：

1 . 搜索栏与导航栏形成了大面积的白色栅格。

2 . 店招没有信息的部分产生了太大面积的留白，吸引了用户视觉焦点。

3 . 店铺Logo和导航栏形成了L型转折，视觉上产生一定的干扰。

4 . 整体视觉风格以横向元素为主，但原设计竖性元素(如竖向分割线和上下结构的icon+文字的导航栏）和分割线过多，使店铺视觉的细节上不整体。

升级后的设计针对这四种干扰在设计上进行了优化：

1 . 使店招和导航栏成为一个整体，减少一块分割视觉的色块。

2 . 店头部分信息合并的设计，减少了无店招无信息区域的留白，使店铺系统的信息内容更紧凑。

请到「今天看啥」查看全文