Terug naar het werk

MyOnlineStore, beheeromgeving

Eennieuwmenuvoor12.000mensen

Het hoofdmenu van de beheeromgeving was in acht jaar volgegroeid. Elke nieuwe functie kreeg er een regel bij en niemand keek meer naar het geheel. Ik heb het opnieuw ingedeeld, op basis van wat gebruikers zelf logisch vonden.

Opdrachtgever
MyOnlineStore
Mijn rol
UX-onderzoek en interfaceontwerp
Looptijd
2,5 maanden
Schaal
12.000 winkeliers

Wat er mis was

In schermopnames en gebruikerstests zag ik steeds hetzelfde gebeuren. Mensen klapten een menu open, lazen, klapten het weer dicht en probeerden het volgende. Ze zochten.

Dat kwam niet doordat er te veel in stond, maar doordat er acht jaar lang functies waren bijgezet op de plek waar ze werden gebouwd, niet op de plek waar iemand ze zou verwachten. Voordat ik iets ging ontwerpen wilde ik weten hoe gebruikers zelf zouden indelen.

Een tijdlijn met vijf fasen van het menuherontwerp
De planning die ik voor het team maakte. Eerst indelen, dan structureren, dan pas ontwerpen.

Twintig mensen, vierenveertig kaartjes

Ik legde vierenveertig menu-items als kaartjes voor aan twintig mensen. Twaalf van hen gebruikten het platform dagelijks, acht nog niet. Ze kregen een paar categorieën als startpunt en mochten die hernoemen of eigen categorieën maken.

Daar kwamen acht categorieën uit, met namen die zij zelf hadden bedacht. Even belangrijk was welke kaartjes steeds samen belandden. Twee items die in zeven van de tien gevallen bij elkaar worden gelegd, horen bij elkaar. Dat was het startpunt voor de volgende test.

Uit een van de sessies. Kaartjes worden in categorieën geschoven.

Negentig mensen door de boom

Van die acht categorieën maakte ik een sitemap. Instellingen bleek te groot voor één categorie, dus die kreeg een eigen laag. Zes items op het hoofdniveau, zes op het instellingenniveau, negenenveertig pagina’s in totaal.

Die structuur legde ik in Maze voor aan negentig mensen met de vraag om een aantal pagina’s te vinden. Ik vroeg er meteen bij hoe vaak ze dachten iets te gebruiken. Wat je dagelijks nodig hebt hoort niet twee lagen diep, en dat kun je beter vragen dan aannemen.

Een sitemap met een hoofdniveau en een instellingenniveau
De sitemap zoals die de boomtest in ging.
90

deelnemers aan de boomtest, na twintig deelnemers aan het kaartsorteren

Pas hier begon het ontwerpen

Met een geteste indeling was het wireframen kort werk. Dagelijkse taken bovenaan, alles wat je zelden aanpast in een eigen laag. Je verzendopties verander je niet elke dag, je orders bekijk je wel.

Daarna de vormgeving. Het oude menu voelde vol, onduidelijk en verouderd. Ik gaf het meer ruimte, minder lijnen en een knop om je winkel sneller te bekijken. De keuzes die ik hier maakte werden later de basis voor het opknappen van de rest van de beheeromgeving.

Wireframe van het nieuwe hoofdmenu
De wireframe waar het ontwerp op verder bouwde.
Het oude en het nieuwe menu naast elkaar
Links het oude menu, rechts het nieuwe.

In twee fasen naar buiten

Een menu vervangen is voor 12.000 mensen een breuk met hun gewoontes. Samen met de frontenders bouwde ik een werkend prototype, en na een paar interviews besloten we het gefaseerd aan te zetten.

In de eerste fase kregen vijfhonderd klanten bij het inloggen een uitleg en een schakelaar om terug te gaan. We telden hoe vaak dat gebeurde en vroegen waarom. In de tweede fase kreeg iedereen het, met een maand de tijd en marketing die de definitieve overstap aankondigde.

Een uitleg over het nieuwe menu bij het inloggen
Wat je zag bij het inloggen toen het nieuwe menu aanging.
Een venster met de vraag waarom je terugschakelt
En wat je zag als je terug wilde naar het oude.

Wat het opleverde

Zeven van de vijfhonderd zetten het terug. Vrijwel allemaal met dezelfde reden, en die ging niet over de indeling maar over gewenning. Bij de brede uitrol waren het een paar honderd mensen op 12.000, opnieuw om dezelfde reden.

Na de definitieve overstap kwamen er complimenten binnen, ook van mensen die het eerst hadden uitgezet en er na een week of twee aan gewend waren geraakt.

De instellingenpagina in het nieuwe menu
De instellingenlaag in de nieuwe indeling.
7 op 500

zetten het nieuwe menu terug in de eerste fase. Dat cijfer zegt meer over de gefaseerde uitrol dan over het menu zelf.

Volgende case Bricks, een designsysteem vanaf nul

Zin om ergens over te sparren?

Over een ontwerpprobleem, een designsysteem of gewoon over het vak. Ik hou van een goed gesprek.

hello@luukhorsmans.com