De ideale checkout

De ideale checkout
Niemand weet hoe de ideale checkout eruit ziet. Het probleem is dat het enorm riskant is om met je checkout te gaan rotzooien, omdat je je geen fouten kan permitteren in dit cruciale proces. Daarom loopt in feite iedereen achter elkaar aan, en dat is begrijpelijk. Best practices volgen is een goede manier om je gebruiker niet voor onverwachte verassingen te zetten. Hieronder volgen een paar tips uit het best practice handboek, en daarna waag ik me aan een voorstel voor een alternatieve checkout flow. Voor wie het aandurft.

1. Verwijder de site navigatie De checkout moet opgezet zijn als een fuik.  Niets mag de gebruiker afleiden van zijn taak. Upsell doe je op de productpagina, cross sell op de productpagina en in de basket, maar zodra de gebruiker aan het afrekenen is wil je haar nergens anders meer naartoe sturen, zelfs niet naar meer producten om mee te bestellen.

2. Creëer een aparte navigatie voor de checkout waarin je de stappen toont die de gebruiker moet doorlopen.  Hierdoor geef je focus en duidelijkheid over het proces.  Gebruikers kunnen deze navigatie niet gebruiken om stappen over te slaan, wel om terug te gaan om iets te wijzigen wat ze al hebben ingevuld.

3. Gebruik zo weinig mogelijk velden.  Probeer een balans te vinden tussen informatie die je nodig hebt om de bestelling af te kunnen ronden, zoals adresgegevens en informatie die je graag zou willen hebben om te kunnen segmenteren voor je marketing doeleinden, zoals geboortedatum.

4. Respecteer privacy. Als je mensen om gegevens vraagt die ze niet zo graag weggeven, zoals een telefoonnummer, geef dan in ieder geval een goede reden (’zodat we u kunnen bellen als er onverhoopt een vertraging optreedt’).  Geef een link naar je privacy policy, maar toon een popup, link niet naar een aparte pagina.

5. Stel de gebruiker gerust en verwijder FUDD’s (Fears, Uncertainties, Doubts & Dealbreakers).  Toon direct bezorginformatie en -kosten (liefst al vóór ze in de checkout komen, soms is dat niet mogelijk omdat je nog niet weet waarheen het verzonden moet worden, geef in dat geval een indicatie).  Geef duidelijk aan dat de betaalomgeving beveiligd is, toon de betaalmogelijkheden vroeg in het proces en laat zien van welke keurmerken en organisaties je lid bent.

Een alternatieve checkout flow? De meeste bestelprocessen hebben de volgende volgorde (als je voor het eerst bestelt):

– inloggen of nieuwe gebruiker keuze
– factuuradres
– email (met optionele nieuwsbriefinschrijving) en wachtwoord
– bezorgadres
– (cadeau)verpakking en bezorgmethode
– betaalmethode
– bestelbevestiging

Ik denk dat het intuïtiever kan door de volgorde om te gooien:
– emailadres met of zonder wachtwoord (zoals de geniale login van Amazon)
– bezorgadres plus (cadeau) verpakkingsopties
– betaalmethode en factuuradres (indien afwijkend)

Op die manier groepeer je de taken logischer: waar en hoe wil ik het laten bezorgen, en hoe wil ik betalen. Wie durft?

Verleid de klant na de aankoop!

De meest ondergewaardeerde pagina van de checkout verdient zijn eigen post: de bestel bevestiging pagina. Behalve de bestel bevestiging te laten zien en uitprinten kun je hier veel meer kwijt. Per slot van rekening staat de klant hier in een wak: ze is net klaar met bestellen en heeft geen directe taak. Suggesties om hier te tonen:

1. Nieuwsbriefinschrijving
Hoe graag je ook zou willen, opt-out (mensen een vinkje laten wéghalen als ze geen nieuwsbrief willen) is niet meer van deze tijd. Gebruikers zullen actief moeten kiezen voor je nieuwsbrief. Je hebt ze die optie al geboden bij het invullen van de adresgegevens, maar ze hebben misschien nog geen vinkje gezet. Geef ze dan nogmaals de mogelijkheid, maar nu kun je wat meer verleiding toepassen zonder dat dit afleidt van de besteltaak. Noem de voordelen en geef een voorbeeld van hoe de nieuwsbrief eruit ziet.

