90% av besøkende på nettstedet spretter på grunn av dårlig design. Hovedårsakene til dette er relatert til brukervennlighet og omfatter forskjellige faktorer, inkludert mobil respons.
Viktigheten av jevn brukeropplevelse på tvers av enheter og design med tanke på forskjellige enheter kan ikke vektlegges nok.
Dette er grunnen til at vi i denne artikkelen tar deg gjennom de vanligste skjermoppløsninger som responsive nettsteder skal være designet for.
Les videre for å finne ut om du bør velge en mobil-først eller responsiv design.
Hvorfor nettsteddimensjoner betyr noe i webdesign og utvikling
Ifølge StatCounter ble trafikkandelen i mai 2020 generert gjennom:
- Mobil (50,34%)
- Desktop (46,67%)
- Nettbrett (2,99%)
Miljøet med nettinteraksjon er mangfoldig. Og for å sikre enestående brukeropplevelse på alle enheter, er virksomheter nødt til å investere i mobil responsiv design.
Wireframing er scenen der webdesignere lager både stasjonære og mobile opplevelser, og distribuerer elementene for begge visningene.
De fleste designere bruker ett standard skrivebord og en standard mobiloppløsning for å skalere design og sikre jevn UX på tvers av enheter.
Merkene som ønsker et virkelig banebrytende nettsted og brukeropplevelse vil ta enda mer flere aspekter i tankene i wireframing-fasen, inkludert:
- Desktop, tablet, mobile views
- Portrait and landscape views
- Browsers
Klikk her!
Hvordan bestemme hvilke nettstedsdimensjoner du skal bruke, dvs. hvilken skjermoppløsning du vil optimalisere nettstedet for
Det første trinnet for å bestemme de beste nettdimensjonene å fokusere på er å finne ut hvilken mobil skjermstørrelser målmarkedet ditt eier.
Start med å se på publikums demografi.
Demografi kan diktere hvilke enheter potensielle kunder bruker for å få tilgang til nettstedet ditt.
Her er hva du skal se på:
- Alder: Undersøk det mest populære enhetsmerket / modellen blant aldersgruppen du målretter mot. YouGov er en flott, oppdatert ressurs som sporer disse trendene og filtrene
- Kjønn: Ressurser som YouGov kan også tillate deg å filtrere de mest populære enhetene blant kjønn, slik at du kan krysse av enhetene etter aldersgruppe og målkjønn.
- Plassering: Å gå inn i en mer detaljert og grundig innsikt ved å legge til lokale trender hjelper deg med å skjerpe fokuset.
- Inntekt: Hvis du målretter mot høyinntektsmålgrupper, må nettstedet ditt være på punkt og prestere jevnt på de nyeste, mest banebrytende enhetene.
Finn dem her!
Responsive vs. Mobile-First Web Design: Hvilken som skal velges
Mobile enheter (unntatt nettbrett) står for halvparten av den verdensomspennende nettrafikken. Faktisk, i mai 2020 genererte smarttelefoner 50,44% av nettsidevisninger på globalt nivå.
Disse tallene får bedrifter til å investere i nettsteder som fungerer bra på smarttelefoner.
Imidlertid er en av de største bekymringene er om de skal investere i responsiv eller mobil-første webdesign.
Designere lager et responsivt webdesign for å passe på skrivebordet, med maksimal oppløsning, og deretter justerer de det for mindre skjermer .
Prosessen med å utvikle mobil-første design, derimot, ligner veldig på å designe en mobilapp der webdesignere senere tilpasser den til bruk på skrivebordet eller nettbrettet.
I dette tilfellet passer den overordnede designen perfekt til mobile enheter, og den skaleres opp (i stedet for nedover) for å fylle ut skrivebordsvisningen.
Med den økende mobilbruken kan vi se at B2B-kjøpere ikke egentlig er forskjellige fra B2C-ene.
Dette er grunnen til at 65,8% av B2B-virksomhetene planlegger å forbedre mobilopplevelsene til nettstedene sine.
Hva er det beste nettstedsdempet ensions å bruke i 2021?
Dette er et komplisert spørsmål som har et enkelt svar.
Det er ingen størrelse som passer alle.
Hva fungerer best for andre nettsteder fungerer kanskje ikke for deg.
Og i stedet for å fokusere på de beste dimensjonene på nettstedet og lage nettsider for forskjellige enheter, bør du først designe for publikum.
I dag det handler om brukeropplevelse, og du bør sørge for at du får et responsivt design for å holde dine potensielle kunder fornøyde.
Hvordan sjekke om nettstedet ditt er mobilvennlig?
Google tilbyr en gratis mobilvennlig test der du kan oppdage om nettsidene dine er enkle å bruke på mobile enheter.
Bare legg til nettadressen eller koden til nettstedet ditt, så får du vite hvordan siden din scorer.
I løpet av få sekunder får du resultatene dine og lærer om designerne dine har levert deg designet de lovet.
5 vanligste skrivebordsskjermoppløsninger over hele verden
Ifølge StatCounter er de mest brukte skjermoppløsningene på skrivebordet fra mars 2019 – mars 2020:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 vanligste mobilskjermoppløsninger over hele verden
Når det gjelder de vanligste skjermoppløsninger på smarttelefoner, mellom mars 2019 og mars 2020, foretrakk designere over hele verden å bruke følgende størrelser:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 vanligste skjermoppløsninger på nettbrett over hele verden
Mellom mars 2019 og mars 2020, den vanligste skjermoppløsninger på nettbrettet over hele verden var:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
De 15 mest vanlige skjermoppløsninger i USA
Her er de vanligste skjermstørrelsene du bør velge i 2021:
Vanligste skrivebord Skjermoppløsninger i USA
Basert på dataene fra StatCounter, mellom mars 2019 og mars 2020, var de vanligste skjermoppløsninger for skrivebord i USA:
- 1920×1080 ( 19,57%)
- 1366×768 (14,88%)
- 1440×900 (9,18%)
- 1536×864 (7,22%)
- 1024×768 (4,73% )
Mest commo n Mobilskjermoppløsninger i USA
I løpet av samme periode var de vanligste skjermoppløsninger for mobiltelefoner i USA:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Vanligste skjermoppløsninger på nettbrett i USA
Designere i USA foretrakk forskjellige skjermoppløsninger på nettbrett og opprettet nettsidestørrelser for følgende dimensjoner:
- 768×1024 (55,64%)
- 1280×800 (5,74%)
- 800×1280 (5,31%)
- 601×962 (5,14%)
- 962×601 (3,2%)
Finn dem her!
Takeaways on Website Dimensions
Nettstedsdimensjoner og nettsidestørrelser har betydning fordi en enkelt dårlig opplevelse på stedet kan avvise brukerne dine en gang for alle.
Tatt i betraktning det faktum at brukere også får tilgang til nettet fra mobile enheter, inkludert smarttelefoner og nettbrett, det er to typer webdesign du kan velge mellom for å optimalisere nettstedet ditt for forskjellige enheter:
- Mobilsvarende
- Mobil først
Uansett hvilke dimensjoner du velger, sørg for at du designer for publikum og vurder deres:
- Alder
- Kjønn
- Sted
- Inntekt
Dette vil hjelpe deg med å forbedre brukeropplevelsen, øke oppholdstiden og øke rangering av søkemotorer.