Introduzione di un designer Web ai test A / B

Il test A / B è il processo di sperimentazione di diverse opzioni per misurare il successo relativo di ciascuna di esse. Per quanto riguarda il Web, i test A / B possono chiarire quali sono le scelte progettuali più efficaci; chiaro al progettista e (più importante) chiaro al cliente.

C'è spesso una dicotomia fondamentale tra web designer e client. Mentre il designer vuole creare un sito web bello e utilizzabile, il cliente è focalizzato sul raggiungimento degli obiettivi di business. I clienti spesso cercano di colmare questa lacuna influenzando le decisioni di progettazione e finiscono per dare suggerimenti che sembrano sconvolgere la sensibilità del progettista.

Tuttavia, cosa accadrebbe se il web designer chiudesse il baratro tra design e business modificando il sito Web per aumentare la velocità con cui raggiunge i propri obiettivi di business? Questo articolo spiega come i web designer possono utilizzare i test A / B per aumentare i tassi di conversione dei siti Web dei loro clienti e, nel processo, rendere le loro vite più facili.

Panoramica

Scopriamo rapidamente cosa tratteremo in questo articolo.

  • Introduzione al test A / B
  • Perché dovresti eseguire il test A / B?
    • Prospettiva del cliente
    • La tua prospettiva
  • Cosa puoi testare A / B?
  • Che cosa dovrebbero test A / B?
  • L'approccio corretto al test A / B
  • Cosa fare e cosa non fare dei test A / B

Introduzione al test A / B

Il test A / B (o "variant", o "split") descrive il test di due scelte e misura quale è migliore per raggiungere un obiettivo predefinito. Nel contesto del Web, test A / B significa dividere gli utenti tra due varianti dello stesso elemento o pagina (A e B) e vedere quale è più efficace nel raggiungere gli obiettivi di conversione del sito web. Ad esempio, dividendo gli utenti tra due Call To Actions, uno dei quali dice "Inizia ora" e l'altro "Inizia la prova gratuita", quindi misurando i tassi di iscrizione.

La sperimentazione A / B è stata utilizzata dalla comunità medica in esperimenti clinici da molto tempo ormai. In effetti, il primo test clinico registrato era un test A / B. Nel 1747, lo scozzese James Lind (un medico della Royal Navy britannica) divise dodici marinai afflitti da scorbuto in sei coppie. Ha quindi fornito a questi gruppi diverse variazioni di agrumi, aceto, sidro, ecc. E attraverso i risultati è emerso che gli agrumumi ricchi di vitamina C aiutano a prevenire e curare lo scorbuto.


James Lind dà da mangiare agli agrumi a un marinaio scorbuto a bordo di HMS Salisbury nel 1747 (Artista: Robert A Thom).
Fonte Originariamente da: una storia della medicina in immagini, pubblicata da Parke, Davis & Co. 1960.

A parte: Sono quasi certo che il primo test A / B è stato condotto quando due uomini di stoneage si sono riuniti e hanno deciso di vedere che tipo di pietra era più adatto per accendere un fuoco, ma poi, non sono uno storico.

Gli ingegneri che non capiscono il design cercano di fissarlo a regole e formule nella speranza che possano utilizzarle per ricreare un buon design. I web designer (di solito) detestano sottoponendo la loro arte a tali rigidità. Il caso più famoso di un designer che si imbatteva in una cultura di test A / B era presso Google. Nel suo post intitolato "Goodbye Google" Douglas Bowman di StopDesign (attualmente il direttore creativo di Twitter) sottolinea come una dipendenza fanatica nel testare anche le decisioni di design più minime sia stato uno dei fattori che lo hanno portato a lasciare la società.

Sì, è vero che un team di Google non poteva decidere tra due blues, quindi stanno testando 41 sfumature tra ogni blu per vedere quale si comporta meglio. - Douglas Bowman

Questa guida non incoraggia in alcun modo il fanatismo di alcun tipo. Invece, ti mostrerò come puoi usare il test A / B per rendere più facile portare i clienti, godere di migliori interazioni con loro (con bruciore di stomaco molto ridotto) e fare più soldi.

Perché dovresti eseguire il test A / B?

