Mobile of Desktop first design?

18 december 2019

Wanneer je begint met het design van een website moet je met één van de twee opties beginnen: mobile first, of desktop first design. Moet je altijd mobile first kiezen? Of juist dekstop first? Het antwoord geven we je in dit artikel.

Wat is mobile of desktop first design?

Wanneer je gaat voor desktop first design, begin je een design gebaseerd op een desktop (een vaste computer, of laptop) computer. Daarna wordt het door middel van responsive design aangepast voor mobiel. Bepaalde elementen worden onder elkaar geplaatst, niet getoond of smaller/kleiner gemaakt. Zo heb je op desktop de beste gebruikerservaring.

Wanneer je gaat voor mobile first design, dan ontwerp je dus als eerste voor een mobiel apparaat. Daarna zorg je er voor dat het met responsive design ook gebruikt kan worden op desktop computers. Elementen kunnen zo meer ruimte krijgen en afbeeldingen kunnen groter getoond worden. Zo heb je op mobiel de beste gebruikerservaring.

Cijfers mobiel en desktop gebruik

Wanneer je de keuze wilt maken tussen mobiel of desktop is het handig om eerst eens in de cijfers te duiken. Meten is namelijk weten! We gaan in de wereldwijde cijfers duiken, die van Nederland maar filteren ook op B2B, B2C en op leeftijd. 

Wereldwijd

Source: StatCounter Global Stats - Platform Comparison Market Share

Wanneer we de gegevens wereldwijd bekijken zien we dat sinds mei 2019 mobiel voorbijgegaan is aan de desktop gebruikers. Wereldwijd is dus meer dan 50% bezig op hun mobiele apparaat, terwijl dat bij desktop nog 45% is. Tablet is nog altijd een klein percentage met 2,8%.

Nederland

Source: StatCounter Global Stats - Platform Comparison Market Share

In Nederland ligt het mobiele gebruik ook hoog, maar gemiddeld lager dan wereldwijd gezien! In Nederland zit mobiel gebruik net onder de 40%, terwijl desktop op 55% zit. Het tabletgebruik is wel weer hoger: bijna 5%. 

B2C versus B2B

We hebben zelf ook een onderzoek gedaan met alle websites die wij in beheer hebben. We hebben daarbij een onderscheid gemaakt tussen B2B en B2C websites. Wanneer we individueel kijken zien we dat bij B2C website het mobiele apparaat in 90% van de gevallen wint. En flink ook! Het interessante is dat dat bij B2B dit precies andersom is. 

Leeftijd

Ook hebben we gekeken naar het verschil in gebruik van apparaten op basis van de leeftijden van de bezoekers. Je ziet dat de hoeveelheid tablet gebruik toeneemt naarmate de doelgroep ouder wordt. Het mobiel gebruik piekt vooral in de 18-24 doelgroep maar hij wint eigenlijk op alle vlakken van de desktop. Bij de 65+ers is het mobiel en desktop gebruik nagenoeg gelijk.

Wanneer kies je voor welke optie?

Zoals je ziet veranderen de cijfers nogal per doelgroep, leeftijd of locatie. Overall wint in de meeste gevallen de mobiel, maar in sommige gevallen in de desktop juist de beste keuze. 

Wanneer je start met desktop-first kun je heel breed ontwerpen, en veel features toevoegen. Dan moet je later nagaan welke functie echt belangrijk zijn voor mobiel. 

Wanneer je start met mobile-first ga je eerst al nadenken over de meest belangrijke features, die kun je vervolgens ook meer aandacht geven op desktop. 

Een aantal richtlijnen om je te helpen kiezen voor mobile-first of desktop-first design.

Kiezen voor mobile-first

  • De meeste bezoekers bezoeken de huidige website via mobiel.
  • De meeste sales worden via de mobiel gedaan. (Let op: die kan ook komen omdat het op desktop niet (goed) werkt, onderzoek dit dus eerst!)
  • Wanneer de website of de app maar een paar core-features heeft.
  • De UX op mobiel is veel belangrijker, op desktop is het minder belangrijk omdat mensen hem daar anders gebruiken.

Kiezen voor desktop-first

  • De meeste bezoekers bezoeken de huidige website via desktop.
  • De meeste sales worden via de desktop gedaan. (Let op: die kan ook komen omdat het op mobiel niet (goed) werkt, onderzoek dit dus eerst!)
  • Wanneer het product bedoeld is voor desktop gebruik. 
  • Wanneer de website of app veel (belangrijke) features heeft.
  • De UX op desktop is veel belangrijker, op mobiel is het minder belangrijk omdat mensen hem daar anders gebruiken.

Kom met ons in contact