Topshops

Appreview van de Grote 3

De drie grootste online-verkopers in Nederland zijn Bol.com, CoolBlue en Wehkamp. Hun gezamenlijke omzet bedroeg in 2016 meer dan 1,5 miljard. Bol.com ging vorig jaar over de grens van het miljard heen, Coolblue doet dat dit jaar. Hoewel er verschil zit in de soort producten die ze aanbieden, Wehkamp meer mode, Coolblue meer (elektrische) apparatuur, en BOL bijna alles, hebben ze allemaal zo’n breed aanbod met een redelijke overlap dat hun apps met goed fatsoen vergeleken kunnen worden.

Wehkamp geeft het meeste winkelgevoel

Opening

Bij het openen van de app wordt meteen duidelijk dat de Wehkamp de oudste roots heeft en uit het ‘winkelen-tijdperk’ komt. De verschillende ‘afdelingen’ worden altijd als eerste getoond, waar je met enkele kliks ‘doorheen wandelt’. BOL en Coolblue zijn internetbedrijven en veel meer gericht op ‘wat zoek je’, ‘waarom kom je hier nu’, en laten ook meteen de recente zoek- en eerder bezochte pagina’s zien.

Zeker op een klein telefoonscherm neig ik eerder naar de snelle zoekfunctie, temeer daar we tegenwoordig allemaal ‘tijd tekort komen’. Rustig winkelen komt waarschijnlijk beter tot zijn recht op een tablet. Maar… de jeugd onder de 20 doet alles op de telefoon, en binnenkort geldt dat waarschijnlijk voor de ‘jeugd tot de 30′. Ook ’s avonds op de bank is de telefoon hun metgezel.
Wehkamp biedt daardoor wel meer verleiding om dingen te kopen die je niet meteen in gedachten had. BOL en Coolblue zijn minder uitnodigend om ‘zomaar wat te bladeren’ en ongeplande aankopen te doen.

Zoeken

BOL is een zoekmachine

De belangrijkste functie van de apps is waarschijnlijk de zoekfunctie. Die is bij BOL en Coolblue duidelijk prominenter, hoewel Wehkamp op de openingspagina ook duidelijk het vergrootglas-symbool in beeld heeft. BOL en Coolblue hebben de functie opgenomen in de tabbar onderaan waardoor je bijna altijd direct naar Zoeken kunt gaan. De zoekbalk van BOL en Coolblue op de Homepagina nodigt bovendien meer uit om direct te gaan typen.

Coolblue een Vindmachientje

Alle apps laten direct potentiële zoekwoorden zien, de een soms iets sneller dan de ander. Waarbij ook duidelijk wordt dat ze allemaal een internetverbinding nodig hebben om iets te kunnen doen in de app. Bij Wehkamp kan het gebeuren dat wat langere woorden geen ‘voorgestelde woorden’ meer genereert, wat suggereert dat er geen producten zijn die voldoen aan je zoekopdracht. Dat blijkt bij het uitvoeren van die opdracht meestal toch wel het geval.
Coolblue daarentegen is meer regide in de zoekwoorden, want als ik zoek naar ‘oral b borstel’ komt er niets… bij ‘oral b opzetborstel’ wel.
BOL scoort hier het beste door de enorme reeks potentiële producten die tijdens het typen al worden geboden.

Filteren

Naast het zoeken op eigen woorden is vooral de filterfunctie van belang. Want ze bieden alle drie een ‘bijna onbeperkt aanbod’ van artikelen. Dus zelfs met een goed zoekwoord kun je tientallen of zelfs honderden potentiële artikelen in je lijst krijgen. Dat wil je kunnen terugbrengen, het liefst op basis van wezenlijke aspecten van het product.

Alle apps tonen direct de filtermogelijkheid. Coolblue en BOL hebben vaak meer selectiecriteria, maar bij alle drie zijn ze afhankelijk van het soort product. Bij Coolblue en BOL blijft de filtermogelijkheid zichtbaar, bij Wehkamp verdwijnt het uit beeld bij het naar beneden scrollen. Het komt echter meteen terug als je iets naar boven scrollt. Een moderne oplossing om flexibel met schermruimte om te gaan, maar misschien is het voor de (oudere) gebruikers toch handiger om het te laten staan.

