宜家和响应式页面设计

没错,就是那个家具品牌宜家,看似和响应式页面设计毫不相干,但事实上IKEA却在官方站点上做了相当彻底的响应式——近期,宜家官网居然改版了,从之前的老站点换成了现在的全新设计的响应式页面,这不由的让我再次回想起这个从很多年前就一直在争论的问题:响应式真的有用吗?

熟悉宜家的人应该知道,宜家之前有一段时间是没有APP可用的(现在又上架了新APP)。不知出于什么原因,宜家在某个阶段砍掉了APP并选择了web。并且在长期没有线上销售模式的情况下,最终还是在上海第一次推出了线上实验性的渠道,并且新做了上海站的页面——虽然老站点是传统的页面(和新站并存),但是新上线的上海实验站却是全响应式的设计,除了单格的滑动展示在PC环境显得效率低下,整体效果已经相当可用,甚至在表格响应式方面灵活应用了属性伪元素样式的高级技巧。

不过,实验性的上海站最终有不知出于什么原因下线雪藏了,宜家线上购买功能被搬进了它的老站点,从此又开始了好几年的PC端与H5端分离的状态。时隔多年,又又又不知啥原因,近期的老站点彻底改版成了响应式页面,这让我突然有些激动——因为我一度以为多年前上海站的尝试是一次失败的范例,而就现在来看,可能当时的环境因素(浏览器等),数据因素(当时新老站点数据差距还是非常大的)等等,都或多或少的影响了站点设计决策。

从简陋APP到重构APP,到下架APP,再到上线响应式线上购物新站点,再到下线响应式站点并将购物功能做进旧系统页面,最后来到当前,将旧系统页面彻底改版成了响应式,并又重新上架了新APP,宜家的这一连串动作着实有些匪夷所思。就目前来说还不能断定响应式是否适合宜家,但宜家全球站点统一更换了设计从某种角度讲,很可能还是要依靠曾经的上海站点数据效果。

如今全球范围内的疫情影响,而几年前已经布局了线上渠道的宜家这次也只能继续加码,甚至可以说正是因为之前线上销售的尝试,缓解了这次疫情冲击。而这样敏感的节点上更新页面设计毫无疑问,体现了一种自信和破釜沉舟的信念。所以反过来再来看当年的上海站,也许是一次成功的数据积累。

我和响应式有着相当深的缘分,当时负责的项目在同时要兼容IE7的情况下全站点达到全平台响应,而前端页面的时间仅为1周多点。那之后也写了一些响应式相关博文,并看着各种平台的页面设计在传统和响应式之间来回摇摆,很多年过去了,我还是坚信响应式的价值,坚信单一页面容量的持续缩减和轻量化。

如今,宜家再度做出了响应式站点,将一个我曾经认为的失败案例拉了回来,着实有些感慨。而不管之后宜家再做出什么骚操作,我也会持续关注并尽可能记录下来。毕竟,也算是宜家半个粉丝了:)