-sivuston mitoille: nämä ovat yleisimpiä näytön tarkkuuksia

90% verkkosivuston kävijöistä pomppii huonon suunnittelun takia. Tärkeimmät syyt tähän liittyvät käytettävyyteen ja kattavat useita tekijöitä, mukaan lukien matkapuhelimen reagoivuus.

Sujuvan, laitteiden välisen käyttökokemuksen ja suunnittelun tärkeyttä eri laitteita ajatellen ei voida korostaa tarpeeksi.

Siksi tässä artikkelissa käymme läpi yleisimmät näytön tarkkuudet, joihin reagoivat verkkosivustot tulisi suunnitella.

Lue lisää saadaksesi selville, haluatko valita ensin mobiililaitteen vai reagoivan. suunnittelu.

Miksi verkkosivujen mitoilla on merkitystä verkkosivujen suunnittelussa ja kehittämisessä

StatCounterin mukaan toukokuun 2020 liikenteen osuus syntyi:

• Matkapuhelin (50,34%)
• Pöytätietokone (46,67%)
• Tabletti (2,99%)

Verkkovaikutuksen ympäristö on monipuolinen. Ja jotta varmistetaan erinomainen käyttökokemus kaikilla laitteilla, yritysten on pakko investoida reagoivaan mobiilimuotoiluun.

Lankakehys on vaihe, jossa verkkosuunnittelijat suunnittelevat sekä työpöytä- että mobiilikokemuksia jakamalla elementit molemmille näkymille.

Useimmat suunnittelijat käyttävät yhtä tavallista työpöytää ja yhtä mobiilitarkkuutta mallien skaalaamiseen ja takaavat sujuvan käyttöliittymän kaikissa laitteissa.

Tuotemerkit, jotka haluavat todella huippuluokan verkkosivuston ja käyttökokemuksen, vievät jopa muut näkökohdat mielessä lankakehyksen vaiheessa, mukaan lukien:

• Pöytätietokone, tabletti, mobiilinäkymät
• Pysty- ja vaakanäkymät
• Selaimet

Kuinka valita mitkä verkkosivuston mitat, eli mikä näytön tarkkuus verkkosivustosi optimoimiseksi

Ensimmäinen askel parhaiden verkkoulottuvuuksien määrittämiseksi on selvittää mikä mobiili kohdemarkkinoidesi omistamat näyttökoot.

Aloita katsomalla yleisösi väestötiedot.

Kohderyhmätiedot voivat sanella, mitä laitteita potentiaaliset asiakkaasi käyttävät verkkosivustoosi.

Tässä on, mitä kannattaa tarkastella:

• Ikä: Tutki suosituinta laitemerkkiä / mallia kohdealueesi joukossa. YouGov on hieno, ajan tasalla oleva resurssi, joka seuraa näitä trendejä ja suodattimia.
• Sukupuoli: YouGovin kaltaisten resurssien avulla voit myös suodattaa suosituimpia laitteita sukupuolten välillä, jolloin voit sovittaa laitteet ristiin. ikäryhmän ja kohdesolun mukaan.

• Sijainti: Yksityiskohtaisemman ja syvällisemmän oivalluksen lisääminen, paikallisten trendien lisääminen auttaa sinua terävöittämään kohdentamistasi.
• Tulot: Jos kohdistat korkean tulotason yleisöt, verkkosivustosi on oltava paikalla ja toimittava sujuvasti uusimmilla, uusimmilla laitteilla.

Reagoiva vs. Mobile-First-verkkosuunnittelu: kumpi valita

Mobiililaitteet (pois lukien tablet-laitteet) muodostavat puolet maailmanlaajuisesta verkkoliikenteestä. Itse asiassa toukokuussa 2020 älypuhelimet tuottivat 50,44% verkkosivujen näyttökerroista maailmanlaajuisesti.

Nämä luvut saavat yritykset sijoittamaan älypuhelimissa hyvin toimiviin verkkosivustoihin.

Yksi Suurimpia huolenaiheita on, pitäisikö heidän investoida reagoivaan vai ensin mobiilisivustojen suunnitteluun.

Suunnittelijat luovat reagoivan verkkosuunnittelun, joka sopii työpöydälle, suurimmalla vaaditulla resoluutiolla, ja sitten mukauttaa sitä pienempiin näyttöihin .

Toisaalta mobiilimuotoilun suunnitteluprosessi on hyvin samanlainen kuin mobiilisovelluksen suunnittelu, jossa verkkosuunnittelijat mukauttavat sen myöhemmin työpöydän tai tabletin käyttöön.

