On cherche toujours à savoir comment ce comporte son site sur différents appareils, tablette, smartphone, ordinateur portable, etc. J’utilise depuis 3 ans ResponsivelyApp sur mon Mac avec bonheur. Cela me permet d’avoir un aperçu assez fidèle sur différents appareils.
ResponsivelyApp, comme son nom l’indique, n’est pas un service en ligne comme Browserstack ou Lambdatest c’est une application. Disponible pour Mac et PC (Mac OS intel et Silicon, Windows et Linux), elle vous offre une expérience simple et rapide de visualiser votre site sur différents appareils en un clin d’œil.
ResponsivelyApp c’est le couteau Suisse du webdesigner !
ResponsivelyApp aide les webdesigners et développeurs à visualiser et tester leurs sites sur plusieurs appareils en un seul clic. Cela permet de s’assurer que le site fonctionne bien sur tous les formats d’écran, depuis les smartphones jusqu’aux grands écrans an passant par les tablettes et ladtops.
Les principales fonctions de ResponsivelyApp
Visualisation et interactions en temps réel
Ce qui bien pratique, avec ResponsivelyApp, c’est de voir en un coup d’œil plusieurs appareils qui affichent le même site. Tout ce que l’on fait sur le site est reporté sur tous les écrans en temps réel (sur Mac Mini avec un 27 pouces).
Personnalisation très puissante de l’affichage
Avec ResponsivelyApp on peut personnaliser l’affichage des appareils pour cibler les configurations réelles des internautes cibles. Ladtop, tablette, smartphones de toutes marques et modèles (large choix) sont disponibles. Attention à ne pas trop charger l’écran car cela demande des ressources (ram).
Large support d’appareils pour une meilleure expérience
Responsively App propose un large choix d’appareils préconfigurés, il couvre les smartphones, tablettes et ordinateurs portable et de bureau dans les marques les plus connues.
ResponsivelyApp propose une fonction de capture d’écran très utile !
Une fois votre site affiché on peut prendre en capture écran chaque appareil en un clic, cela comprend toute la page dans sa hauteur.
Chaque appareil fini dans un fichier avec son intitulé, c’est très pratique.
ResponsivelyApp propose plusieurs outils sous forme d’icônes pour chaque appareil
Voici les fonctions proposées :
- Actualisation de l’écran
- Capture écran de l’appareil en cours
- Capture écran de toute la page dans l’appareil en cours
- Désactivation de la synchronisation de l’interaction (entre les appareils)
- Ouverture des outils de développement Web
- Rotation de l’appareil (portrait/paysage)
- Retour en haut de page
D’autres outils sont présents pour la vue générale :
- Activer la vue individuelle des appareils
- Inspecter les éléments (fenêtre d’infos pour chaque éléments de la page)
- Basculer tous les appareils (portrait/paysage selon l’état)
- Captures d’écrans de tous les appareils (toute la page)
- Supprimer le stockage de l’application
- Supprimer les cookies
- Effacer le cache navigateur
- Ajouter le site dans les favoris
ResponsivelyApp dispose d’une outil de simulation des couleurs pour les personnes ayant des handicaps colorimétriques et des raccourcis claviers très utiles
Même si on oubli facilement les handicaps de visions, surtout des couleurs, ils existent néanmoins et ne touche pas de faibles pourcentages.
Avec ResponsivelyApp on dispose de 13 situations qui vont vous montrer la perception du site avec un des ces handicaps.
Travaillant sur Mac je suis depuis longtemps un adepte des raccourcis clavier, ResponsivelyApp est bien fourni de ce côté et cela rend son utilisation très simple et rapide.
Les autres fonctions de ResponsivelyApp
On peut exporter les pack créés et en importer, définir une langue pour la visite du site, personnaliser l’interface avec plusieurs réglages : niveau de zoom, thème, autoriser ou pas le HTTP, le mode de d’affichage.
En conclusion : ResponsivelyApp c‘est trop pratique !
ResponsivelyApp est l’outil indispensable avec une bonne expérience utilisateur. Elle s’adresse à tout le monde, du développeur expérimenté au webdesigner débutant. ResponsivelyApp rend le flux de travail plus facile et son efficacité et sa précision sont un plus lors du développement de sites responsifs.
Sources : ResponsivelyApp, Beryldesign, Browserstack, Lambdatest.