2. Kassakoopjes
Waarom je cross sell beperken tot vóór de checkout? De bestelling is net geplaatst, als het technisch mogelijk is is dit een uitgelezen kans om er met 1 druk op de knop nog een paar kleine artikelen aan toe te voegen, zolang dit je bezorgkosten of credit check/fraudemodule maar niet beïnvloedt.

3. Links naar veelbezochte pagina’s
Een link naar de homepage is niet genoeg. Probeer te vermijden dat je klant de site verlaat door een aantal links naar goedbezochte en interessante pagina’s binnen de site te bieden.
4. Registratie
Steeds meer sites, vooral in de US staan klanten toe een bestelling te plaatsen zonder een account aan te maken. Dit kan een goede manier zijn om een drempel weg te nemen zodat de klant een bestelling plaatst. Maar eigenlijk wil je die klant juist wel laten inschrijven. Geef op je bevestigingspagina de mogelijkheid om door simpelweg een wachtwoord toe te voegen alsnog een ingeschreven gebruiker van je klant te maken. Waarom zou ze dit doen? Omdat ze dan haar bestelling kan volgen via de account pagina! Zeg daar maar eens nee tegen…

Paper prototyping en rapid prototyping

Om snel een concept uit te kunnen werken is het mooi dat paper prototyping uitgevonden is.  Niet in de laatste plaats omdat het een veel coolere naam is dan ‘tekenen en uitknippen’.  Paper protyping stelt de interaction designer in staat om snel een concept te demonsteren aan collega’s of zelfs direct aan een klant zonder dat iedereen meteen wordt afgeleid door een design.

 

Waarom paper prototyping?
Door met potlood en een zwarte pen snel de pagina’s te tekenen heb je in een mum van tijd een idee op papier.  Net als op een computer wil je natuurlijk kunnen cut en pasten, en door de elementen uit te knippen kun je navigatie en andere zaken hergebruiken, individuele pagina’s op elkaar leggen in de goede volgorde en complexe ajaxinteracties simuleren met een simpel knipseltje.

Vorige week moesten we voor een klant in een paar dagen een proof-of-concept neerzetten en om snel buy-in voor het concept te krijgen was een paper prototype de ideale manier om direct visueel het concept te tonen.

handig voor: demonstratie van concept, snel richting geven aan het project

 

Rapid prototyping

Rapid prototyping is de code-variant van paper prototyping.  Door snel een aantal pagina’s met elkaar te linken en wat eenvoudige front-end code te gebruiken kun je zonder een back-end te demonstreren hoe de applicatie of website gaat werken.

Waarom rapid prototyping?

Tools als Axure staan interaction designers toe om wireframes vrij eenvoudig interactief te maken zodat de klant kan zien hoe de site werkt.  Rapid prototypes zijn zelfs voor eerste usabilitytests te gebruiken voordat de ontwikkeling van de site werkelijk begint.

handig voor: betrokkenheid en controle bij de ontwikkeling van het interactie ontwerp.  Usability tests in een vroeg stadium voor de applicatie is gebouwd.

Twijfelt u om verder te gaan? De checkout bij Neck.nl

Onlangs wilde ik een product kopen bij Neckermann online. Neck.nl is een mooie overzichtelijke webwinkel met een breed assortiment. En met een jaaromzet van 84 miljoen, een van de grootste bedrijven in homeshopping.

De eerste checkoutpagina kom ik nog door…
Ik vond het product van mijn keuze en legde het in mijn winkelmand. Tot zover alles goed. Mijn twijfels beginnen te komen bij de checkout… De eerste pagina kom ik nog goed door. Ik ben een nieuwe klant en maak een account aan. Dat ik mijn telefoonnummer moet opgeven kan ik nog inkomen. Even bellen voor een afleverafspraak kan handig zijn. Maar waarom neck.nl mijn geboortedatum nodig heeft? Naar eigen zeggen voor het  aanmaken van een klantnummer dat gebaseerd is op de geboortedatum.  Toe maar.

