近日，火山引擎DataTester 对A/B实验“可视化编辑器”进行了升级，可视化编辑器功能让用户无需编写任何代码，即可在网站或相关产品页面上进行基本的视觉更改，并发起A/B实验。

升级后， DataTester可视化编辑器具有如下新特性：

1. 交互方式优化，页面和实验切换，选择元素可视化编辑，聚焦更顺畅的操作

2. 减少刷新初始化内容，让刷新加载更快捷

3. 沉浸式的预览体验，避免干扰因素影响

4. Xpath的层次结构视图，让层级展示更清晰

火山引擎DataTester的“可视化编辑器”功能可支持多种类型的A/B实验设计，本文将详细介绍其支持的“MVT多变体可视化实验”功能。

多变体可视化实验（简称MVT，全称Multi-variate Visual Test）是同时对一个网页的两个或多个元素变体进行A/B实验，以查看哪个组合策略可以产生最好的结果，DataTester新版“可视化编辑器”让多变体可视化实验的实施更加便捷。

据介绍，多变体可视化实验中的元素（Element），指的是页面中的元素，如页面按钮位置、样式、颜色等，DataTeater支持针对页面中的多个元素进行A/B实验。变体（variant）是针对页面元素中的修改，元素进行修改内容和样式保存之后就是变体。而组合（combination）则是指实验组，即一个元素下可以有多个变体，一个变体下有同一个元素不同修改，元素中不同的变体相互交叉组成的一个版本。

举例而言，如果正在对3个元素进行A/B测试，每个元素分别有2个、3个、4个变体，每个变体下都有不同的元素修改内容和样式，则一共有24种组合 (2x3x4)。在DataTester中即可直接开启24组实验，并观测结果。

用户在DataTester中输入目标网页URL后，即可点击进入“可视化编辑器”。DataTester将基于网站原页面打开可视化编辑器。网页元素配置入口，在可视化编辑器的右上角有Tooltip提示，可直接进行元素拖拽操作。

在DataTester中选择变体之后，左侧看板联动，显示当前对应的元素和变体，便于用户直接对选中元素进行编辑。如下图所示，支持可视化编辑元素文本、颜色、字体、样式等。

DataTester多变体可视化实验适用于如下场景：

· 当Web网站/H5/APP访问量较高时，运行多变体实验尤为有用且有效。

· 当用户有一个策略假设可以通过多种方式实现变体，但无法决定该测试哪种组合时，则适合多变体实验验证。

DataTester是火山引擎数智平台旗下产品，作为字节跳动内部使用多年的 A/B 测试平台，DataTester有支持多种复杂A/B实验及精准科学的分流能力，能够深度耦合推荐、广告、搜索、UI、产品功能等多种业务场景需求，为业务增长、转化、产品迭代，策略优化，运营提效等各个环节提供科学的决策依据。

目前，火山引擎DataTester已经服务了美的、得到、凯叔讲故事等在内的上百家标杆客户，将成熟的 “数据驱动增长 ” 经验赋能给各行业。