Per alcuni semplici motivi. Loro sono:

  • Per aiutare i tuoi clienti a raggiungere i loro obiettivi di business.
  • Per aumentare i tuoi guadagni.
  • Per prevenire il bruciore di stomaco.

Copriamo ognuno di questi separatamente.

Aiutare i clienti a raggiungere i loro obiettivi aziendali

Sfortunatamente, molti web designer si perdono nell'aspetto progettuale del progetto al costo di trascurare gli obiettivi aziendali. Mentre le persone si preoccupano di un sito Web di grande impatto, ti daranno molto più amore se riesci a renderle un sito Web di grande impatto che si converte meglio della media del loro settore.

Inoltre, questo è anche un motivo eccellente per i potenziali clienti a darti il ​​loro business.

Aumentare i tuoi guadagni

Offrire servizi di ottimizzazione può migliorare il modo in cui gestisci la tua attività: è un altro fiore all'occhiello. Prendersi sinceramente cura degli obiettivi di business dei tuoi clienti ti permetterà di comandare una tariffa più alta.

Prevenire il bruciore di stomaco

Ecco una guida rapida per prevenire il bruciore di stomaco quando si discute del design con i propri clienti.

Quando il tuo cliente ti contatta:

Deve essere elegante ma alla moda. E dato che la nostra azienda ha la parola velluto, mi piacerebbe avere l'introduzione di un pezzo di velluto che vola dappertutto con una musica vellutata in sottofondo. - Clienti dall'inferno

Rispondi "Ok sicuro, proviamo solo con A / B."

O se il tuo cliente dovrebbe dire:

Tu dici: "Ok sicuro, proviamo solo con A / B."

Oppure, il tuo cliente dice:

Sto avendo un'esperienza piuttosto avventurosa con il sito web di un particolare cliente. Le ultime "funzionalità" che hanno richiesto è che la musica di sottofondo viene riprodotta automaticamente quando il sito viene caricato. Cosa dovrei dire per convincerli gentilmente che questa è una cattiva idea? - StackExchange.com

Tu dici: "Ok sicuro, proviamo solo con A / B."

Parola di avvertimento ...

Preparati a succhiarlo. Il test A / B ha questa interessante tendenza a generare risultati nettamente opposti all'intuizione e al senso del design di un designer professionista. Prendiamo ad esempio questo case study su A / B per testare piccole immagini pubblicitarie.

Ben di PlentyofFish A / B ha testato questi due annunci per vedere quale CTR recevidato più alto (Click Through Rates).

Il risultato? Con le sue stesse parole, "CTR dello 0,049% rispetto allo 0,137% CTR a favore dell'annuncio s *** in Microsoft Paint". Il punto è che è molto probabile che il colore CTA scelto dal pappagallo del tuo cliente o dal suo lettore di carte dei tarocchi eseguirà ciò che avevi inizialmente progettato. In tal caso, sii pronto a succhiarlo e continua a fare più soldi al tuo cliente.

Cosa puoi testare A / B?

Mentre puoi testare quasi tutto su un sito web, qui ci sono alcuni elementi che, una volta modificati, danno l'effetto più evidente sul comportamento dei visitatori.


Fonte: formstack.com
  1. Titolo
  2. Titolo secondario
  3. copia
  4. Testimonianze
  5. Call To Action
  6. Pulsanti Call To Action
  7. link
  8. immagini
  9. Posizionamento degli elementi sopra o sotto la piega

L'approccio corretto al test A / B

