组件固化、布局确定，如何对B端页面进行大的改版？- B端问答

Q：现在的B端组件样式和布局方式基本已经固化，做出的页面没有过多的区别，如果对B端页面进行大的改版，我们应该要怎么着手进行？

想要进行大的改版，是想要多大？

简单修改？优化？推翻？颠覆？

如果是后两者，你的思想可能就会有点危险，因为我在你的描述过程当中并没有看到你说究竟为何改版，只是说本身交互、布局的固化

而我们设计很多页面都是想如何培养用户这样固化的思维；而你却在疯狂嫌弃，让我感受到了些许的凡尔赛

言归正传，在改版之前需要想清楚究竟是有什么原因？

• 之前业务上的一些交互理念不满足

• 产品风格老旧，需要调整

• 目标用户发生变化导致的使用习惯发生改变

• 前端技术的演变，刚好有契机对之前进行优化

而这些情况都可以支撑你进行页面进行改版处理，但是在思路上可能会有所不同

给你举三个例子，也代表着不同设计系统的改版思路：

Fiori

在SAP的 Fiori 设计系统当中，同样它也进行过多次的改版

从最初的 Fiori 1.0版本的Blue Crystal

再到 Fiori 2.0版本的 Concept Design

而Fiori 1.4 版本的 Belize

而除了视觉风格的改变，更多是交互形式的一点点优化，而优化并不等于颠覆，更多是想在原本的设计框架下去调整错误的交互形式，在一些细节点上去做创新

感兴趣的读者可以复制下方链接去看看 Fiori 的一点点改变

https://zhuanlan.zhihu.com/p/54476972

Lightning

在 SalesForce设计团队的 一次 YouTube 直播分享过，讲到一个问题：如果想要对当前的系统进行一次小范围的迭代，所耗费的资金可能会达到数百万美金

因为当你进行了改版过后，企业需要通知用户有哪些改版内容；而销售则需要对大型企业进行培训；作为产品设计者你需要引导用户，提示他修改的点；

你上面所做的一切并不能覆盖所有的用户，就像我这篇文章虽然大家都会转发，但是也不是所有的B端设计师都能看到（不过大家也一定要多多转发）

而很多用户不知道，也就意味着他可能需要去翻阅帮助文档、咨询客服

这一系列的付出都是需要成本，因为不能简单站在一个设计师的角度去分析改版，更多需要你多去理解改版究竟会带来什么，特别是产品成熟阶段

而SalesForce 的案例并不是劝退设计师改版，而是在改版之前需想清楚自己的真实需求，哪怕是视觉上的好看，也要确定你的设计与其他版本之间的差距究竟有多少，来验证自己的设计。B端设计目前难点不在设计“好看”的页面，而是如何讲清楚你设计的页面是合理的

Element Plus

这里也和大家聊聊 Element，不知道有没有细心的读者发现Element最近正在更新 Element Plus

而关于Element的版本迭代，则是因为技术的原因

如果你对基本的技术框架有那么一点点的了解，你就会知道 Element 是基于 vue 进行搭建的，而最近的Vue 3.0 的出现，也就意味着 Element 需要进行一次全新的迭代

这是 Element 的技术迭代大背景下，而他的迭代过程，就需要将之前element系统当中一些基础内容给优化，调整来满足现如今B端市场的设计需求

最近也在与 忠忠 一起负责 Element 的设计系统优化改版，如果你有设计系统相关经验，有充足的时间，可以微信咨询我

总结

其实B端设计，更多的是优化、迭代，想要颠覆，会付出很多代价，正因如此它和C端不同，也正因如此才叫做B端

我是CE青年，一个 2 B 行业 的 2B 设计师～