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