Slechts 2 betaalmogelijkheden
En dan de volgende stap ‘betaling en voordelen’.

Bestelproces Neckerman

Het begint met het aanwezig zijn van slechts twee betaalmogelijkheden. Of ik kan op rekening kopen of ik kan met acceptgiro betalen.  Acceptgiro vind ik niet erg want het risico ligt dan bij Neckermann en niet bij mij. Ik krijg het product voordat ik betaal.

De eerste optie blijft voor mij als eerste keer koper beetje afschrikken. Ik krijg doembeelden van postorderaars die leven op kredietverstrekking en mij een lening proberen aan te smeren.  Even doorklikken en ja hoor, een lening tegen 18% op jaarbasis vormt de basis van het aanbod.
Dan kies ik toch maar voor de acceptgiro.  Welk bedrag op de acceptgiro komt te staan is op dat moment nog onduidelijk. Is het de 400 Euro van het product of komen daar nog extra kosten bij?

Onduidelijke verzendkosten
Om hier meer over te weten te komen klik ik op de knop ‘Verzendkosten’.
Opties voor verzenden bij Neckerman
Daar zie ik 5 verschillende tarieven variërend van €4.99 tot €24.99. Of toch niet? Als ik de tekst bij het maximum tarief nog een keer lees staat daar dan nu toch dat het €44.99 minimaal is? Dus bestel ik een koelkast dan kost het mij aan verzendkosten minimaal €50 extra.  Mijn enthousiasme begint nu te dalen en ik sta op het punt te vertrekken.

Toch nog even kijken naar wanneer ik het product dan zou kunnen krijgen.

Zo te zien binnen 24 uur. Maar geldt dat ook voor mijn product? En zo te zien is elke keer dat ik de postbode misloop een extra rekening van €50.
Terug naar de ‘betaling en voordelen’ pagina. Uitgesteld betalen.
Uitgesteld betalen
Dat is handig voor als je even krap bij kas zit. Alleen de manier waarop het aangeboden wordt is lastig te begrijpen. Betekent dit nu dat de betalingstermijn van 14 dagen voor de acceptgiro nu opgerekt wordt naar 3 maanden?
Het laatste blok van de pagina toont een aantal incentives om door te gaan met de verkoop.
Incentives bij Neck.com

Loop ik hier nu voordeel mis?
Voordeel is altijd goed maar hier snap ik niets van. Wat is bijvoorbeeld een ‘nex’? Hoeveel is het waard. Krijg ik nu 1 nex + 150 bonus nex?  Het extraatje uit de mailing… welke mailing de papieren catalogus, de algemene Neckermann nieuwsbrief of een gepersonaliseerde nieuwsbrief?  En waar kan ik die vinden? Hier loop ik voordeel mis… Even Googlen voor de mailing en het extraatje.
Ik wil voordeel dus klik ‘Niks extra’ zeker niet aan. Dan maar voor de gratis nex en op naar de volgende stap. De volgende stap is bestelling versturen.
Bestelling versturen bij Neckermann

Na alle moeite: Totaalbedrag nog steeds onbekend
Wat hier gebeurt is vreemd… Ik weet nog steeds niet hoeveel mijn bestelling nu echt kost. Wat is het bedrag dat ik met Neckermann moet afrekenen? En wanneer krijg ik mijn bestelling? De tekst ‘Bovenstaande afleverdatum geldt niet wanneer u heeft gekozen voor levering in een Kiala punt”  wekt verwarring. Ten eerste staat nergens op de pagina een afleverdatum. Ten tweede, ik heb ik stap 2 aangegeven dat ik het pakket thuis wil ontvangen.
En volgens mijn winkelmandje boven in het scherm sta ik op het punt 2 producten te bestellen in plaats van 1.
Bestellen bij NeckermannBestellen bij Neckermann
Hoe kan dat? Als ik de inhoud van het winkelmandje bekijk zie ik  een extra product zonder afbeelding en zonder kosten. Wat is dat? Wat bestel ik mee?

Bestellen bij Neckermann

