Webbplatsmått: Dessa är de vanligaste skärmupplösningarna att utforma för

90% av webbplatsens besökare studsar på grund av dålig design. De viktigaste orsakerna till detta är relaterade till användbarhet och omfattar olika faktorer, inklusive mobil respons.

Vikten av smidig, användarupplevelse över olika enheter och design med olika enheter i åtanke kan inte understrykas tillräckligt.

Det är därför vi i den här artikeln tar dig igenom de vanligaste skärmupplösningarna som responsiva webbplatser ska utformas för.

Läs vidare för att ta reda på om du ska välja en mobil-första eller lyhörd design.

Varför webbplatsens dimensioner spelar roll i webbdesign och utveckling

Enligt StatCounter genererades trafikandelen i maj 2020 genom:

• Mobil (50,34%)
• Desktop (46,67%)
• Tablet (2,99%)

Miljön för webbinteraktion är varierande. Och för att säkerställa enastående användarupplevelse på alla enheter är företag tvungna att investera i mobil responsiv design.

Wireframing är det stadium då webbdesigners skapar både stationära och mobila upplevelser och distribuerar elementen för båda vyerna. / p>

De flesta designers använder ett vanligt skrivbord och en standard mobilupplösning för att skala design och säkerställa smidig UX över enheter.

Varumärkena som vill ha en verkligt avancerad webbplats och användarupplevelse kommer att ta jämn fler aspekter i åtanke i wireframing-scenen inklusive:

• Desktop, surfplatta, mobila vyer
• Stående och liggande vyer
• Webbläsare

Hur man bestämmer vilka webbplatsdimensioner som ska användas, dvs vilken skärmupplösning som ska optimeras din webbplats för

Det första steget för att bestämma de bästa webbdimensionerna att fokusera på är att ta reda på vilken mobil skärmstorlekar som din målgrupp äger.

Börja med att titta på målgruppens demografi.

Demografi kan diktera vilka enheter dina potentiella kunder använder för att komma åt din webbplats.

Här är vad du ska titta på:

• Ålder: Undersök det mest populära enhetsmärket / modellen bland den åldersgrupp du riktar dig till. YouGov är en bra, uppdaterad resurs som spårar dessa trender och filter
• Kön: Resurser som YouGov kan också låta dig filtrera de mest populära enheterna bland kön, så att du kan korsmatcha enheterna efter åldersgrupp och målkön.

• Plats: Att gå in i en mer detaljerad och djupgående insikt genom att lägga till lokala trender hjälper dig att skärpa ditt fokus.
• Inkomst: Om du riktar dig höginkomsttagare, din webbplats måste vara på plats och prestera smidigt på de senaste, mest banbrytande enheterna.

Responsiv kontra mobil-första webbdesign: Vilken man ska välja

Mobila enheter (exklusive surfplattor) står för hälften av den globala webbtrafiken. Faktum är att smartphones i maj 2020 genererade 50,44% av webbsidorna på global nivå.

Dessa siffror får företag att investera i webbplatser som fungerar bra på smartphones.

Men en av de största bekymmerna är om de ska investera i lyhörd eller mobil-första webbdesign.

Designers skapar en responsiv webbdesign för att passa skrivbordet, med en maximal upplösning, och justerar sedan den för mindre skärmar .

Processen för att utveckla mobil-första design, å andra sidan, liknar mycket på att utforma en mobilapp där webbdesigners senare anpassar den för skrivbords- eller surfplattans användning.

I i det här fallet passar den övergripande designen mobila enheter perfekt, och den skalas upp (snarare än ner) för att fylla i skrivbordsvyn.

Med den växande mobilanvändningen kan vi se att B2B-köpare inte är riktigt olika. från B2C-enheterna.

Det är därför 65,8% av B2B-företagen planerar att förbättra mobilupplevelserna på sina webbplatser.

Vad är den bästa webbplatsens dim ensions att använda 2021?

Det här är en komplicerad fråga som har ett enkelt svar.

Det finns ingen storlek som passar alla.

Vad fungerar bäst för andra webbplatser kanske inte fungerar för dig.

Och istället för att fokusera på de bästa webbsidans dimensioner och skapa webbsidor för olika enheter, bör du utforma för din publik först.

Idag det handlar om användarupplevelse, och du bör se till att du får en lyhörd design för att hålla dina potentiella kunder nöjda.

Hur kontrollerar du om din webbplats är mobilvänlig?

Google erbjuder ett gratis mobilvänligt test där du kan upptäcka om dina webbsidor är lätta att använda på mobila enheter.

Lägg bara till din webbplats URL eller kod så får du reda på hur din sida gör.

På bara några sekunder får du dina resultat och lär dig om dina designers levererade dig den design de lovade.

De 5 vanligaste skrivbordsupplösningarna över hela världen

Enligt StatCounter är de mest använda skärmupplösningarna på skrivbordet från 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 vanligaste mobila skärmupplösningar över hela världen

När det gäller de vanligaste skärmupplösningarna på smartphones, mellan mars 2019 och mars 2020, föredrog designers runt om i världen att använda följande storlekar:

• 360×640 (18,7%)
• 375×667 (7,34%)
• 414×896 (6,76%)
• 360×780 ( 5,31%)
• 375×812 (5,01%)

5 vanligaste pekskärmsupplösningar över hela världen

Mellan mars 2019 och mars 2020, den vanligaste surfplattans skärmupplösningar över hela världen var:

• 768×1024 (51,43%)
• 1280×800 (7,28%)
• 800×1280 (5,26%)
• 601×962 (4,32%)
• 962×601 (2,99%)

De 15 vanligaste skärmupplösningarna i USA

Här är de vanligaste skärmstorlekarna som du bör välja 2021:

Vanligaste skrivbordet Skärmupplösningar i USA

Baserat på data från StatCounter var de vanligaste skärmupplösningarna för stationära datorer i USA mellan mars 2019 och mars 2020:

• 1920×1080 ( 19,57%)
• 1366×768 (14,88%)
• 1440×900 (9,18%)
• 1536×864 (7,22%)
• 1024×768 (4,73% )

Mest commo n Mobilskärmupplösningar i USA

Under samma tidsperiod var de vanligaste skärmupplösningarna för mobiltelefoner i USA:

• 414×896 (19,44%)
• 375×667 (13,67%)
• 375×812 (12,3%)
• 414×736 (8,91%)
• 360×640 (8,21%)

Vanligaste skärmupplösningar på surfplattor i USA

Designers i USA föredrog olika skärmupplösningar för surfplattor och skapade webbsidestorlekar för följande dimensioner:

• 768×1024 (55,64%)
• 1280×800 (5,74%)
• 800×1280 (5,31%)
• 601×962 (5,14%)
• 962×601 (3,2%)

Takeaways on Website Dimensions

Webbplatsdimensioner och webbsidestorlekar har betydelse eftersom en enda dålig upplevelse på plats kan avvisa dina användare en gång för alla.

Med tanke på faktum att användare går åt webben från mobila enheter inklusive smartphones och surfplattor också, det finns två typer av webbdesign du kan välja mellan för att optimera din webbplats för olika enheter:

• Mobilresponsiv
• Mobil-först

Oavsett vilka dimensioner du väljer, se till att du designar för din publik och tänk på deras:

• Ålder
• Kön
• Plats
• Inkomst

Detta hjälper dig att förbättra användarupplevelsen, öka uppehållstiden och öka rankningen för sökmotorer.