Il 90% dei visitatori del sito web rimbalza a causa di una cattiva progettazione. Le ragioni principali di ciò sono legate all’usabilità e comprendono vari fattori, tra cui la reattività dei dispositivi mobili.
L’importanza di un’esperienza utente fluida e cross-device e della progettazione tenendo a mente vari dispositivi non può essere sottolineata a sufficienza.
Questo è il motivo per cui in questo articolo ti guideremo attraverso le risoluzioni dello schermo più comuni per cui i siti web reattivi dovrebbero essere progettati.
Continua a leggere per scoprire se dovresti optare per un mobile-first o responsive design.
Perché le dimensioni del sito web sono importanti nel web design e nello sviluppo
Secondo StatCounter, la quota di traffico nel maggio 2020 è stata generata tramite:
- Mobile (50,34%)
- Desktop (46,67%)
- Tablet (2,99%)
L’ambiente di interazione web è vario. E per garantire un’esperienza utente eccezionale su tutti i dispositivi, le aziende sono obbligate a investire nel design reattivo per dispositivi mobili.
Il wireframing è la fase in cui i web designer creano esperienze sia desktop che mobili, distribuendo gli elementi per entrambe le visualizzazioni.
La maggior parte dei designer utilizza una risoluzione desktop standard e una risoluzione mobile standard per ridimensionare i progetti e garantire un’esperienza utente fluida su tutti i dispositivi.
I marchi che desiderano un sito web e un’esperienza utente veramente all’avanguardia avranno più aspetti in mente nella fase di wireframing, tra cui:
- Desktop, tablet, visualizzazioni da dispositivo mobile
- Visualizzazione verticale e orizzontale
- Browser
Fai clic qui!
Come decidere quali dimensioni del sito web utilizzare, ad esempio per quale risoluzione dello schermo ottimizzare il tuo sito web
Il primo passaggio per determinare le migliori dimensioni web su cui concentrarti è scoprire quali dispositivi mobili dimensioni dello schermo di proprietà del tuo mercato di riferimento.
Inizia guardando i dati demografici del tuo pubblico.
I dati demografici possono determinare quali dispositivi utilizzano i tuoi potenziali clienti per accedere al tuo sito web.
Ecco cosa guardare:
- Età: cerca la marca / modello di dispositivo più popolare nella fascia di età a cui ti rivolgi. YouGov è un’ottima risorsa aggiornata che tiene traccia di queste tendenze e filtri
- Sesso: risorse come YouGov possono anche consentirti di filtrare i dispositivi più popolari tra i sessi, consentendoti di incrociare i dispositivi per fascia di età e sesso target.
- Località: entrare in una visione più granulare e approfondita, l’aggiunta di tendenze locali ti aiuta ad affinare la tua attenzione.
- Reddito: se stai mirando pubblico ad alto reddito, il tuo sito web dovrà essere puntuale e funzionare senza problemi sui dispositivi più recenti e all’avanguardia.
Trovali qui!
Web design reattivo e mobile-first: quale scegliere
I dispositivi mobili (esclusi i tablet) rappresentano la metà del traffico web mondiale. In effetti, nel maggio 2020, gli smartphone hanno generato il 50,44% delle visualizzazioni di pagine web a livello globale.
Questi numeri fanno sì che le aziende investano in siti web che funzionano bene sugli smartphone.
Tuttavia, uno delle maggiori preoccupazioni è se investire in un web design reattivo o mobile-first.
I progettisti creano un web design reattivo per adattarsi al desktop, alla risoluzione massima richiesta, quindi lo adattano per schermi più piccoli .
Il processo di sviluppo del design mobile first, d’altra parte, è molto simile alla progettazione di un’app mobile in cui i web designer successivamente la adattano per l’utilizzo su desktop o tablet.
In in questo caso, il design complessivo si adatta perfettamente ai dispositivi mobili e viene ridimensionato (anziché ridursi) per riempire la visualizzazione desktop.
Con il crescente utilizzo dei dispositivi mobili, possiamo vedere che gli acquirenti B2B non sono molto diversi da quelli B2C.
Questo è il motivo per cui il 65,8% delle aziende B2B prevede di migliorare le esperienze mobili dei propri siti web.
Quali sono i migliori siti web dim ensions da usare nel 2021?
Questa è una domanda complicata che ha una risposta semplice.
Non esiste una taglia unica.
Cosa funziona meglio per altri siti web potrebbe non funzionare per te.
E invece di concentrarti sulle migliori dimensioni della pagina web e creare pagine web per vari dispositivi, dovresti prima progettare per il tuo pubblico.
Oggi si tratta di esperienza utente e dovresti assicurarti di ottenere un design reattivo per soddisfare i tuoi potenziali clienti.
Come verificare se il tuo sito web è ottimizzato per i dispositivi mobili?
Google offre un test gratuito per dispositivi mobili in cui puoi scoprire se le tue pagine web sono facili da usare sui dispositivi mobili.
Aggiungi semplicemente l’URL o il codice del tuo sito web e scoprirai il punteggio della tua pagina.
In pochi secondi, otterrai i tuoi risultati e scoprirai se i tuoi designer ti hanno consegnato il design che avevano promesso.
Le 5 risoluzioni dello schermo desktop più comuni al mondo
Secondo StatCounter, le risoluzioni dello schermo del desktop più utilizzate da marzo 2019 a marzo 2020 sono:
- 1366 x 768 (22,98%)
- 1920 x 1080 (20,7%)
- 1536 x 864 (7,92%)
- 1440 x 900 (7,23%)
- 1280 x 720 (4,46%)
Le 5 risoluzioni dello schermo per dispositivi mobili più comuni al mondo
Quando si tratta delle risoluzioni dello schermo più comuni degli smartphone, tra marzo 2019 e marzo 2020, i designer di tutto il mondo hanno preferito utilizzare le seguenti dimensioni:
- 360 x 640 (18,7%)
- 375 x 667 (7,34%)
- 414 x 896 (6,76%)
- 360 x 780 ( 5,31%)
- 375 x 812 (5,01%)
5 risoluzioni dello schermo per tablet più comuni al mondo
Tra marzo 2019 e marzo 2020, la più comune le risoluzioni dello schermo dei tablet in tutto il mondo erano:
- 768 x 1024 (51,43%)
- 1280 x 800 (7,28%)
- 800 x 1280 (5,26%)
- 601 x 962 (4,32%)
- 962 x 601 (2,99%)
Le 15 principali risoluzioni dello schermo più comuni negli Stati Uniti
Ecco le dimensioni dello schermo più comuni che dovresti scegliere nel 2021:
Desktop più comune Risoluzioni dello schermo negli Stati Uniti
In base ai dati di StatCounter, tra marzo 2019 e marzo 2020, le risoluzioni dello schermo più comuni per desktop negli Stati Uniti sono state:
- 1920×1080 ( 19,57%)
- 1366 x 768 (14,88%)
- 1440 x 900 (9,18%)
- 1536 x 864 (7,22%)
- 1024 x 768 (4,73% )
Più Commo n Risoluzioni dello schermo per cellulari negli Stati Uniti
Nello stesso periodo di tempo, le risoluzioni dello schermo più comuni per i telefoni cellulari negli Stati Uniti erano:
- 414 x 896 (19,44%)
- 375 x 667 (13,67%)
- 375 x 812 (12,3%)
- 414 x 736 (8,91%)
- 360 x 640 (8,21%)
Risoluzioni dello schermo per tablet più comuni negli Stati Uniti
I progettisti negli Stati Uniti hanno preferito risoluzioni dello schermo diverse per tablet e hanno creato dimensioni di pagine web per le seguenti dimensioni:
- 768 x 1024 (55,64%)
- 1280 x 800 (5,74%)
- 800 x 1280 (5,31%)
- 601 x 962 (5,14%)
- 962 x 601 (3,2%)
Trovali qui!
Conclusioni sulle dimensioni del sito web
Le dimensioni del sito web e le dimensioni della pagina web sono importanti perché una singola esperienza scadente sul sito può respingere i tuoi utenti una volta per tutte.
Considerando il Dato che gli utenti accedono al Web anche da dispositivi mobili, inclusi smartphone e tablet, esistono due tipi di web design tra cui scegliere per ottimizzare il tuo sito web per diversi dispositivi:
- Reattivo per dispositivi mobili
- Mobile-first
Indipendentemente dalle dimensioni che scegli, assicurati di progettare per il tuo pubblico e considera la loro:
- Età
- Sesso
- Posizione
- Reddito
Questo ti aiuterà a migliorare l’esperienza dell’utente, aumentare il tempo di permanenza e aumentare il posizionamento nei motori di ricerca.