Web mobile vs Web de bureau
Les pages Web optimisées pour une utilisation sur les appareils mobiles diffèrent de celles affichées sur les ordinateurs de bureau et les ordinateurs portables. Ce dernier est conçu pour les grands écrans et les clics de souris précis, tandis que la taille des pages Web mobiles est conçue pour les petits écrans et les clics de doigts imprécis.
portable
-
Conçu pour les écrans plus petits et les tapotements imprécis.
bureau
-
Conçu pour les grands écrans avec des clics de souris précis.
Étant donné que la plupart des visites de sites Web proviennent d’appareils mobiles, il incombe aux concepteurs de sites Web de fournir des versions qui fonctionnent sur les appareils mobiles et les ordinateurs de bureau. L’approche la plus courante consiste à utiliser une conception Web réactive, qui sert automatiquement la version appropriée en fonction de l’appareil de l’utilisateur et de la taille de l’écran détectée par le navigateur.
Dans tous les cas, les pages Web adaptées aux mobiles diffèrent des versions de bureau à bien des égards.
corde de sécurité
Conception de page : espace d’écran réduit sur mobile
portable
-
La longueur diagonale des écrans de smartphone et de tablette est de 4 à 10 pouces.
-
Les widgets de menu pliables ou extensibles remplacent souvent les barres latérales et les menus d’en-tête volumineux.
-
Graphiques pleine largeur avec une utilisation raisonnable de l’espace entre le texte.
bureau
-
La plupart des moniteurs de bureau ont une diagonale de 19 à 24 pouces.
-
Les liens sponsorisés et les grandes bannières publicitaires sont plus courants.
-
Texte dense, laissant plus de place aux graphiques.
La différence la plus évidente entre les pages Web de bureau et mobiles est l’espace d’écran. Alors que la plupart des moniteurs de bureau mesurent au moins 19 pouces à 24 pouces de diagonale, les tablettes mesurent généralement environ 10 pouces. La longueur diagonale d’un smartphone est d’environ 4 pouces. La simple minification ne réussit pas à convertir une page Web en une version adaptée aux mobiles, car elle rend le texte illisible et nécessite des étapes supplémentaires pour les visiteurs du site Web. De plus, il est impossible de frapper avec précision les minuscules éléments.
Pour résoudre ce problème, les concepteurs peuvent supprimer les barres latérales et les graphiques qui ne sont pas strictement nécessaires. Au lieu de cela, ils utilisent des graphiques plus petits, augmentent la taille de la police et réduisent le contenu dans des widgets extensibles. Cette limitation de l’immobilier entraîne une façon de penser complètement différente chez les concepteurs de sites Web.
De plus, les widgets de menu pliables ou extensibles remplacent souvent les barres latérales et les menus d’en-tête volumineux. Pour que chaque millimètre d’espace à l’écran compte, les concepteurs ont supprimé l’excès d’espace blanc tout en accordant une attention particulière à la lisibilité.
De nombreux liens sponsorisés et de grandes bannières publicitaires ne fonctionneront pas sur les téléphones ou les petites tablettes. À l’inverse, les petites annonces pop-up sont plus courantes sur les pages Web mobiles.
Les mises en page avec du texte entourant les graphiques ne sont pas lues correctement sur les appareils mobiles. Au lieu de cela, les concepteurs donnent généralement à ces graphiques toute la largeur de l’écran, avec du texte en dessous ou au-dessus d’eux. De même, une bonne conception Web divise le texte en blocs pour plus de lisibilité ; personne ne veut lire un mur solide de texte. Cela devient encore plus important sur les petits écrans. L’utilisation judicieuse des espaces blancs est essentielle.
Contrôles de page : Desktop Precision vs Mobile Blobs
portable
-
Zones d’accès ou points chauds plus grands pour une navigation plus précise.
-
URL différente : ajoutez la lettre « m ». Habituellement, l’option pour afficher la version de bureau du site.
-
Les identifiants de connexion ont souvent un espace dédié et parfois un accès aux empreintes digitales.
bureau
-
Liens et boutons plus précis basés sur le curseur.
Contrairement à un pointeur de souris précis sur un ordinateur de bureau, un doigt humain est une boule et cliquer nécessite une grande cible sur l’écran pour fournir un lien hypertexte. Les sites adaptés aux mobiles offrent de plus grandes zones de clic (ou hotspots) pour faciliter une navigation précise.
Les pages Web adaptées aux mobiles contiennent souvent aussi des lettres Mètre dans leur adresse ; par exemple, l’adresse mobile de Facebook est m.facebook.com. Lorsque vous naviguez sur le Web à l’aide de votre tablette mobile ou de votre smartphone, l’URL mobile est généralement choisie automatiquement pour vous. Dans certains cas, vous verrez un lien cliquable qui vous fera passer à la version de bureau normale de la page.
Les champs de connexion et de mot de passe pour les ordinateurs de bureau et les ordinateurs portables sont devenus petits et inutilisables sur mobile. Les éditeurs Web ont donc agrandi ces champs, leur donnant parfois leurs propres pages pour en faciliter l’utilisation. La connexion avec une empreinte digitale ou un autre compte, tel que Google ou Facebook, est devenue plus courante à mesure que les capacités des appareils et des services évoluent.
Pourquoi est-ce important ?
Les pages Web mobiles sont conçues pour les appareils portables et sont très différentes des pages conçues pour la lecture sur ordinateur. Bien que vous puissiez généralement afficher la version de bureau d’une page Web sur un appareil mobile et vice versa, elles sont conçues différemment pour faciliter la visualisation, la lecture et la navigation du contenu.
Merci de nous en informer!
Dites-nous pourquoi !
D’autres détails ne sont pas assez difficiles à comprendre