tässä tapauksessa yleinen muotoilu sopii mobiililaitteisiin täydellisesti, ja se skaalautuu ylöspäin (eikä alaspäin) täyttääkseen työpöydänäkymän.

Kasvavan matkapuhelinkäytön myötä voimme nähdä, että B2B-ostajat eivät todellakaan ole erilaisia B2C-yrityksistä.

Siksi 65,8% B2B-yrityksistä aikoo parantaa verkkosivustojensa mobiilikokemuksia.

Mitkä ovat parhaat verkkosivustot Ensions käytettäväksi vuonna 2021?

Tämä on monimutkainen kysymys, johon on yksinkertainen vastaus.

Ei ole yhtä kokoa, joka sopisi kaikille.

Mikä toimii parhaiten muut verkkosivustot eivät välttämättä toimi sinulle.

Ja sen sijaan, että keskityisit parhaisiin verkkosivujen mittoihin ja luo verkkosivuja eri laitteille, sinun on ensin suunniteltava yleisösi.

Tänään kyse on käyttäjäkokemuksesta, ja sinun on varmistettava, että saat reagoivan suunnittelun, jotta potentiaaliset asiakkaasi ovat tyytyväisiä.

Kuinka tarkistaa, onko verkkosivustosi mobiililaitteille sopiva?

Google tarjoaa ilmaisen mobiililaitteille sopivan testin, jossa voit selvittää, ovatko verkkosivusi helppokäyttöiset mobiililaitteilla.

Lisää vain verkkosivustosi URL-osoite tai koodi, niin saat selville sivusi pisteet.

Muutamassa sekunnissa saat tulokset ja opit, ovatko suunnittelijat toimittaneet sinulle luvatun mallin.

5 Yleisimmät työpöydän näytön tarkkuudet maailmanlaajuisesti

StatCounterin mukaan eniten käytetyt työpöydän näytön tarkkuudet maaliskuussa 2019 – maaliskuussa 2020 ovat:

• 1366×768 (22,98%)
• 1920×1080 (20,7%)
• 1536×864 (7,92%)
• 1440×900 (7,23%)
• 1280×720 (4,46%)

5 yleisintä mobiilinäyttöresoluutiota maailmanlaajuisesti

Kun on kyse älypuhelinten yleisimmistä näytön tarkkuuksista, suunnittelijat ympäri maailmaa suosittelivat maaliskuun 2019 ja maaliskuun 2020 välillä seuraavia koot:

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

5 yleisintä tablet-näytön resoluutiota maailmanlaajuisesti

Maaliskuun 2019 ja maaliskuun 2020 välillä, yleisin tablet-näyttöjen resoluutiot maailmanlaajuisesti olivat:

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

15 yleisintä näytön tarkkuutta Yhdysvalloissa

Tässä ovat yleisimmät näytön koot, jotka sinun tulisi valita vuonna 2021:

Yleisin työpöytä Näytön tarkkuudet Yhdysvalloissa

StatCounterin tietojen perusteella maaliskuun 2019 ja maaliskuun 2020 välisenä aikana yleisimmät työpöydän näytön tarkkuudet Yhdysvalloissa olivat:

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

Useimmat n Mobiilinäytön tarkkuudet Yhdysvalloissa

Samana ajanjaksona yleisimmät matkapuhelinten näytön tarkkuudet Yhdysvalloissa olivat:

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

Yleisimmät taulutietokoneen näytön tarkkuudet Yhdysvalloissa

Yhdysvaltojen suunnittelijat suosivat tablettien eri näytön tarkkuutta ja loivat verkkosivujen koot seuraaville ulottuvuuksille:

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

Takeaways on Website Dimensions

Sivuston mitoilla ja verkkosivujen kooilla on merkitystä, koska vain yksi heikko paikan päällä oleva kokemus voi torjua käyttäjiäsi lopullisesti.

Ottaen huomioon tosiasia, että käyttäjät käyttävät verkkoa mobiililaitteilla, mukaan lukien älypuhelimet ja tabletit, on olemassa kahden tyyppinen verkkosuunnittelu, jonka avulla voit optimoida verkkosivustosi eri laitteille:

• matkapuhelimelle reagoiva
• ensin mobiililaitteille

Riippumatta siitä, mitkä mitat valitset, varmista, että suunnittelet yleisösi ja huomioi heidän:

• ikä
• Sukupuoli
• Sijainti
• Tulot

Tämä auttaa parantamaan käyttökokemusta, lisäämään viipymäaikaa ja parantamaan hakukoneiden sijoitusta.