BOL Filters
Coolblue Filters
Wehkamp Filters

Wehkamp is het meest intuitief als je eenmaal een filter hebt ingesteld. Je ziet welke filters actief zijn en kunt ze eenvoudig verwijderen. Bij BOL zie je ook welke filters je hebt aangezet, maar daar is het omslachtiger om ze te aan te passen. Bij Coolblue zie je helemaal niet welke filters je hebt gekozen, en afgezien van de ‘Wis filter’ voor alle filters, moet je alle categorieën nazoeken om iets aan te passen. Daarmee gaat het gemak van de functie grotendeels verloren. (daags na publicatie van deze recensie bleek dit probleem opgelost in de nieuwe update)

Een handige functie is ook het tonen van het aantal producten dat overblijft na het aanklikken van een selectiecriterium. In de meeste gevallen zie je dat in de button onderaan het scherm waarmee je de geselecteerde producten kunt laten tonen in een lijst. BOL laat bij het kiezen van een nieuw criterium die aantallen al zien bij het criterium zelf. Daarmee kun je vooraf al zien wat de gevolgen zullen zijn, maar omdat je op deze manier op twee plaatsen een getal te zien kunt krijgen minder consistent.

Opmerkelijk is dat je bij alle drie de apps de ‘Filteren’ pagina kunt verlaten (als je niet wilt filteren) door linksboven op het kruisje te drukken (bij Wehkamp staat daar annuleren). Dat kan het gevoel geven dat je daarmee je huidige filterinstelling opheft. Een pijltje terug zou hier prettiger zijn.

Sorteren

Als je een subselectie hebt gemaakt via een filter houd je vaak nog steeds een reeks producten over, en dan wil je sorteren. Op goedkoopst, op best gewaardeerd, op leeftijd… Coolblue en Wehkamp zetten deze functie duidelijk naast het filteren in beeld, maar BOL heeft het opgenomen in de Filterpagina. Dat spaart misschien wat ruimte, maar het is vooral minder toegankelijk. BOL hanteert bovendien grote sorteringsvlakken, die afzonderlijke sorteringen goed leesbaar maken, en eenvoudig te kiezen, maar omdat je van links naar rechts moet swipen om ze allemaal te kunnen lezen, ook weer niet overzichtelijk. De gekozen sortering kan daardoor bovendien ‘buiten beeld’ vallen. Als je dan terugkeert op de Filterpagina zie je niet hoe er gesorteerd is, en heb de neiging om nog een keer een sortering te kiezen.
Als je bij BOL gekozen hebt voor een sortering moet je bovendien vervolgens weer op de ‘Toon producten’-button klikken om het resultaat te zien. Bij de andere apps klik je op sortering en ga je direct terug naar je lijst die dan gesorteerd is.

Productpagina’s

Op dit gebied ontlopen de apps elkaar niet veel. Vrijwel alle artikelen hebben een of meerdere afbeeldingen, veel informatie, specificaties, beoordelingen, alternatieven. En hoewel de opmaak van Coolblue me hier het beste bevalt kun je bij alle drie de apps de gewenste info goed vinden.

Coolblue Productinfo 2
Coolblue Productinfo

Maar… bij BOL is de bestel-knop meestal buiten beeld, bij Wehkamp soms, en alleen bij Coolblue staat hij altijd prominent onderaan in beeld. Door de groene kleur duidelijk maar niet storend. Coolblue maakt het zo veel laagdrempeliger om een product toe te voegen aan je winkelmandje. Wehkamp heeft de button ook meestal in beeld (vooral maat en kleur van het product zorgen voor het uit beeld verdwijnen) maar… zij hebben hun bestelknop rood gemaakt. Daardoor springt hij er weliswaar uit, maar geeft je het gevoel ‘weet je wel zeker’ dat je dit wil doen? Mogelijk dat (A/B) testen hebben uitgewezen dat die rode kleur wel werkt, maar mijn eerste reactie is ‘voorzichtig’. Als je die knop dan durft aan te klikken verandert hij in de groene kleur die de overige buttons ook hebben, en zie je niet meer dat je dit artikel in je winkelmand hebt gedaan.
Maar naast de kleur die verandert komt er ‘toegevoegd aan winkelmand’ in de button te staan en dat is dan weer uniek. Want hoewel Coolblue en BOL bovenaan in het scherm heel duidelijk de melding tonen ‘toegevoegd aan winkelmand’ verdwijnt die melding na 1-2 seconden, en vervolgens kun je niet meer zien of een product nu wel of niet al in je mandje zit. De bestelbutton ziet er namelijk nog steeds hetzelfde uit en nog een keer klikken zorgt er alleen maar voor dat het product nogmaals wordt toegevoegd.

