Webontwikkeling waarbij mobiel voorop staat, kan je desktopervaring negatief beïnvloeden
De ‘mobile-first’-aanpak domineert de pitches voor webontwikkeling. We laten allemaal trots onze ‘mobile-first’-filosofie zien, gewapend met overtuigende statistieken over smartphonegebruik en mobiel verkeer. Maar de realiteit is anders: klanten vragen eerst om mock-ups voor de desktop, omdat ze het onnatuurlijk vinden om mobiele ontwerpen op een kantoorbeeldscherm te beoordelen. En gebruikers denken niet in termen van ‘mobile-first’ of ‘desktop-first’. Ze verwachten een naadloze ervaring die de sterke punten van elk platform benut, terwijl de navigatie en de merkbeleving op alle apparaten consistent blijven.
De pitch van het bureau versus de realiteit
De ‘mobile-first’-pitch versus de ‘desktop-first’-realiteit
Loop een willekeurige pitchbijeenkomst bij een bureau binnen en je hoort vol overgave praten over ‘mobile-first’-ontwikkeling. In presentaties zie je strakke mobiele interfaces, responsieve animaties en indrukwekkende statistieken over de groei van mobiel verkeer. Maar zodra het ontwerpwerk begint, zie je een bekend patroon: klanten vragen om de desktopversie om de UX/UI en het webdesign te beoordelen.
Deze kloof gaat niet alleen over de voorkeuren van klanten. Het weerspiegelt een diepere waarheid over digitale ervaringen: verschillende apparaten voorzien in verschillende behoeften. Hoewel mobiel verkeer het grootste deel van de totale websitebezoeken uitmaakt, voeren desktopgebruikers vaak complexere interacties uit die een gedetailleerdere interface vereisen.
“Mobile-first is een belofte geworden die zelden standhoudt zodra je te maken krijgt met de echte ontwerpbehoeften.”
Als je mobiele ontwerp je mogelijkheden op de desktop beperkt
Complexe e-commerce-workflows vragen om flexibiliteit waarbij de desktop centraal staat
Bij mobiel ontwerp neigen ontwerpers van nature naar vereenvoudigde lay-outs en gestroomlijnde interacties. Hoewel dit de mobiele gebruikerservaring kan verbeteren, kan het ook de functies beperken die desktopgebruikers verwachten en nodig hebben.
Neem bijvoorbeeld een e-commerceplatform. Voor een webwinkel die standaardartikelen zoals boeken of elektronica verkoopt, werkt een voor mobiel geoptimaliseerde interface prima. Gebruikers kunnen snel rondkijken, eenvoudige specificaties bekijken en hun aankoop afronden. Deze vereenvoudigde aanpak schiet echter tekort wanneer klanten op maat gemaakte artikelen moeten bestellen, zoals glaspanelen op maat om een kapot raam te vervangen. Hoewel mobiel de eerste stappen aankan, vereist het invoeren van precieze afmetingen, het doornemen van technische specificaties en het valideren van maatwerkvereisten een geavanceerdere interface. Desktopgebruikers hebben gedetailleerde configuratietools en duidelijke technische informatie nodig die simpelweg niet in mobiele lay-outs passen. Als bij de ontwikkeling de nadruk ligt op mobiele beperkingen, komen deze complexe aankoopprocessen in het gedrang en worden ze in een kader gedwongen dat daar niet voor is ontworpen.
De impact reikt verder dan alleen de lay-out:
- Tools voor productaanpassing worden te simplistisch
- Geavanceerde specificatieopties worden verborgen of verwijderd
- Complexe bestelprocessen raken versnipperd
- Geavanceerde tools voor productvisualisatie worden teruggeschroefd
- Gedetailleerde technische informatie wordt moeilijker toegankelijk
De context van het apparaat begrijpen
De intentie van gebruikers verschilt tussen mobiel en desktop
Het gedrag en de verwachtingen van gebruikers verschillen enorm per apparaat. Mobiele gebruikers zijn meestal bezig met snelle, gerichte handelingen, zoals informatie opzoeken, simpele taken uitvoeren of makkelijke beslissingen nemen. Desktopgebruikers zijn vaak bezig met langere sessies waarbij ze uitgebreid onderzoek doen, gedetailleerde analyses maken en geavanceerde handelingen uitvoeren.
Dit verschil komt vooral duidelijk naar voren in het koopgedrag. Klanten bekijken misschien productopties en basisspecificaties op hun telefoon tijdens het woon-werkverkeer of in de lunchpauze. Maar als het gaat om het vergelijken van gedetailleerde productkenmerken, het aanpassen van specificaties of het nemen van beslissingen over dure aankopen, is de kans groot dat ze overschakelen naar de desktop. Dankzij het grotere scherm en de nauwkeurigere bediening kun je meerdere producttabbladen openen, gedetailleerde vergelijkingstabellen bestuderen en de aanpassingsopties zorgvuldig bekijken voordat je tot aankoop overgaat.
“De beste digitale ervaringen zijn niet ‘mobile-first’ of ‘desktop-first’ – ze zijn ‘user-first’ en passen zich aan aan hoe mensen daadwerkelijk werken.”
Een gebruikersgerichte ontwerpbenadering omarmen
Van ‘mobile-first’ naar ‘user-first’ Van ‘mobile-first’ naar ‘user-first’
Om succesvol te zijn in moderne webontwikkeling moet je verder kijken dan het ‘mobile-first’-mantra en kiezen voor een meer genuanceerde, ‘user-first’-aanpak. Dit betekent dat je moet begrijpen hoe je doelgroep daadwerkelijk met verschillende apparaten omgaat. Zo kan een configurator voor maatmeubels op mobiel bijvoorbeeld basisopties voor kleur en afmetingen bieden, terwijl je op desktop gedetailleerde materiaalkeuzes, precieze afmetingen en misschien zelfs een 3D-visualisatietool kunt gebruiken. Elk platform speelt zijn sterke punten uit: de desktop biedt de precieze controle die nodig is voor complexe configuraties, terwijl mobiel snelle configuratie mogelijk maakt en functies zoals AR ondersteunt, waardoor klanten datzelfde meubelstuk in hun eigen ruimte kunnen visualiseren.
In plaats van desktopmogelijkheden in de beperkingen van mobiel te proppen, of mobiele weergaven simpelweg uit te rekken om desktopschermen te vullen, moet elke interface de unieke sterke punten van zijn platform benutten en tegelijkertijd een consistente merkbeleving en navigatiepatronen behouden. Hiervoor is het belangrijk om klanten te informeren over de onderlinge verbondenheid van modern webdesign.
Cross-device denken leidt tot betere webervaringen
Stel je een veelvoorkomend scenario voor: tijdens een ontwerpbespreking op de desktop vraagt een klant om een tweede navigatielaag toe te voegen voor extra productcategorieën. Op de desktop lijkt dit een simpele verbetering: meer opties, betere organisatie, een duidelijkere producthiërarchie. Deze simpele toevoeging voor de desktop zorgt echter voor flinke uitdagingen voor mobiele gebruikers. Die extra navigatielaag kan de hoogte van de mobiele koptekst verdubbelen, waardoor belangrijke inhoud verder naar beneden op het scherm komt te staan. Of het maakt de structuur van het hamburgermenu ingewikkelder, waardoor je mogelijk extra keer moet tikken om bij belangrijke onderdelen te komen. Wat op de desktop een elegante oplossing is, kan op mobiel al snel een lastig obstakel worden.
Daarom moeten alle ontwerpbeslissingen tegelijkertijd op alle platforms worden beoordeeld. Elke voorgestelde wijziging moet grondig op verschillende apparaten worden getest, waarbij wordt vastgelegd hoe aanpassingen op het ene platform de ervaring op andere platforms beïnvloeden.
Als je deze gevolgen met klanten bespreekt, is het belangrijk om dat niet los te zien, maar als onderdeel van een onderling verbonden systeem waarin veranderingen doorwerken op alle contactpunten.
Hoe kan June2O je helpen?
Bij June20 snappen we dat effectieve webontwikkeling meer vereist dan alleen maar trends volgen. Onze ‘gebruiker-eerst’-aanpak richt zich op het creëren van ervaringen die precies zo werken als jouw publiek dat nodig heeft, ongeacht het apparaat.
Wil je weten of je huidige website echt aan de behoeften van al je gebruikers voldoet? Laten we je digitale ervaring op alle platforms analyseren en kijken waar we verbeteringen kunnen aanbrengen die zowel de mobiele als de desktopervaring verbeteren.
