Test A/B con ember.js

Question

Non ho trovato assolutamente nulla su Google per quanto riguarda i test A/B con un framework lato client come ember.js.

L'obiettivo è di pubblicare il contenuto corretto (diversi elementi di navigazione, intestazione, ecc.) Per testare l'interfaccia utente/UX. Devo notare che non sta cambiando nulla di significativo (cioè la sitemap), solo alcuni aspetti di presentazione minori.

Esistono diversi approcci, ovvero l'utilizzo di diversi modelli di visualizzazione/frammenti di helper o la pubblicazione di un foglio di stile diverso. Entrambi hanno vantaggi e sfide, e idealmente allo stesso visitatore verrebbe sempre servita la stessa versione. I risultati sarebbero alimentati attraverso un servizio come Mixpanel.

Temo di dover preparare la mia soluzione qui, ma mi piacerebbe sentire qualche suggerimento/suggerimento.

Answer 1

Nella loro radice, la maggior parte dei framework di test javascript A/B cookie un utente come nel gruppo "A" o "B", offre un modo per chiedere se un utente è "A" o "B" e segnalare "risultati" torna a un servizio su misura. Questo può collegarsi ad Ember o ad altri framework lato client in un modo abbastanza ortogonale rispetto al framework.

Si consiglia di esporre la "A" - o "B" -nessità dell'utente come una proprietà dell'utente (in Ember, probabilmente il tuo UserController). Quindi è possibile utilizzare la ramificazione o le condizionali standard del framework per eseguire il rendering dell'interfaccia utente "A" o dell'interfaccia utente "B".

Answer 2

In realtà ho creato uno strumento di test A/B piuttosto robusto utilizzando Ember per il mio avvio. In realtà stiamo pensando di aprirlo come fonte se ce n'è una richiesta. Tuttavia posso farti sapere l'idea di base su come funziona ora.

Ho oggetti landingPage, che possono quindi avere una serie di test A/B associati a, Quando un utente arriva alla pagina di destinazione, gli viene assegnato un cookie e per ciascun test A/B assegnato a entrambi A o B.

Ho usato due diversi approcci all'interno della giada per gestire il test A/B.

per il tipo di styling cose, io uso qualcosa di simile

e impostare la proprietà css nella vista a uno test-a o test-b

o se è per il testo farò qualcosa di simile

{{vista view.landingPageText}}

e la landingPageText verrebbe impostato sul testo per a o il Te st per B.

Questa cosa imposta dinamicamente anche mixpanel, mailchimp e utilizza parse.com e node. Puoi vedere il codice in azione qui.

http://golf.nextstudioapps.com/