关于一个报表产品「条件格式」功能的交互设计的方案对比

开发一个产品，在某个功能需求的交互方案上与同事产生了分歧。我很好奇大家怎么看，所以发出来让大家评一评，同时如果大家有更好的方案，欢迎发表建议。

为了避免先入为主，下文仅以方案一、方案二指代。

背景

这是一个所见即所得式的报表编辑工具。用户向工作区添加组件，选中组件会在屏幕右侧显示一个面板（后文称之为「属性面板」），包含该组件支持的各种属性，用户通过此面板设定组件的各个细节（字号、颜色等等）。

现在要实现的是一个「条件格式」功能，概念来自于 Excel，作用也类似，用户通过设定条件来动态地更新某个属性的值（补充：组件有「数据字段」的概念，作为条件的第一操作数）。最终的效果就是这样：字段 A 大于等于 60，文字颜色变橙色；字段 B 大于等于 90，组件背景色变绿色……

方案一

在属性面板内添加一个「条件格式」按钮，用户点击后显示一个「条件格式」面板覆盖属性面板。其内容主要是一个列表，用户点击加号按钮会显示一个小型对话框，用来输入条件类型（大于、小于、……）、条件操作数（字段 B、90、……）、目标属性（字号、背景色、……）和目标属性值（ 42px、#66ccff、……），保存后成为列表中的一项，点击可编辑、删除。该组件所有已设定的条件格式都显示在这个列表里。

方案二

在属性面板内添加一个「条件格式」按钮，用户点击后属性面板进入「条件格式」模式，面板原有的内容大致不动，输入控件变成一个个组合按钮。点击该按钮的主体区显示一个小型对话框，用来设定控制该属性的条件，内容与方案一大致相同（除了目标属性自动设定且无法更改）；点击该按钮的辅助区（就是组合按钮的另外一半）显示一个对话框，内容为与该属性相关的所有条件的列表（类似方案一中的列表），并可编辑、删除。条件格式模式下属性面板会额外显示一个按钮，用于显示该组件已设定的全部条件格式。

对于一些只用于条件格式的特殊属性（比如表格当前行），则在属性面板的相应位置追加。

对上述两个方案的描述着重于用户交互的设计，对于业务功能没有说很详细（但没提到的部分应该不影响交互设计），也希望大家也着重于这个方面来评论。