5

宜家和响应式页面设计

 3 years ago
source link: https://swordair.com/ikea-and-responsive-web-design/
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

宜家和响应式页面设计

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

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

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

ikea.png

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

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

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

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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK