Dans le passé, nous avons examiné les raisons et les moyens de tester votre site Web, qu'il soit professionnel ou personnel, sur plusieurs navigateurs de bureau. L'importance de tester votre site sur différents navigateurs garantit que votre site a l'apparence et le comportement appropriés, quel que soit le navigateur consulté.
La même chose vaut pour les navigateurs mobiles et peut même être plus cruciale ces jours-ci, car de nombreuses personnes utilisent l'utilisation de conception de sites Web réactifs. Ce concept, en un mot, fournit un site Web qui aura l'air et se comportera bien 7 Pratiques que les concepteurs Pro utilisent pour améliorer leur entreprise 7 Pratiques que les concepteurs Pro utilisent pour améliorer leur entreprise La gestion d'une entreprise est très éprouvante, mais elle n'a pas besoin Être comme ça. En savoir plus sur tous les appareils mobiles, quelle que soit leur taille. Avec autant de différents types de téléphones portables Une brève histoire des téléphones mobiles Une brève histoire des téléphones mobiles Les téléphones mobiles ont changé la façon dont nous vivons nos vies et à beaucoup, la perspective d'un monde sans appels vocaux, la messagerie texte et l'accès Internet mobile est un troublant. Comme nous le savons tous, ... Lire la suite et les tablettes, la conception de votre site pour accueillir un seul appareil est une énorme erreur.
Voici ce qu'Eric Fischgrund, professionnel du marketing et de la communication, a à dire sur l'importance de ce concept dans un récent article de Huffington Post:
Le contenu doit souvent être réécrit aussi. Pour les appareils plus petits, vous voulez un texte concis et facile à comprendre. Les images doivent être plus petites. La conception réactive consiste à améliorer l'expérience des utilisateurs en anticipant leurs besoins.
Avec tout cela en tête, personne ne s'attend à ce que vous achetiez et mainteniez tous les appareils disponibles. Et il est important de noter que, comme de nouveaux appareils sont produits et vendus, il serait impossible de suivre cette méthode.
Entrez, les émulateurs mobiles. Ces outils pratiques vous permettent non seulement d'afficher, mais dans la plupart des cas, naviguer à travers votre site Web à travers les «yeux» des différents appareils. Chacun de ces émulateurs fonctionne bien et est disponible gratuitement.
Émulateur de téléphone portable
Le site Mobile Phone Emulator vous offre une bonne flexibilité pour tester votre site Web. Vous pouvez choisir le périphérique sur lequel afficher votre site et passer de l'un à l'autre pour l'examiner. Bien qu'il ne contienne pas une liste complète des appareils, vous pouvez trouver les populaires de Apple, Samsung, LG, Blackberry et HTC avec des tailles d'écran répertoriées pour chacun. Vous pouvez également choisir d'afficher votre site dans les modes portrait et paysage sur les appareils.
Une fois votre site Web affiché sur l'appareil, vous pouvez cliquer sur différents articles, navigation ou menus pour voir à quoi ressemble chaque zone. Vous pouvez également choisir de voir l'appareil dans sa "vraie" taille ou dans la fenêtre de votre navigateur. Mobile Phone Emulator est une option vraiment sympa et gratuite pour tester les navigateurs mobiles.
Responsable
Responsinator affichera votre site Web sur différents appareils en un seul affichage. Il n'y a pas beaucoup d'options sur les appareils, mais vous pouvez voir votre site sur quelques appareils iOS et Android récents dans les modes portrait et paysage. Chacun a des barres de défilement pour afficher la page entière et encore, vous pouvez cliquer sur les liens sur votre site à partir des appareils pour consulter la navigation et d'autres pages.
Responsinator est disponible gratuitement, mais si vous souhaitez créer votre propre Responsinator, cette option est disponible pour 6 $ par mois ou 60 $ par année. Si vous faites beaucoup de conception sensible vous-même, alors cela pourrait être une bonne option pour vous de regarder plus loin.
ResponsivePX
ResponsivePX n'est peut-être pas aussi joli que les autres options, mais il fait l'affaire. Plutôt que de choisir parmi différents appareils, vous sélectionnez la taille de l'écran. Ajustez la largeur et la hauteur et l'affichage de l'écran s'ajustera au fur et à mesure.
Vous pouvez choisir d'afficher une barre de défilement, qui pourrait simplement être là par défaut, mais cela vous aide à vous déplacer sur la page de votre site. Chaque élément peut être cliqué sur votre site afin que vous puissiez voir la navigation et les différentes pages facilement.
ResponsivePX est une option décente pour les tests mobiles et compte tenu que vous pouvez ajuster la taille de l'écran à 3000 par 3000, il pourrait être utilisé pour plus de visualisation mobile.
Matt Kersley.com
Le site de Matt Kersley est de nouveau, pas aussi beau que d'autres, mais vous pouvez voir votre site Web dans quatre vues de différents appareils mobiles. Les tailles de périphériques incluent un petit téléphone et une tablette, ainsi qu'un iPhone et un iPad. Chacun a des barres de défilement et vous permet de cliquer sur les éléments de votre site pour d'autres tests comme ceux ci-dessus.
iPad (et iPhone) Peek
Pour tester uniquement sur iOS, iPad Peek affiche à la fois les vues iPad et iPhone de votre site Web. Vous pouvez basculer rapidement entre la tablette et le téléphone et entre les modes portrait et paysage.
Entrez simplement votre URL sur l'appareil et testez. Comme avec les autres émulateurs, iPad Peek vous permet de parcourir les pages de votre site et la navigation pour une expérience complète.
MobiReady
MobiReady a été jusqu'à récemment un excellent outil, cependant, le site semble rencontrer quelques problèmes actuellement. Je veux l'inclure au cas où leurs problèmes seraient corrigés bientôt, car c'est vraiment un bon émulateur. Non seulement il affiche votre site Web, mais fournit également des informations de test utiles.
Vous pouvez consulter des analyses et des rapports ainsi que divers résultats de test affichant des graphiques, des échecs et des passages. Les appareils montrés sont limités à quelques tailles de téléphone différentes avec une vue de bureau.
Mais l'autre information est vraiment ce qui est le plus utile sur MobiReady. J'espère que le site sera de retour en action bientôt pour que vous puissiez l'essayer.
Votre site est-il prêt pour le mobile?
Utilisez-vous la conception web responsive pour vous assurer que votre site est prêt pour les mobiles Comment s'assurer que votre blog WordPress est accessible aux utilisateurs mobiles Comment s'assurer que votre blog WordPress est accessible aux utilisateurs mobiles En savoir plus? Qu'en est-il de vos tests? consultez-vous votre site Web en utilisant un émulateur comme celui-ci?
Peut-être qu'il existe un autre émulateur gratuit qui fonctionne mieux que tout cela. Si oui, merci de partager vos suggestions avec tout le monde dans les commentaires ci-dessous.
Crédit d'image: Tablettes 3D et téléphone mobile via Shutterstock