Ongeacht het wel of niet aanpassen van de button zou het prettig zijn als de app bij het nogmaals aanklikken herkende dat het product al was toegevoegd en een popup zou tonen met de mogelijkheid om het product weer te verwijderen uit het mandje, of om juist het aantal op te hogen. Zonder via de tabbar naar het mandje te hoeven gaan.

Een merkwaardig ‘ongemak’ van BOL is overigens dat je de maat van een product niet kunt eenvoudig kunt kiezen, tenminste zo lijkt het. Het lijkt erop dat je het product inclusief maat bewust moet kiezen uit de potentiële productlijst. En als je de ‘twee producten naast elkaar – look’ aan hebt staan zie je die maat helemaal niet. Maar als je wat verder naar beneden scrollt zie je bij de productkenmerken wel degelijk kleur en maat staan, maar dat moet prominenter. En boven de bestelbutton.

Winkelmand

Als je een keuze hebt kunnen maken komen we bij de volgende stap die voor retailers het belangrijkste is, het plaatsen van de bestelling en afrekenen van de bestelmand. Alle drie de apps hebben het mandje duidelijk opgenomen in de tab bar.

BOL mandoverzicht
Coolblue mandoverzicht
Wehkamp mandje

Bol heeft het mooiste overzicht. Duidelijk overzicht op de artikelen, een (sub)totaal bedrag, verzendkosten (meestal geen), en de knop ‘Verder naar bestellen’. Als je niets meer hoeft te veranderen dan is dit de beste start om naar het afrekenen te gaan.

Als je nog iets wil veranderen zijn Wehkamp en Coolblue echter eenvoudiger. Aantal en maat kunnen direct worden aangepast, en het kruisje geeft duidelijk aan dat je iets kunt verwijderen. Misschien niet maximaal iOS, maar iedereen snapt het. Bij Wehkamp kun je zien wat je verwijderd hebt en snel terughalen als het per ongeluk was.

Bij Bol is wijzigen ook niet zo heel moeilijk, maar je ziet het niet meteen. Je hebt op de neiging om om een product te klikken om iets aan te passen. Maar dan ga je naar de productpagina en kun je hooguit nog een exemplaar toevoegen. Als je echter op de ‘Wijzig’ button klikt, rechtsboven in de titelbalk dan kun je wel degelijk je mandje aanpassen. Al vind ik de mogelijkheid om een aantal te typen in plaats van te selecteren niet fijn. Handig als je meer dan 10 exemplaren van iets nodig hebt, onhandig in alle andere gevallen. Bovendien springt het toetsenbord met de cijfers soms voor je product en zie je niet wat en waar je typt.
En verder blijft het maat-kleur-ongemak van BOL storend, want naast het feit dat de maat soms niet in beeld staat, kun je die in de winkelmand niet aanpassen. Daarvoor moet je ‘terug de winkel in’ en het product met de juiste maat zoeken en als nieuw/extra product toevoegen aan de mand.
Overigens kun je alleen bij BOL een product eenvoudig(er) uit het mandje halen door naar links te swipen, de standaard iOS manier om iets te verwijderen.

Afrekenen

BOL bezorging
Wehkamp besteldatum

Vanuit de winkelmand ga je ‘verder met bestellen’. Alle drie de apps leggen op dat moment duidelijk verbinding met de site, maar de wachttijd is niet storend.

