Как управлять CSS-файлами при проектировании A / B теста

Question

Я работаю в веб-компании, и мы собираемся провести A / B-тестирование на одной из основных веб-страниц, на которой будут тестироваться 2 разных дизайна. А / Б рассмотрит 2 разных подхода к дизайну: разные значки, цвета, схемы и т. Д. И даже незначительные изменения в макете. основные изменения - ДИЗАЙН (и я изменю их в CSS).

Предполагая, что я знаю, как запустить A / B тест:

мой вопрос: как мне обрабатывать файлы CSS.

мой основной CSS находится в файле с именем: generalStyles.css.

Нужно ли мне создавать файл с именем generalStyles_B.css? Будет ли это дублирование из generalStyles.css или это будет добавление к этому файлу и просто «пробежка» по правилам CSS, которые я изменяю?

Duplicate позволит легко использовать generalStyles_B, если мы решим перейти к опции B. но поддерживать код легко, дублирование кажется неправильным.

спасибо, Alon

Answer 1

Зависит от того, как вы проводите a / b тестирование. Метод, который я бы использовал, заключается в следующем, с основным предположением, что вы используете два разных файла, что-то вроде register-a.html и register-b.html. Даже если вы используете приложение, которое выводит ваши страницы за вас, вы должны контролировать разметку обоих. Кроме того, я предполагаю, что где-то на вашей странице у вас есть div вокруг вашего контента.

Ваш HTML может выглядеть так на вашей первой странице:

<div id="container" class="register-a">
 <h2>Title</h2>
 <p>Content Goes Here</p>
</div>

На второй странице у вас может быть разметка следующим образом:

<div id="container" class="register-b">
 <h3>Title</h3>
 <p>Content Goes Here</p>
 <div id="registerBox">
  <input />
 </div>
</div>

Для этого вам не понадобятся два листа CSS. Благодаря классам «register-a» и «register-b» вы можете вносить визуальные изменения по своему усмотрению. Я бы использовал текущий лист CSS, который у вас работает, и включил бы что-то подобное в ваши стили:

* * 1010

Это будет явная визуальная разница. Опять же, все зависит от того, как вы в первую очередь проводите A / B-тестирование, а также от того, как ваш код организован на вашем веб-сайте. Надеюсь это поможет.

Answer 2

Мое Я также предлагаю, чтобы, если изменения были внесены для чего-то вроде фона на определенной странице, тот же файл .css мог бы использоваться с дублирующейся записью с небольшим изменением.исходный css, фон - "background.jpg"

body.home {
background-image:url('images/background.jpg');
background-color:#444;
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover;
}

В варианте фон - "background0.jpg"

body.home0 {
background-image:url('images/background0.jpg');
background-color:#444;
background-repeat:no-repeat;
background-attachment:fixed;
background-size: cover;
}

Так что в данном случае страница вариантаможет просто ссылаться на body.home0 вместо body.home без потери какого-либо другого форматирования.