90% van de websitebezoekers stuiteren vanwege een slecht ontwerp. De belangrijkste redenen hiervoor zijn gerelateerd aan bruikbaarheid en omvatten verschillende factoren, waaronder het reactievermogen van mobiele apparaten.
Het belang van een soepele gebruikerservaring op verschillende apparaten en ontwerpen met verschillende apparaten in gedachten kan niet genoeg worden benadrukt.
Dit is de reden waarom we u in dit artikel door de meest voorkomende schermresoluties leiden waarvoor responsieve websites moeten zijn ontworpen.
Lees verder om erachter te komen of u moet kiezen voor een mobile-first of responsive ontwerp.
Waarom websitedimensies van belang zijn bij webontwerp en -ontwikkeling
Volgens StatCounter werd het verkeersaandeel in mei 2020 gegenereerd door:
- Mobiel (50,34%)
- Desktop (46,67%)
- Tablet (2,99%)
De omgeving van webinteractie is divers. En om een uitstekende gebruikerservaring op alle apparaten te garanderen, zullen bedrijven ongetwijfeld investeren in mobiel responsief ontwerp.
Wireframing is het stadium waarin webontwerpers zowel desktop- als mobiele ervaringen creëren, waarbij de elementen voor beide weergaven worden verspreid.
De meeste ontwerpers gebruiken één standaarddesktop en één standaard mobiele resolutie om ontwerpen te schalen en een soepele gebruikerservaring op verschillende apparaten te garanderen.
De merken die een echt geavanceerde website en gebruikerservaring willen, zullen zelfs meer aspecten in gedachten in de fase van wireframing, waaronder:
- Desktop-, tablet-, mobiele weergaven
- Staande en landschapsweergaven
- Browsers
Klik hier!
Hoe u kunt beslissen welke website-dimensies u wilt gebruiken, dwz welke schermresolutie u uw website wilt optimaliseren
De eerste stap om te bepalen op welke webdimensies u zich moet concentreren, is uitzoeken welke mobiele schermformaten die uw doelgroep bezit.
Kijk eerst naar de demografische gegevens van uw doelgroep.
Demografische gegevens kunnen bepalen welke apparaten uw potentiële klanten gebruiken om toegang te krijgen tot uw website.
Hier is waar u op moet letten:
- Leeftijd: onderzoek het populairste apparaatmerk / -model onder de leeftijdsgroep die u target. YouGov is een geweldige, up-to-date bron die deze trends en filters bijhoudt
- Geslacht: met bronnen zoals YouGov kun je ook de meest populaire apparaten filteren op geslachten, zodat je de apparaten kunt vergelijken op leeftijdsgroep en doelgeslacht.
- Locatie: door in te gaan op een gedetailleerder, diepgaander inzicht, door lokale trends toe te voegen, kunt u uw focus verscherpen.
- Inkomen: als u zich richt op hoge inkomensgroepen, uw website moet op de hoogte zijn en probleemloos presteren op de nieuwste, meest geavanceerde apparaten.
Vind ze hier!
Responsive vs. Mobile-First webdesign: voor welke te kiezen
Mobiele apparaten (exclusief tablets) zijn goed voor de helft van het wereldwijde webverkeer. In mei 2020 genereerden smartphones zelfs 50,44% van de webpaginaweergaven op mondiaal niveau.
Deze cijfers doen bedrijven investeren in websites die goed werken op smartphones.
Eén van de grootste zorgen is of ze moeten investeren in responsive of mobile-first webdesign.
Ontwerpers maken een responsive webdesign dat bij de desktop past, met een maximaal vereiste resolutie, en passen het vervolgens aan voor kleinere schermen .
Het proces van het ontwikkelen van een mobiel eerst ontwerp lijkt daarentegen sterk op het ontwerpen van een mobiele app waar webontwerpers deze later aanpassen voor desktop- of tabletgebruik.
In In dit geval past het algehele ontwerp perfect bij mobiele apparaten en wordt het vergroot (in plaats van omlaag) om de desktopweergave in te vullen.
Met het groeiende mobiele gebruik kunnen we zien dat B2B-kopers niet echt verschillen van de B2C-bedrijven.
Dit is de reden waarom 65,8% van de B2B-bedrijven van plan is de mobiele ervaringen van hun websites te verbeteren.
Wat zijn de beste websites ensions om te gebruiken in 2021?
Dit is een gecompliceerde vraag die een eenvoudig antwoord heeft.
Er is geen eenduidige maat.
Wat werkt het beste voor andere websites werken mogelijk niet voor u.
En in plaats van u te concentreren op de beste afmetingen van webpagina’s en webpagina’s voor verschillende apparaten te maken, moet u eerst ontwerpen voor uw publiek.
Vandaag het draait allemaal om gebruikerservaring en u moet ervoor zorgen dat u een responsief ontwerp krijgt om uw potentiële klanten tevreden te houden.
Hoe kunt u controleren of uw website mobielvriendelijk is?
Google biedt een gratis mobielvriendelijke test waarmee u kunt ontdekken of uw webpagina’s gemakkelijk te gebruiken zijn op mobiele apparaten.
Voeg gewoon de URL of code van uw website toe en u zult zien hoe uw pagina scoort.
Binnen een paar seconden krijgt u uw resultaten en ziet u of uw ontwerpers u het beloofde ontwerp hebben geleverd.
5 meest voorkomende desktopschermresoluties wereldwijd
Volgens StatCounter zijn de meest gebruikte schermresoluties op desktops van maart 2019 – maart 2020:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 meest voorkomende mobiele schermresoluties wereldwijd
Als het gaat om de meest voorkomende schermresoluties van smartphones, gaven ontwerpers over de hele wereld er tussen maart 2019 en maart 2020 de voorkeur aan het volgende te gebruiken maten:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 meest voorkomende schermresoluties voor tablets wereldwijd
Tussen maart 2019 en maart 2020 de meest voorkomende tabletschermresoluties wereldwijd waren:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
De 15 meest gebruikte schermresoluties in de VS
Hier zijn de meest voorkomende schermformaten waarvoor u in 2021 zou moeten kiezen:
Meest voorkomende desktop Schermresoluties in de VS
Op basis van de gegevens van StatCounter waren tussen maart 2019 en maart 2020 de meest voorkomende schermresoluties voor desktops in de VS:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73% )
De meeste Commo n Mobiele schermresoluties in de VS
In dezelfde periode waren de meest voorkomende schermresoluties voor mobiele telefoons in de VS:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Meest voorkomende schermresoluties voor tablets in de VS
Ontwerpers in de VS gaven de voorkeur aan verschillende schermresoluties van tablets en maakten webpagina’s voor de volgende afmetingen:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Vind ze hier!
Afhaalmaaltijden op website-afmetingen
Website-afmetingen en webpagina-afmetingen zijn van belang omdat een enkele slechte ervaring op de site uw gebruikers voor eens en altijd kan afstoten.
Gezien de het feit dat gebruikers toegang hebben tot internet vanaf mobiele apparaten, waaronder smartphones en tablets, zijn er twee soorten webdesign waaruit u kunt kiezen om uw website voor verschillende apparaten te optimaliseren:
- Mobiel responsief
- Mobile-first
Welke afmetingen u ook kiest, zorg ervoor dat u ontwerpt voor uw publiek en houd rekening met hun:
- Leeftijd
- Geslacht
- Locatie
- Inkomen
Dit zal u helpen de gebruikerservaring te verbeteren, de verblijftijd te verlengen en de positie van zoekmachines te verbeteren.