Goede checkout is een kunst
De hele ervaring met de checkout van Neck.nl laat duidelijk zien dat het inrichten van een goede checkout een hele kunst is.  De communicatie met de bezoeker die op het punt staat klant te worden is in deze fase erg belangrijk.  Een goede checkout houd rekening met de angsten van de bezoekers. De fears, uncertainty, doubts en dealbreakers (FUDD) van bezoekers moeten weggenomen worden in de checkout.
Uit een onderzoek van Paypal en ComScore blijkt dat de grootste FUDD’s van klanten  te maken hebben met kosten.

Volgens onderzoek de belangrijkste redenen van het afbreken van een online aankoop
De les die we uit de korte analyse van de Neckermann checkout kunnen leren is dat haar order conversie ratio aanzienlijk kan verbeteren door transparanter te zijn over de totale kosten van de bestelling.  Door bijvoorbeeld alleen al de totale kosten van de bestelling op de laatste pagina te tonen zal al een positief effect hebben op de order conversie ratio.

Van virtueel naar reëel op Picnic 08

Spreker op Picnic 08

Het officiële thema van het jaarlijkse crossmedia-event Picnic was dit jaar ‘Collaborative creativity’.  Oftwel, hoe werk je samen (over nationale en mediale grenzen) om iets nieuws te creëren.  Maar voor mij was het thema dit jaar de overgang van het digitale naar het persoonlijke, of van het virtuele naar het reëele.

 

Inspiratie in overvloed
Toegegeven, het is verleidelijk meesmuilend te reageren op het iphone zwaaiende (check!), ringbebaarde (check!), hip geklede (check!), livebloggende (check!) internetpubliek wat hier eens per jaar samenkomt maar eerlijk is eerlijk: Picnic is ongelofelijk inspirerend.  Op het Westergasterrein gonst het van de ideeën, creativiteit, futurisme, connectiviteit en visie.  Als je een heatmap zou maken van het inspiratieniveau in Amsterdam zou het Westerpark een helderrode vlek zijn.  En zo iets is precies het soort data-overlap waar de visionairen op Picnic ons dit jaar mee confronteerden: data als extra laag op de echte wereld.

 

Augemented reality
Op de themamiddag ‘Augmented reality’ kreeg dit concept letterlijk vorm: de koppeling tussen de echte en de virtuele wereld, dus tussen reality en virtual reality heet augmented reality.  Augmented, letterlijk ‘verhoogde’ realiteit, maakt de koppeling tussen de echte wereld en de dataverrijking die beschikbaar is online.  Wat betekent dat?  Nou, bijvoorbeeld dat je je mobiele telefoon met de camera naar een gebouw wijst , en je telefoon registreert je locatie (via gps), je kijkrichting (met een kompas) en de kijkhoek (met een accelerometer) en bepaalt daarmee waarnaar je kijkt.  Die informatie kan gebruikt worden om via het internet een koppeling te maken met de informatie die beschikbaar is over het object waarnaar je de camera wijst.  Ben je dus op vakantie in Parijs en kijk je door je camera naar het Louvre, dan kan een dergelijke applicatie je niet alleen de naam van dat gebouw melden, maar ook de mogelijkheid om extra informatie in te winnen, zoals de nieuwe expositie, de openingstijden, Segway personal transporter op Picnic 08noem maar op.  Koppel dit met een intuitief micropayment systeem en je kunt meteen voor toegang betalen waarna je mobieltje middels een barcode op je schermpje het toegangskaartje wordt.  In de toekomst kan dit soort dataverrijking geprojecteerd worden op de binnenkant van een bril of zelfs contactlens, als nanotechnologie dat mogelijk maakt.

 

Eindeloze mogelijkheden
Ga ik nu te ver?  Wellicht zit ik nog in de roes van de eindeloze mogelijkheden.  Ik blog dit tenslotte in de zon, met een biertje, op het terrein waar ik net met allerlei fantastische ideeën ben geconfronteerd.  En ik heb toevallig wel net een werkende applicatie gezien van een papieren magazine wat je voor je computer openslaat met de webcam aan, waarna het beeld van jouw interactie met het magazine wordt verrijkt met multimediale data op de computer. Zo druk je op een foto van een autodashboard op je papieren bladzij, en op het beeld van je webcam gaat het dashboard op diezelfde pagina plotseling leven, met gps informatie en andere bewegende beelden.  Deze technologie van het Duitse Metaio heet Unifeye Print.  Voor de webshop heeft Metaio Unifeye Viewer Online Shopping waarbij de klant virtuele 3d modellen van bijvoorbeeld meubels kan plaatsen in een 2d foto van hun eigen huis.

 

