AB testen

A-B Testen

A-B testen is een methode om 2 of meer variaties van dezelfde pagina te verdelen over de bezoekers van een website. Je meet of de volgende pagina van je bezoekers je gewenste pagina is. Een practisch voorbeeld. Ik heb een webshop en gebruik productpagina’s om mijn producten aan te prijzen. Van een productpagina maak ik 2 varianten, dus 2 pagina’s van hetzelfde product met dezelfde prijs die in dezelfde winkelwagen gaan. Met AB testen kan ik er voor zorgen dat een gedeelte van mijn bezoekers de ene productpagina (a) zien en een ander deel de andere productpagina (b). Vervolgens vergelijk ik welk gedeelte van de bezoekers van deze pagina’s doorgaan naar het afrekenen op mijn webshop. De pagina met het hoogste percentage is dan de winnaar en na het getest te hebben op voldoende bezoekers hou ik deze variant dan ook.

Interaction Design patterns

Gedeeltelijk zit het al een beetje in de naam: Design patterns vatten patronen in ontwerp. De beste manier om dit uit te leggen is wel om het vanuit een andere hoek te bekijken. Wanneer ik een woonwijk teken kom ik tal van praktische ontwerp uitdagingen tegen. Waar laten mensen bijvoorbeeld hun hond uit, waar kopen mensen hun eten. Maar ook, ik heb een stukje van mijn woonwijk waarbij ik maar een kleine weg aan kan leggen of ik heb geen plek voor parkeerplaatsen. Ondanks dat mijn woonwijk uniek is, zijn deze uitdagingen dat zeker niet dus is het raadzaam om een gelijksoortig probleem ergens anders te zoeken en te kijken hoe het daar opgelost is. Een slimme architect/stedenbouwkundige bewaart dan ook de problemen die hij eerder tegen gekomen is en beschrijft de oplossingsrichting, zo hoeft hij het niet elke keer opnieuw te verzinnen. Misschien nog wel belangrijker is dat je hierdoor klassieke blunders voorkomt. Gelukkig zijn architecten en stedenbouwkundigen slim en doen zij dit al erg lang, leuk is dat het je wel opvalt wanneer dit niet gebeurt en verkeert uitpakt, elke stad heeft wel zijn voorbeelden van blunders. Nu zijn interactie ontwerpers over het algemeen ook best slim dus verzamelen wij ook design patterns, Yahoo! heeft een library aangelegd en ook Martijn van Welie heeft zijn eigen verzameling. Deze patterns geven handvatten van globale site concepten tot detail interactie. Een slimme ontwerper houdt ook zijn eigen patronen bij, helemaal wanneer deze in een specifieke branche of toepassing werkt.

De stelling: patterns vs ab testen

Zeker sinds Google website optimizer bestaat is ab testen voor bijna iedereen toegankelijk. Je ziet dan ook dat er een enorme toename is in AB testen. Dit opzichzelf is natuurlijk ontzettend goed want het stimuleert om doorlopend de webervaring voor de gebruiker te verbeteren. Ook is de professionaliteit van AB testen toegenomen, het is bijna een vak apart geworden. Inherent aan AB testen is dat het achteraf gebeurt. Wat ook erg opvalt is dat AB testen misschien wel té toegankelijk is geworden en hierdoor symptomen van prijs-schieten begint te krijgen. Ik denk dat een goede AB test er een is waar minimaal 1 hypothese wordt getest. De hypothese moet dan wel voorkomen uit een ontwerpproces en feitelijk te onderbouwen zijn.

Design patterns verzamelen, inventariseren en kiezen is een proces wat nu typisch aan het begin van een proces zit. Dit proces is nog maar heel beperkt volwassen en optimaliseert zichzelf niet voldoende. Mijn stelling is daarom ook een vs stelling. Ik denk dat ab testen en design patterns een goede combinatie kan zijn maar waar stop je je energie, moeite, tijd en geld(!) in?

AB testen optimalisatie

In 1e instantie levert AB testen snel resultaat, je kunt ze snel en makkelijk opzetten en ziet in de statistieken gelijk wat goed en wat niet goed is. Hierbij moet je wel onderkennen dat je optimaliseert in de marge. Je test immers pagina’s en onderdelen van de pagina’s. Door details te testen kun je verzanden in het continue blijven testen van details in een poging om een verkeerde basis te verbeteren.

Design structuur van een website

Design structuur van een website

Wanneer je een bestaande website ontleedt op een ontwerp-manier dan kun je het op de volgende manier zien. Overkoepelend vinden we een concept, hieraan valt als het goed is alles terug te leiden. Daarnaast kunnen we een patronen vinden in het ontwerp, design patterns. Deze patronen komen op meerdere pagina’s voor en de pagina’s bevatten dan weer elementen.