Wehkamp lijkt de meeste keus in tijdvakken te hebben, maar daarvoor moet je eerst ‘langs de Bezorgen-button’. Die is weliswaar al geselecteerd, maar nodigt door de opmaak, vooral het agenda symbool, uit om te klikken in dit vak om een datum te kiezen… maar dat kan daar helemaal niet, dat volgt enkele regels lager in een minder zichtbaar vak. Het agenda symbool op deze plaats neerzetten is logischer.

BOL geeft per product aan wanneer het bezorgd wordt. Indien het een groter apparaat is krijg je de mogelijkheid om een datum te kiezen. Via een (deel)kalender en bezorgdag-selector. Die dubbele keuzemogelijkheid kan verwarrend zijn. En het helpt ook niet dat het product waarover het gaat onderaan genoemd wordt en uit beeld kan zijn op je smartphone scherm.

Coolblue zet de leverdatum(keuze) al op de eerste pagina, om vervolgens op de tweede pagina enkele gegevens achter een ‘uitklap-veld’ te verbergen. In veel gevallen betreft het eerder vastgelegde gegevens, maar toch zou het gemakkelijker zijn als je (een deel van) die instellingen zou zien. De oplossingen van de concurrenten voelen net iets eenvoudiger aan.

Tegen betaling kunnen de bezorgmogelijkheden van BOL en Coolblue overigens flink worden uitgebreid.

De betaling
Uiteraard krijg je een arsenaal aan betalingsmogelijkheden in alle apps. Coolblue onthoudt je betalingsvoorkeur, wat een stap kan schelen, maar waar je alert op moet zijn als je op een andere manier wil betalen. BOL en Coolblue gaan direct naar de betaalapp (in dit geval ING) als je voor iDeal kiest, Wehkamp geeft nog de keuzemogelijkheid om via de website (op je telefoon) te betalen. In alle gevallen kan de betaling op het laatste moment worden afgebroken. Coolblue is de enige die je daar via een mail op attendeert in de hoop de bestelling alsnog te kunnen binnenhalen.

Ik ben bij Wehkamp een keer de weg helemaal kwijtgeraakt toen in het Kassa-deel plotseling het menu icon opdook en ik via die route verder ging met winkelen. Ik heb dat niet meer kunnen reproduceren.

Account

In alle apps kun je je eigen gegevens eenvoudig oproepen en beheren. BOL en Wehkamp geven de meeste mogelijkheden om je account aan te passen, meerdere afleveradressen, meerdere betalingsmogelijkheden, Coolblue registreert en bewaart die aanpassingen tijdens het bestelproces, maar is daardoor iets minder flexibel.

Je vindt er ook je eerdere bestellingen, met alle achterliggende gegevens en de mogelijkheid om iets te cancellen of retourenen. Dat gaat jaren terug dus dat is bijvoorbeeld ook handig bij eventuele discussie over garantie. Je hoeft geen bonnetjes te gaan zoeken, als je die al bewaart. Een typisch voorbeeld van het gemak dat digitale toepassingen je tegenwoordig kunnen bieden.

Voor het aanbrengen van wijzigingen moet wel (opnieuw) worden ingelogd op de site. Ondanks de ‘veilige’ verbinding wil Wehkamp dat je je mailadres en password handmatig invult, bij BOL kun je met je vingerafdruk (iOS) eenvoudiger inloggen.

Design

Na een uitgebreide analyse van de belangrijkste functies nog enkele opmerkingen over de opmaak en het gebruik van de apps in het algemeen. Elke app heeft zijn positieve en licht onderscheidende elementen, als ook onhandigheidjes. Maar overall is er met alle drie de apps prima te winkelen.

BOL hanteert de Apple richtlijnen waarschijnlijk het best, zoals het gebruik van buttons en swipes (op de standaard plaats), het meest consequent gebruik van een standaard en goed leesbaar lettertype. Maar heel spannend is de opmaak verder niet.

Het design van Coolblue is moderner en frisser, maar waarom in de (eenvoudige) titelbalk een ander lettertype wordt gebruikt ontgaat me. Juist op de plaats waar je standaardopmaak verwacht wordt een ‘vrolijk’ lettertype gebruikt. Terwijl de rest van de app zo straks en duidelijk is. Het heeft waarschijnlijk te maken met het feit dat Coolblue al haar uitingen ‘opleukt’ met grappige woorden, subtitels en zinnetjes. Daar is het lettertype wel op zijn plaats.