Het internet informeert de realiteit
Ook op andere gebieden heb ik talloze voorbeelden gezien van manieren waarop de grens tussen de realiteit en de virtuele wereld wordt vervaagd.  Maar, integenstelling tot de afgelopen 20 jaar niet op een manier waarbij de echte wereld wordt gedigitaliseerd, maar op een manier waarbij de echte wereld wordt verrijkt met digitale data. Het internet informeert de realiteit.  En laten we wel wezen, wat zien we nou eigenlijk met onze eigen ogen? Alleen het object, niet de data die er achter schuilgaat.  In een museum kunnen we naar een schilderij kijken en ervan genieten.  Maar Hyves wil ons de mogelijkheid bieden om die informatie te delen met onze vrienden.  In de auto zitten we met onze telefoon in onze zak.  Maar die telefoon kan ook data uitzenden om andere gebruikers te vertellen hoe snel we rijden, en op die manier een crowdsourced, real-time informatiebron zijn voor de files in het land.  Niet alleen op de snelweg, maar op elke weg.

 

Toepassingen ook voor niet internet-gerelateerde producten
Zelfs gewone producten, die niks met het internet te maken hebben, worden verbonden met de ‘data-laag’.  Rafi Haladjian van Violet demonstreerde in een fascinerende presentatie zijn Mir:ror, die elk object kan verbinden met het internet door middel van een RFid tag.  Wat heb je hieraan?  Nou, plak een RFid tag op je pillendoosje en je kan dit object automatisch verrijken met extra data, zoals wanneer je het hebt ingenomen of achtergrondinformatie over de effecten.  Elk object in je huis kun je een RFid tag geven en dit gebruiken om extra data toe te voegen aan dit object, niet alleen zelf maar in collaboratie met anderen, iets waar het internet natuurlijk uitermate geschikt voor is.

CeNSE is bezig om door middel van nanotechnologie objecten in de echte wereld minuscule meetinstrumenten mee te geven.  Zo kan een fabriek op tijd zien wanneer een pomp het dreigt te begeven, en niet pas als dit is gebeurd en het gif over de werkvloer stroomt.  Maar ook de consument kan een product in de supermarkt scannen om te kijken wat de samenstelling is, en deze informatie dan weer delen met anderen.Sprekers op Picnic 08

 

De mens als informatietool?
De mens wordt door al dit toevoegen van informatie, het meten, taggen en anderzins verrijken van producten zelf een informatietool, en het totaal van deze informatie kan gebruikt worden door het totaal van de mensheid.  Ook helpt deze context bij het creeëren van het ‘semantic web’, het nieuwe web waarbij elk woord een betekenis heeft, niet alleen voor de mens die het leest maar ook voor bijvoorbeeld de search engine die het categoriseert.

 

Wat betekent dit voor mij?
Allemaal vaag?  Misschien.  Allemaal irrelevant?  Vergeet het maar.  In de toekomst, voorspelt Gisel Hiscock, Director New Business Development EMEA voor Google, gaan meer mensen het web op via hun mobieltje dan via de computer.  Negeer zo’n uitspraak maar eens als webshop.  Ook de nieuwe vormen van interactie van mensen met hun producten en de crossover tussen realiteit en virtualiteit wordt buitengewoon relevant voor ecommerce, evenals de opkomst van location awareness.  Tenslotte is de nog steeds toenemende groep mensen die actief deelneemt aan sociale netwerken (500 miljoen, and counting…) een niet te negeren fenomeen voor ecommerce partijen.

Meteen iets mee doen?  Misschien niet, maar de slimme ondernemer stelt zich wel degelijk in op toekomstige ontwikkelingen.  Amazon deed dat in de jaren ’90 al, en die hebben toch niet slecht geboerd.