90% des visiteurs du site Web rebondissent en raison d’une mauvaise conception. Les principales raisons à cela sont liées à la convivialité et englobent divers facteurs, notamment la réactivité mobile.
L’importance d’une expérience utilisateur fluide et inter-appareils et d’une conception en tenant compte de divers appareils ne saurait être suffisamment soulignée.
C’est pourquoi, dans cet article, nous allons vous présenter les résolutions d’écran les plus courantes pour lesquelles les sites Web réactifs doivent être conçus.
Poursuivez votre lecture pour savoir si vous devriez opter pour un mobile d’abord ou réactif conception.
Pourquoi les dimensions du site Web sont importantes dans la conception et le développement Web
Selon StatCounter, la part du trafic en mai 2020 a été générée par:
- Mobile (50,34%)
- Ordinateur de bureau (46,67%)
- Tablette (2,99%)
L’environnement de l’interaction Web est varié. Et pour garantir une expérience utilisateur exceptionnelle sur tous les appareils, les entreprises sont tenues d’investir dans la conception mobile responsive.
Le Wireframing est l’étape à laquelle les concepteurs Web créent des expériences de bureau et mobiles, en distribuant les éléments pour les deux vues.
La plupart des concepteurs utilisent un bureau standard et une résolution mobile standard pour mettre à l’échelle les conceptions et assurer une expérience utilisateur fluide sur tous les appareils.
Les marques qui souhaitent un site Web et une expérience utilisateur vraiment à la pointe d’autres aspects à l’esprit lors de la phase de wireframing, notamment:
- Vues de bureau, de tablette, de mobile
- Vues portrait et paysage
- Navigateurs
Cliquez ici!
Comment choisir les dimensions du site Web à utiliser, c’est-à-dire la résolution d’écran pour laquelle optimiser votre site Web
La première étape pour déterminer les meilleures dimensions Web sur lesquelles se concentrer est de savoir sur quel mobile tailles d’écran que possède votre marché cible.
Commencez par examiner les données démographiques de votre audience.
Les données démographiques peuvent déterminer les appareils que vos clients potentiels utilisent pour accéder à votre site Web.
Voici ce qu’il faut regarder:
- Âge: recherchez la marque / le modèle d’appareil le plus populaire parmi la tranche d’âge que vous ciblez. YouGov est une excellente ressource à jour qui suit ces tendances et filtres
- Sexe: des ressources comme YouGov peuvent également vous permettre de filtrer les appareils les plus populaires parmi les sexes, vous permettant ainsi de faire une correspondance entre les appareils par tranche d’âge et sexe cible.
- Emplacement: pour obtenir un aperçu plus détaillé et approfondi, l’ajout de tendances locales vous aide à affiner votre concentration.
- Revenus: si vous ciblez publics à revenu élevé, votre site Web devra être précis et fonctionner correctement sur les appareils les plus récents et les plus avancés.
Trouvez-les ici!
Conception Web réactive ou mobile d’abord: lequel choisir
Les appareils mobiles (à l’exclusion des tablettes) représentent la moitié du trafic Web mondial. En fait, en mai 2020, les smartphones ont généré 50,44% des pages Web vues au niveau mondial.
Ces chiffres incitent les entreprises à investir dans des sites Web qui fonctionnent bien sur les smartphones.
Cependant, une L’une des plus grandes préoccupations est de savoir s’ils doivent investir dans une conception Web réactive ou mobile.
Les concepteurs créent une conception Web réactive pour s’adapter au bureau, à une résolution maximale requise, puis ils l’ajustent pour des écrans plus petits .
Le processus de développement de la conception mobile d’abord, en revanche, est très similaire à la conception d’une application mobile où les concepteurs Web l’adaptent plus tard pour une utilisation sur ordinateur ou tablette.
Dans dans ce cas, la conception générale s’adapte parfaitement aux appareils mobiles et elle évolue vers le haut (plutôt que vers le bas) pour remplir la vue du bureau.
Avec l’utilisation croissante du mobile, nous pouvons voir que les acheteurs B2B ne sont pas vraiment différents du B2C.
C’est pourquoi 65,8% des entreprises B2B prévoient d’améliorer l’expérience mobile de leurs sites Web.
Quels sont les meilleurs sites Web Dim ensions à utiliser en 2021?
C’est une question compliquée qui a une réponse simple.
Il n’y a pas de solution universelle.
Qu’est-ce qui fonctionne le mieux pour d’autres sites Web peut ne pas fonctionner pour vous.
Et au lieu de vous concentrer sur les meilleures dimensions de page Web et de créer des pages Web pour différents appareils, vous devez d’abord concevoir pour votre public.
Aujourd’hui tout est une question d’expérience utilisateur, et vous devez vous assurer d’obtenir un design réactif pour satisfaire vos clients potentiels.
Comment vérifier si votre site Web est adapté aux mobiles?
Google propose un test gratuit adapté aux mobiles où vous pouvez découvrir si vos pages Web sont faciles à utiliser sur les appareils mobiles.
Ajoutez simplement l’URL ou le code de votre site Web et vous découvrirez le score de votre page.
En quelques secondes, vous obtiendrez vos résultats et découvrirez si vos concepteurs vous ont livré le design qu’ils avaient promis.
Les 5 résolutions d’écran de bureau les plus courantes dans le monde
Selon StatCounter, les résolutions d’écran de bureau les plus utilisées de mars 2019 à mars 2020 sont:
- 1366×768 (22,98%)
- 1920×1080 (20,7%)
- 1536×864 (7,92%)
- 1440×900 (7,23%)
- 1280×720 (4,46%)
5 résolutions d’écran mobile les plus courantes dans le monde
En ce qui concerne les résolutions d’écran les plus courantes des smartphones, entre mars 2019 et mars 2020, les concepteurs du monde entier ont préféré utiliser les éléments suivants tailles:
- 360×640 (18,7%)
- 375×667 (7,34%)
- 414×896 (6,76%)
- 360×780 ( 5,31%)
- 375×812 (5,01%)
5 résolutions d’écran de tablette les plus courantes dans le monde
Entre mars 2019 et mars 2020, la plus courante les résolutions d’écran des tablettes dans le monde étaient:
- 768×1024 (51,43%)
- 1280×800 (7,28%)
- 800×1280 (5,26%)
- 601×962 (4,32%)
- 962×601 (2,99%)
Les 15 résolutions d’écran les plus courantes aux États-Unis
Voici les tailles d’écran les plus courantes que vous devriez opter pour 2021:
Bureau le plus courant Résolutions d’écran aux États-Unis
D’après les données de StatCounter, entre mars 2019 et mars 2020, les résolutions d’écran les plus courantes pour les ordinateurs de bureau aux États-Unis étaient:
- 1920×1080 ( 19,57%)
- 1 366 x 768 (14,88%)
- 1 440 x 900 (9,18%)
- 1 536 x 864 (7,22%)
- 1 024 x 768 (4,73%) )
La plupart des commos n Résolutions des écrans mobiles aux États-Unis
Au cours de la même période, les résolutions d’écran les plus courantes pour les téléphones mobiles aux États-Unis étaient:
- 414×896 (19,44%)
- 375×667 (13,67%)
- 375×812 (12,3%)
- 414×736 (8,91%)
- 360×640 (8,21%)
Résolutions d’écran de tablette les plus courantes aux États-Unis
Les concepteurs américains ont préféré différentes résolutions d’écran de tablettes et ont créé des tailles de page Web pour les dimensions suivantes:
- 768×1024 (55,64%)
- 1 280 x 800 (5,74%)
- 800 x 1 280 (5,31%)
- 601 x 962 (5,14%)
- 962×601 (3,2%)
Trouvez-les ici!
Points à retenir sur les dimensions du site Web
Les dimensions du site Web et la taille des pages Web sont importantes, car une seule mauvaise expérience sur site peut repousser vos utilisateurs une fois pour toutes.
Étant donné que les utilisateurs accèdent au Web à partir d’appareils mobiles, y compris les smartphones et les tablettes, vous pouvez choisir entre deux types de conception Web pour optimiser votre site Web pour différents appareils:
- Mobile responsive
- Mobile-first
Quelles que soient les dimensions que vous choisissez, assurez-vous de concevoir pour votre public et tenez compte de leur:
- Âge
- Sexe
- Lieu
- Revenu
Cela vous aidera à améliorer l’expérience utilisateur, à augmenter le temps de séjour et à améliorer le classement des moteurs de recherche.