AB optimalisatie in patterns

Omdat je testdoel bij AB testen conversie is blijft de optimalisatie uit AB testen beperkt tot pagina’s en elementen. Uiteindelijk optimaliseer je op deze manier wel het pattern op zich maar je zult altijd binnen hetzelfde pattern blijven werken en denken terwijl er best wel eens een pattern kan zijn wat de gebruikerservaring met sprongen verbeterd. Het lastige hierin is dat je dit moeilijk kan kwantificeren omdat veel patterns het niveau van pagina’s en elementen overstijgen. Dit is ongeveer gelijk aan concept testen, je kunt vrijwel onmogelijk meerdere varianten op een concept testen en optimaliseren, simpelweg omdat het concept de samenhang van de hele website is.

Waarom?

Hoe organisaties en haar gebruikers met elkaar omgaan op het web

Zonder een artikel te willen schrijven toch even want achtergrond informatie. Op een heel basaal niveau is deze afbeelding de manier hoe wij en hoe organisaties met het web omgaan. Eerst communiceerden organisaties met het web en gebruikers met het web. Nu steeds meer communiceren organisaties en gebruikers met elkaar via het web en straks zijn organisaties en gebruikers simpelweg onderdeel geworden van het web, of andersom: is het web een onderdeel van organisaties en gebruikers.

Met dit in het achterhoofd trek je dan snel de conclusie dat het venster tot het web steeds organischer wordt en hierdoor ook niet te vormen voor een vaste periode. Je kunt dan ook niet nu een concept schrijven wat over 2, 3, 4 jaar nog hetzelfde is. De organisatie, het web én de gebruikers veranderen aanzienlijk in deze periode. Het zou dan ook goed zijn wanneer het concept, design patterns, pagina’s en elementen meeveranderen.

Hoe dan? – Inventariseren, analyseren, optimaliseren

Inventariseren

Dit is niet het meest leuke stuk en levert gegarandeerd ook niets op. Inventariseer wat je nu voor patronen gebruikt binnen de site. Het is handig om top down te inventariseren, dus begin groot en werk toe tot de kleinere patronen. Bijvoorbeeld: het is een nieuws site tot aan ik gebruik breadcrumbs Het loont in dit stadium ook om ze te beschrijven binnen de context van de organisatie waardoor ze iets minder generiek en beter toepasbaar worden.

Analyseren

In dit stadium is het van belang om de losse patronen in te delen en verbanden te leggen. Veel patronen zullen een bepaald verband met elkaar hebben en wanneer je deze wil optimaliseren is het belangrijk om te weten welke patronen elkaar beinvloeden. Ook kun je hier KPI’s bij patronen definiëren (omdat je ze op de organisatie hebt beschreven) zodat je latere optimalisatie kunt meten.

Optimaliseren

Op dit punt kun je effectief je patterns gaan optimaliseren. Hoe je dit doet hangt natuurlijk erg van je patronen af maar omdat je ze als patroon hebt beschreven kun je veel leren door te zoeken waar dit patroon nog meer voorkomt. Buiten je eigen branche, land of misschien zelfs buiten het web. Testen kun je kwantitatief doen (doorvoeren en sitebreed de optimalisatie meten) of kwalitatief in bijvoorbeeld en gebruikersonderzoek.

Conclusie

In dit artikel heb ik geprobeerd om je te overtuigen waarom AB testen op de lange termijn niet meer de verbetering brengt die je zoekt en het van belang is om nu design patterns te schrijven voor je website zodat je in plaats van de pagina de gehele gebruikerservaring doorlopend kunt optimaliseren.

Ik denk dat dit heel goed gelukt is en het resultaat staat op http://www.lidyveldhuizen.nl. De site is gebouwd in drupal en ik heb geprobeerd om flash te vermijden en uiteindelijk alleen de titel ge-sIFFR-d (uitdaging, maak daar maar eens een nederlands werkwoord van)

Lidy wilde met haar site vooral een visuele impressie en zo min mogelijk tekst maar ook zo min mogelijk ‘decoratie’, ik vond en vind dat haar site nu goed moet zijn maar het ook in staat moet zijn om later nog eens te vernieuwen. Daarom zijn vooral de projecten goed in het CMS gemigreerd en heeft de site een behoorlijke less-is-more look.

Al met al ben ik erg tevreden met het resultaat maar nog belangrijker; Lidy is er ook erg gelukkig mee, nu nog het belangrijkste: krijgt de gemiddelde bezoeker een prettige ervaring?

Het conceptueel ontwerp probeer ik er zo gelikt mogelijk uit te laten zien, ik gebruik hiervoor illustrator samen met InDesign om dit vorm te geven.

Voor de wireframes en flows werk ik het liefst met Omnigraffle: http://www.omnigroup.com/applications/OmniGraffle/