Wehkamp opent met een sfeerplaatje, dat geeft een positief en actueel beeld. Maar ook zij gebruiken vervolgens een ‘ouderwets gezellig Wehkamp winkel-lettertype’ (bijv. in menu) naast een moderner en beter leesbaar app-lettertype (bijv. in buttons). Dat laatste zou iets vaker gebruikt kunnen worden, maar dat is ook een kwestie van smaak. En waarschijnlijk is daar lang en breed over gesproken door betrokkenen binnen Wehkamp.

Wehkamp iPad

Tablet
Hoewel de apps van BOL en Wehkamp niet veel meer zijn dan uitvergrote versies van de smartphone versie, heeft Coolblue zelfs helemaal geen tablet-versie. Ongetwijfeld kunnen alle drie de bedrijven uit hun (meta)data afleiden wat het belang is van de apps versus de website, en zal het percentage verkopen nog niet zo groot zijn, maar juist zij moeten toch weten hoe snel dit verandert. In de US bleek 40% van de online-verkopen van Black Friday al via de smartphone te gaan, vorig jaar was dat nog 29%. En met nieuwe verkoopkanalen moet je tijdig beginnen. In het begin zul je nog fouten maken, kinderziekten moeten verwijderen en kan het maanden en zelfs meer dan een jaar duren voor een app optimaal is.

Coolblue heeft voor Android gebruikers zelfs nog helemaal geen app. Voor hen is de iPhone app dus de eerste oefening. Op zich een prima start, maar feit is wel dat als je in de Google Playstore zoekt naar Coolblue de apps van BOL en Wehkamp in beeld verschijnen…

Dat een tablet-versie meer mogelijkheden biedt kun je zien in de Wehkamp app. Zij hebben op de iPad misschien wel het beste overzicht van de winkelmand. Het scherm wordt duidelijk beter gebruikt, en aantallen en maat zijn heel eenvoudig aan te passen.

OORDEEL

Het is lastig om de apps te beoordelen. Ze hebben allemaal hun (verschillende) plus- en minpunten en geen van alle is een flitsende hightech app. Maar een ding hebben ze gemeen: ze doen waarvoor ze bedoeld zijn, zonder grote hindernissen, en dat kun je niet van alle apps zeggen.

Coolblue heeft het meest frisse en tegelijkertijd leesbare design, maar door het gebrek aan een Android en tablet versie eindigen ze nu op de laagste plaats. Gezien het feit dat ze recent het belangrijkste minpunt op basis van klantinput al hebben aangepast en de sterke ontwikkeling van heel Coolblue vermoed ik dat ze binnen afzienbare tijd bovenaan kunnen eindigen.

Bol.com heeft een bizar groot aanbod en een prima functionerende app met een paar duidelijke pluspunten, daarom de tweede plaats.
En terwijl ik zelf helemaal niet zo’n winkelaar ben (waarschijnlijk scoort de app bij vrouwen het hoogst), bezorgen het winkelgevoel, het gemak van de filtering, en het feit dat ze extra inspanning hebben verricht voor de tablet-versie Wehkamp de meeste punten.

Een combinatie van de pluspunten van de apps zou overigens minstens 4,5 ster scoren.

Bol.com

  • overzicht winkelmand
  • iOS richtlijnen
  • vrije zoek
  • sorteren
  • bestelknop buiten beeld
  • kleur en maten aanpassen

4.1 stars

Topshops4.1

Coolblue

  • frisse moderne opmaak
  • opmaak productpagina’s
  • onhandige filters
  • vrije zoek minder flexibel
  • geen Android
  • geen tablet

3.9 stars

Topshops3.9

Wehkamp

  • filterfunctie
  • meer ‘winkelgevoel’
  • eerste aanzet tablet app
  • zoeken mag prominenter
  • rode bestelknop
  • bezorgdatum icon

4.2 stars

Topshops4.2

Background
Image ( sample )
Overlay
Texture