原来B端组件还能这么迷惑

每个信息分类点击添加按钮也可以快速选择要添加的属性。

根据描述，我猜这位设计师打算让用户这样使用：点击[+字段]按钮，出现弹出菜单；包含一系列的选项，可以控制对应字段输入框的显示/隐藏。

如此说来，假设菜单中取消勾选“品类名称”，表单中的品类名称输入框就消失了。那么，它原来的位置怎么办呢？保留空白？

我猜一定不会是“开天窗”，因为极端情况下，会很差劲，版式完全乱套。

莫非是“后续项目补位”？咱们给表单项编个号，如果②被隐藏，③就补上②的位置，后续以此类推……看起来很好，但是后续项目的位置就变得飘忽。

如上图，表单项⑤的位置有时候是[二排1座]，有时候是[一排4座]，或者下次是[一排3座]……居无定所，没有规律，也就难以形成习惯，最终影响一致性，贻害无穷。

或者，难道菜单中“取消勾选”就变为“不可用(置灰)”表单项目？

根据《尼尔森可用性理论》的状态可见原则：如果不可用，应该告知原因，并且提供“如何让它变得可用”的路径入口。

尽量避免“不可用的必填”，要么选填，要么隐藏，这是最基础的逻辑。

显然，[＋字段]按钮和弹出菜单，没有必要存在。为了创新而创新，没苦硬吃？

还有一种可能：这是字段配置需求，管理员控制“哪些字段需要用户填写”，也没必要用弹出菜单，至少无须每个分类都配备[+字段]按钮！

左侧罗列全部可选字段，右边给出预览，将是一种具有扩展性的方案：

继续扩展的功能有很多：比如字段排序，选填/必填可以切换控制，支持自定义分类~~~将属于另外一类需求：表单引擎。

管理员真的需要“可视化编辑”么？直接给一个配置表格，实现批量快速配置，也是一种备选方案：

对于某个物料编号，配置是否可以重复，或者只能唯一？如果唯一，那么就可以有全局默认配置，此时“新增”就不准确了。

当然，我并不明确具体的需求，比如是否包含列表项目、候选项的变化、审批的流程……只能抛砖引玉。

合格的表单设计，用户上手就知道是什么任务，知道如何使用，不迷惑。

- END -

注：交互设计学堂公众号接受投稿啦，如果你有好的原创设计类文章，可联系客服。别让灵感溜走，快来投稿吧~~