Standaard biedt dit veruit de beste manier om snel goede wireframes en flows te maken voor mijn interactie ontwerp. Helaas is Omnigraffle alleen voor mac beschikbaar en moet ik soms jammerlijk ook op windows computers werken. Hiervoor biedt visio een prima alternatief, met name omdat het bij de meeste bedrijven in het office pakket geïnstalleerd zit en daardoor goed overdraagbaar is. Er zijn gelukkig wel wat middelen beschikbaar om je visio leven wat makkelijker te maken:

• Martijn van Welie heeft op zijn website een aantal macro’s gepubliceerd die het makkelijker maken om pagina’s te kopieëren, tekst te plakken en formaten aan te passen: http://www.welie.com/visio/
• GUUUI heeft een toolkit met stencils om snel goede interactie ontwerpen (voor web) te maken, absoluut een aanrader: http://www.guuui.com/issues/02_07.php

Een ander alternatief als je op windows moet werken is Axure RP Pro http://www.axure.com/

Het grote voordeel van deze tool is dat je direct van je wireframes zowel een prototype als technische documentatie kunt exporteren. Dit klinkt natuurlijk te mooi om waar te zijn en er zitten ook aan deze software nogal wat beperkingen. Zo is deze tool dan weer alleen voor windows beschikbaar en in mijn beleving is de tool erg technisch waardoor je snel in de beperkingen van deze tool gaat werken in plaats van de klassieke pen papier methode dit allemaal lost kan laten. Ik denk dan ook dat deze tool goed werkt wanneer je al heel duidelijk weet wat je wilt en dit op een goede en snelle manier wil documenteren en testen.

Zeker in het begin ben ik er nogal fan van om zo snel mogelijk wat visuals te maken van je eerste ontwerpen; hiervoor gebruik ik (gewoon) illustrator en/of photoshop afhankelijk van de manier hoe ik de pagina wil vormgeven. Daarna een snel prototype in elkaar zetten in flash en je hebt een mooi product om te presenteren.

Meer tips en tools zijn altijd welkom!

Zondag 28 juni is de tentoonstelling “Signalement Bromsnor” geopend in het museum “De Dubbelde Palmboom” in Rotterdam. Ik ben gevraagd om een viertal schermen te maken voor het interactieve deel van de tentoonstelling waarbij het publiek zelf een juwelenroof zaak oplost(!) Ik ben erg tevreden met het resultaat en zou zeker aanraden om deze tentoonstelling te bezoeken en als dat niet lukt: gelukkig hebben we de foto’s nog

Waar anders vind je een plek om ongestoord over alle frustraties van de dag te schrijven zonder dat iemand je een spiegel voor houdt van de manier waarop je het anders had kunnen aanpakken. Het heeft vast een therapeutische werking, maar ik zou eerder naar ELIZA verwijzen hiervoor. Voor de geïnteresseerden onder ons; ELIZA was in 1966 het eerste systeem wat menselijke intelligentie nabootst. Het is geprogrammeerd als een parodie op psychiaters die volgens de bedenkers ook vaak dezelfde generieke antwoorden geven.

Voor mij, ik heb geen eliza of andersoortige therapeutische technologie nodig om mijn ervaringen te verwerken. Dus dit blog gebruiken om mijn ervaringen en gevoelens de wereld in te spuiten om er zelf zo van af te zijn gaat dus niet gebeuren.

Wat dan?

In de 1e plaats is dit een ‘professioneel’ blog. Immers ik ben een professional. In de 2e plaats hoort het bij mijn domein: architecto.nl het zal dus een link moeten hebben met interaction design, usability, ‘internet’ of nieuwe media. Lekker breed, zo kan ik overal over schrijven

Ik maak veel mee tijdens het werk, afgelopen week nog een workshop van Ruben Timmerman gehad waar ik veel nieuwe dingen bij heb opgestoken. Verder zit ik tjok-bom-boem-lauw vol met inspiratie en dit wil ik in tegenstelling tot mijn gevoelens en dat soort dingen wel heel graag met de wereld delen.

En daarmee gaat mijn blog een nieuwe fase in. Belangrijk is: Wat doen we wel? – Wat doen we niet?

Wat doen we wel?

Reflecties op het nieuws vanuit het vakgebied (b.v amerikaanse verkiezingen zijn usability)
Random thema’s die in mij opkomen
Dingen waar ik ‘tegenaan’ loop

Wat doen we niet?

Reflecties op het nieuws op een algemene manier (b.v Obama is kudt!)
Dingen over mijn klant of de omgeving
Gevoelens (blegh)
Dit blog niet meer updaten.. laten we afspreken.. minimaal 1 post per week? [comments zijn welkom]

Dus op naar de volgende post…