Il modo corretto di testare è come farebbe uno scienziato. Gli scienziati usano qualcosa chiamato "il modo scientifico" (scommetto che non avresti mai immaginato) che consiste nel seguente:

  1. Ricerca e osserva: Analizza il comportamento degli utenti a cui un sito web è rivolto e capisce dove tendono a rimbalzare sul percorso che porta all'obiettivo. Ad esempio, osservi che molti visitatori non compilano un modulo richiesto o iniziano a riempirlo e poi lo abbandonano da qualche parte nel mezzo.
  2. Identifica il problema: ad esempio "Il modulo di iscrizione ha troppi campi che portano ad un alto tasso di abbandono".
  3. Crea un'ipotesi: ad esempio "Ridurre il numero di campi nel modulo di registrazione ridurrà il tasso di abbandono del modulo."
  4. Inizia l'esperimento: In base alla tua ipotesi, crei una variante in cui riduci il numero di campi modulo. Hai diviso il traffico del sito web 50/50 tra l'originale e la variazione più breve e aspetti che l'esperimento venga eseguito fino a quando non ha raggiunto la sicurezza statistica (il 95% di confidenza è lo standard accettato e il software scelto dovrebbe segnalarlo). Ricorda di testare sempre contro l'originale (il "controllo") allo stesso tempo in modo da poter confrontare i risultati. In questo modo saprai se una variazione è migliore o peggiore dell'originale.
  5. Analisi: Si vede se la variazione ha funzionato meglio o peggio del controllo.
  6. Conclusione: Se la variazione migliora, la implementa per tutti gli utenti. Se peggiora, si impara che la lunghezza del modulo non è probabilmente responsabile per l'alto tasso di abbandono e tornare a identificare il problema.

Impostazione del primo test A / B

La maggior parte degli strumenti di test A / B di oggi funziona nel modo seguente:

  • Apporta modifiche alla pagina web usando un editor visuale (questo si chiamerà Variation).
  • Modificare le impostazioni di prova.
  • Inserisci il codice JavaScript nel sito Web in cui desideri eseguire il test.
  • Inizia il test.
  • Attendi i risultati, in base ai quali intraprendi ulteriori azioni.

Ai fini di questo articolo, ti mostrerò come impostare un test rapido usando lo Strumento per ottimizzare il sito web (Disclaimer: sì, lavoro qui).

Dopo aver effettuato la registrazione per un account, avviare un test A / B dalla dashboard e digitare il sito Web su cui si desidera eseguire un test. La pagina si aprirà in Visual Editor.

Apporta le modifiche richieste:

Modifica gli obiettivi e le impostazioni del test:

Ora tutto ciò che devi fare è aggiungere lo snippet di JavaScript nel tuo sito web e sei a posto.

Cosa fare e cosa non fare dei test A / B

Per concludere, elenchiamo alcune linee guida.

  • Innanzitutto, lascia andare il tuo ego. Questo qui è un esperimento, non un test contro le tue scelte progettuali.
  • Prova solo una cosa alla volta. Se testate troppe modifiche nella stessa istanza, non sarete in grado di identificare cosa funziona e cosa no.
  • Attendere il raggiungimento della significatività statistica. La maggior parte degli strumenti di test A / B segnala un vincitore quando la matematica mostra che il significato del 95% è stato raggiunto.
  • Testare sempre il controllo e le variazioni nello stesso periodo di tempo su un traffico simile. Testare il controllo una settimana e la variazione successiva è un errore comune che dovrebbe essere evitato in quanto il profilo dei visitatori potrebbe cambiare in quel momento.
  • Apporta grandi cambiamenti. Se i visitatori non si accorgono del cambiamento, non reagiranno ad esso e finirai senza risultati decisivi dal tuo esperimento.
  • Assicurati che le modifiche siano coerenti tra le pagine. Ad esempio, quando apporti una modifica in una pagina prodotto, dovrebbe essere presente in tutte le pagine del prodotto.
  • Se il tuo cliente è d'accordo, prova a testare continuamente. Una vittoria del test A / B di solito convince i clienti scettici a farlo. I sorrisi e gli abbracci caldi che ne derivano di solito convincono il progettista che non è poi così male.
  • Non lasciare i risultati sdraiati. Apporta le modifiche immediatamente quando i risultati sono positivi e utilizza i risultati negativi per creare la tua conoscenza interna. Le lezioni apprese ti aiuteranno con altri clienti.
  • Non assumere mai nulla. Aspetta solo i risultati.

Il test A / B è un processo estremamente coinvolgente e questa introduzione serve a coprire i fondamentali. Con un po 'di fortuna, ho messo in chiaro che i test A / B non possono solo migliorare un determinato progetto, ma che possono essere preziosi per comunicare le decisioni di progettazione con i tuoi clienti.

Grazie per la lettura, sentiti libero di porre qualsiasi domanda tu possa avere nella sezione commenti.