B端业务由于其复杂性、场景与业务多变性、不确定性、多语言环境等因素，在设计中必须要充分考虑扩展性与妆容性，处理不好，会自己把自己陷入死局
最近在进行的几个项目中都有较多需要考虑扩展性与兼容性的场，在这里作一个小结。些次内容会分为pc端和移动端两部分，今天先说pc端
1. 首页
B端的首页通常为数据展示及图表呈现。数据的多少呈不确定性，经常随着业务的变化而变化，所以在美观的前提下，如何兼容可展性，几乎是每个模块都需要考虑的问题
1）主数据区
大于等于2个，少于4的时候效果最佳。这时肯定是无法兼顾全场景。我们在定好规范的前提下，需要尽量考虑极端情况如何处理。如果是一个的情况，需要特殊设计一下。如果多于4个，考虑是否让用户自定义需要展示的数据，不常用的进入更多内展示
2）快捷入口
这里主要考虑多语言兼容，由横向布局改为纵向布局更有利于扩展和兼容多语言。
2. 下单页
这里主要考虑单条横向的字段数扩展和竖向每个包裹数量的扩展。
1）横向字段：
尽量把必填靠前，固定操作区域；当场景中字段实在过多时，就不适宜采用表格的模式了，需要换交互方式；
2）竖向包裹数
向下添加，但也不会过多，当超过一定数量范围，需要考虑批量模式
3. 下拉多选
通常只有几个选择时展示无问题，但当选项较多时，例如国家，可能几十上百个，这时的展示就值得思考。就算是一整行就只有这一个字段，也很难兼容。
现在的解决方案是：设置上限，鼠标经过时再展示全部
4. 不确定项添加
首先国家的个数不确定，其次每个国家的邮编段也不确定。这里的设计是每点一次添加新增一组邮编段，一行排满后自动折行。可以思考下是否还有更优的方案；
5. 表格中内容不可控
这里通常只有几个，但偶尔有特殊情况可能会几十上百甚至上千，兼容方式：超过三组时出现更多按钮，用弹窗展示全部内容。
未完待补充...
网友评论