Ce site web utilise des cookies pour vous garantir une expérience optimale. Vous pouvez modifier vos préférences à tout moment. En savoir plus

Bugs trouvés dans Justinmind SaaS

› Bug Crawl›Bugs trouvés dans Justinmind SaaS

Justinmind

Justinmind est une plateforme de conception UI et UX gratuite qui permet aux utilisateurs de créer sans effort des éléments d’interface utilisateur, des prototypes et des simulations.

Des prototypes cliquables aux simulations entièrement fonctionnelles, elle permet une conception fluide sans codage. Avec une gamme d’outils à votre disposition, vous pouvez vous concentrer sur la création d’expériences utilisateur exceptionnelles, tandis que les tests basés sur la simulation rationalisent les processus et améliorent l’adoption par les utilisateurs. Le logiciel offre la liberté de concevoir des éléments d’interface utilisateur sans limitations de projet, comprenant des outils de conception vectorielle, des outils plume, des outils de recherche de chemin, et plus encore. Les fonctionnalités collaboratives permettent à plusieurs utilisateurs de travailler simultanément sur des prototypes.

Nos ingénieurs QA ont exploré la solution SaaS Justinmind d’un point de vue professionnel. Voici nos conclusions !

justinmind.com

Les événements assignés aux boutons ne se déclenchent pas de manière cohérente pendant la simulation

Gravité :

Majeure

Condition préalable :
  1. Installer le programme.
  2. Se connecter.
Étapes de reproduction :
  1. Accédez à la page des modèles du site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Naviguez vers l’onglet « Mobile ».
  3. Trouvez le modèle « Travel ecommerce app ».
  4. Cliquez sur le bouton « Download ».
  5. Cliquez sur le bouton « Open Justinmind ».
  6. Sur la page du modèle « Welcome Screen », faites un clic droit sur le bouton « Try now ».
  7. Sélectionnez l’option « Add event ».
  8. Choisissez le déclencheur en cliquant sur le bouton « CHOOSE TRIGGER ».
  9. Survolez « Tap » avec votre souris, puis cliquez sur l’option « on Tap ».
  10. Sélectionnez l’action en cliquant sur le bouton « CHOOSE ACTION ».
  11. Choisissez l’option « Navigate to ».
  12. Cliquez sur le bouton « Home Screen ».
  13. Cliquez sur « OK ».
  14. Accédez à l’écran « Home Screen ».
  15. Faites un clic droit sur le bouton « Kayak ».
  16. Choisissez le déclencheur en cliquant sur le bouton « CHOOSE TRIGGER ».
  17. Survolez « Tap » avec votre souris, puis cliquez sur l’option « on Tap ».
  18. Sélectionnez l’action en cliquant sur le bouton « CHOOSE ACTION ».
  19. Choisissez l’option « Navigate to ».
  20. Cliquez sur le bouton « Detail Screen ».
  21. Naviguez vers l’écran « Detail Screen ».
  22. Faites un clic droit sur le bouton « Book your experience ».
  23. Choisissez le déclencheur en cliquant sur le bouton « CHOOSE TRIGGER ».
  24. Survolez « Tap » avec votre souris, puis cliquez sur l’option « on Tap ».
  25. Sélectionnez l’action en cliquant sur le bouton « CHOOSE ACTION ».
  26. Choisissez l’option « Navigate to ».
  27. Cliquez sur le bouton « Welcome Screen ».
  28. Cliquez sur le bouton « Simulate ».
  29. Cliquez sur le bouton « Book your experience ».
  30. Cliquez sur le bouton « Try now ».
  31. Cliquez sur le bouton « Kayak ».
Environnement :

Windows 10 Pro

Chrome v.114.0.5735.199, Firefox v.115.0.1, Microsoft Edge v. 114.0.1823.79

 

Résultat réel :

Les événements assignés aux boutons ne se déclenchent pas de manière cohérente pendant la simulation.

Résultat attendu :

Les événements devraient se déclencher à chaque fois.

La bibliothèque téléchargée n’est pas ajoutée au projet actuel

Gravité :

Majeure

Condition préalable :
  1. Installer le programme.
  2. Se connecter.
Étapes de reproduction :
  1. Aller sur la page des modèles du site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Naviguer vers l’onglet Mobile.
  3. Localiser le modèle « Travel ecommerce app ».
  4. Cliquer sur le bouton « Download ».
  5. Ensuite, cliquer sur le bouton « Open Justinmind ».
  6. Cliquer sur le bouton « Libraries » pour afficher les bibliothèques disponibles dans le projet.
  7. Cliquer sur le bouton « New Library ».
  8. Faire glisser les curseurs de toutes les bibliothèques disponibles en position active.
  9. Cliquer sur le bouton « OK ».
  10. Réduire toutes les bibliothèques.
  11. Cliquer sur le bouton « New Library ».
  12. Cliquer sur le bouton des trois points verticaux.
  13. Choisir l’option « Download more libraries ».
  14. Trouver la bibliothèque « Charts ».
  15. Cliquer sur le bouton « Download ».
  16. Cliquer sur le bouton « Open Justinmind ».
  17. Développer votre projet nommé « Travel ecommerce app ».
  18. Cliquer sur le bouton « New Library ».
Environnement :

Windows 10 Pro

Chrome v.114.0.5735.199

Résultat réel :

Lors du téléchargement d’une bibliothèque, elle n’est pas ajoutée au projet actuel. Au lieu de cela, l’ajout d’une bibliothèque ouvre un nouveau projet.

Résultat attendu :

La bibliothèque devrait être intégrée au projet en cours.

Impossible de voir toutes les pages du projet lors de la visualisation du projet sur un appareil mobile

Gravité :

Majeure

Condition préalable :
  1. Installer le programme sur l’ordinateur.
  2. Se connecter.
  3. Installer l’application sur l’appareil mobile.
  4. Se connecter en utilisant le même compte.
Étapes de reproduction :
  1. Naviguer vers la page des modèles du site en utilisant ce lien : https://www.justinmind.com/design-templates?filter=prototype.
  2. Cliquer sur l’onglet Mobile.
  3. Localiser le modèle « Travel ecommerce app ».
  4. Cliquer sur le bouton « Download ».
  5. Cliquer sur le bouton « Open Justinmind ».
  6. Cliquer sur le bouton « View on device ».
  7. Ouvrir l’application appareil photo sur votre téléphone.
  8. Utiliser l’appareil photo de votre téléphone pour scanner le code QR affiché à l’écran du PC.
  9. Une fois l’application ouverte, essayer de naviguer entre les pages du projet en balayant dans toutes les directions et en tapant sur l’écran.
Environnement :

Windows 10 Pro (Chrome v.114.0.5735.199)

Xiaomi Mi 10 (Android 13, MIUI Global 14.0.1), iPhone 11, iOS Version 17.0

Résultat réel :

Lors de la visualisation du projet sur un appareil mobile, il est impossible de voir toutes les pages du projet.

Résultat attendu :

Il devrait être possible de visualiser toutes les pages du projet sur les appareils mobiles.

Impossible de voir toutes les pages du projet lors de la visualisation du projet sur un appareil mobile

Le navigateur déforme l’affichage de l’état actuel du projet

Gravité :

Mineure

Condition préalable :
  1. Installer le programme.
  2. Se connecter.
Étapes de reproduction :
  1. Ouvrir le programme.
  2. Cliquer sur le bouton « New project ».
  3. Sélectionner l’option « Mobile ».
  4. Cliquer sur le bouton « Ok ».
  5. Cliquer sur le bouton « Palettes ».
  6. Cliquer sur le bouton « Navigator ».
  7. Ouvrir le « Navigator » dans la barre latérale.
  8. Dans la barre d’outils supérieure, cliquer sur l’outil de dessin de cercle.
  9. Maintenir le bouton de la souris enfoncé au milieu de l’écran du modèle de téléphone.
  10. Dessiner un cercle dont la hauteur et la largeur sont identiques.
  11. Examiner l’affichage dans le panneau du navigateur.
Environnement :

Windows 10 Pro

Résultat réel :

Le navigateur déforme l’affichage de l’état actuel du projet.

Résultat attendu :

Le navigateur ne devrait pas déformer les objets qu’il affiche.

Le navigateur déforme l’affichage de l’état actuel du projet

Aucun bouton pour fermer la fenêtre contextuelle de sélection des couleurs

Gravité :

Mineure

Condition préalable :
  1. Installer le programme.
  2. Se connecter.
Étapes de reproduction :
  1. Naviguer vers la page des modèles du site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Basculer vers l’onglet Mobile.
  3. Localiser le modèle « Travel ecommerce app ».
  4. Cliquer sur le bouton « Download ».
  5. Sélectionner l’option « Open Justinmind ».
  6. Aller dans la section « Detail Screen ».
  7. Choisir l’une des étoiles gris clair.
  8. Dans le bloc Background, cliquer sur l’icône affichant la couleur.
Environnement :

Windows 10 Pro (Navigateurs : Chrome v.114.0.5735.199)

Résultat réel :

Il n’y a pas de bouton pour fermer la fenêtre contextuelle de sélection des couleurs.

Résultat attendu :

Pour permettre à l’utilisateur de continuer à modifier l’élément, la fenêtre contextuelle doit inclure un bouton de fermeture.

Le projet ne se charge pas sur l’appareil mobile

Gravité :

Mineure

Condition préalable :
  1. Installez le programme sur l’ordinateur.
  2. Connectez-vous.
  3. Installez l’application sur l’appareil mobile.
  4. Connectez-vous en utilisant le même compte.
Étapes de reproduction :
  1. Accédez à la page des modèles du site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Basculez vers l’onglet Mobile.
  3. Localisez le modèle “Travel ecommerce app”.
  4. Cliquez sur le bouton “Télécharger”.
  5. Sélectionnez l’option “Ouvrir Justinmind”.
  6. Accédez à l’application sur votre appareil mobile.
  7. Trouvez et sélectionnez le projet que vous avez récemment ajouté.
  8. Cliquez dessus pour l’ouvrir.
Environnement :

Windows 10 Pro (Chrome v.114.0.5735.199)

Xiaomi Mi 10 (Android 13, MIUI Global 14.0.1)

Résultat réel :

Le projet ne se charge pas sur l’appareil mobile.
Ce problème survient dans 1 cas sur 10.

Résultat attendu :

Le projet devrait se charger.

Aucun défilement disponible sur l’écran pour centrer la mise en page

Gravité :

Mineure

Condition préalable :
  1. Installez le programme.
  2. Connectez-vous à votre compte.
  3. Téléchargez une image en grand format avec des dimensions supérieures à 2000 px en largeur et en hauteur.
Étapes de reproduction :
  1. Ouvrez le programme.
  2. Cliquez sur le bouton “Nouveau projet”.
  3. Sélectionnez l’option “Mobile”.
  4. Cliquez sur le bouton “Ok”.
  5. Dans la barre d’outils, cliquez sur le bouton “Ajouter une image”.
  6. Ouvrez l’image en grand écran.
  7. Faites défiler jusqu’au coin supérieur gauche de l’image.
  8. Cliquez sur “Propriétés” dans la barre latérale.
  9. Modifiez les paramètres de l’image : Largeur : 200, Hauteur : 200, X : 0, Y : 0.
  10. Utilisez la barre de défilement latérale pour naviguer vers le bas de la page.
  11. Utilisez la barre de défilement inférieure pour déplacer la page vers la droite jusqu’à la fin.
Environnement :

Windows 10 Pro

Résultat réel :

Aucun défilement disponible sur l’écran pour centrer la mise en page.

Résultat attendu :

La mise en page devrait être ajustable et mobile sur l’écran.

Le bloc "Propriétés" n’est pas déplaçable à l’écran

Gravité :

Triviale

Condition préalable :
  1. Installez le programme.
  2. Connectez-vous.
Étapes de reproduction :
  1. Ouvrez le programme.
  2. Cliquez sur le bouton “Nouveau projet”.
  3. Sélectionnez l’option “Mobile”.
  4. Cliquez sur le bouton “Ok”.
  5. Dans la barre latérale, cliquez avec le bouton gauche de la souris sur le bloc “Propriétés” au-dessus du texte “Propriétés”.
  6. Faites glisser la souris vers la gauche.
  7. Relâchez le bouton.

 

Environnement :

Windows 10 Pro

Résultat réel :

Le bloc “Propriétés” n’est pas déplaçable à l’écran.

Résultat attendu :

Le bloc “Propriétés” devrait être déplaçable à l’écran.

Aucun défilement dans les panneaux supplémentaires, et les boutons de la barre d’outils se chevauchent

Gravité :

Triviale

Condition préalable :
  1. Installez le programme.
  2. Connectez-vous.
Étapes de reproduction :
  1. Ouvrez le programme.
  2. Cliquez sur le bouton “Nouveau projet”.
  3. Sélectionnez l’option “Mobile”.
  4. Cliquez sur le bouton “Ok”.
  5. Cliquez sur le bouton “Palettes”.
  6. Cliquez sur le bouton “CSS”.
  7. Cliquez sur le bouton “Palettes”.
  8. Cliquez sur le bouton “Variables”.
  9. Cliquez sur le bouton “Palettes”.
  10. Cliquez sur le bouton “Navigateur”.
Environnement :

Windows 10 Pro

Résultat réel :

Les boutons de la barre d’outils se chevauchent, et aucun défilement n’est disponible dans les panneaux supplémentaires.

Résultat attendu :

Une barre de défilement latérale devrait être présente pour la barre d’outils.

Les défilements de changement de page scintillent

Gravité :

Triviale

Condition préalable :
  1. Installez le programme.
  2. Connectez-vous.
Étapes de reproduction :
  1. Accédez à la page des modèles du site (https://www.justinmind.com/design-templates?filter=prototype).
  2. Basculez vers l’onglet Mobile.
  3. Localisez le modèle “Travel ecommerce app”.
  4. Cliquez sur le bouton “Télécharger”.
  5. Sélectionnez l’option “Ouvrir Justinmind”.
Environnement :

Windows 10 Pro

Chrome v.114.0.5735.199

Résultat réel :

Les défilements de changement de page scintillent.

Résultat attendu :

Le passage de page ne devrait pas faire scintiller le défilement.

Lors de l’ajout d’un logo via le site Web, celui-ci apparaît déformé dans l’application

Gravité :

Triviale

Condition préalable :
  1. Installer le programme.
  2. Se connecter.
  3. Télécharger le logo (https://jira.redwerk.com/secure/attachment/112630/qawerk.jpg).
Étapes de reproduction :
  1. Ouvrir l’application sur votre PC.
  2. Cliquer sur le bouton “Paramètres”.
  3. Sélectionner l’option “Branding”.
  4. Cliquer sur le bouton “Paramètres du compte”.
  5. Une fois la page des paramètres ouverte dans le navigateur, cliquer sur le bouton “Branding”.
  6. Cliquer sur la zone désignée pour ajouter un logo.
  7. Télécharger le logo depuis votre ordinateur.
  8. Agrandir l’application.
Environnement :

Windows 10 Pro

Chrome v.114.0.5735.199, Firefox v.115.0.1, Microsoft Edge v. 114.0.1823.79

Résultat réel :

Lors de l’ajout d’un logo via le site Web, celui-ci apparaît déformé dans l’application.

Résultat attendu :

Le logo ne devrait pas être déformé.

Pour garantir la qualité de Justinmind SaaS, je recommande de procéder à des tests fonctionnels et non fonctionnels, y compris l’automatisation des tests de régression et le comportement cohérent. Prioriser les tests d’utilisabilité pour améliorer l’expérience utilisateur et identifier les problèmes de mise en page, ainsi que les tests de compatibilité pour les appareils mobiles et les navigateurs afin de résoudre les bugs spécifiques aux appareils.
Iryna, QA engineer

Iryna, QA engineer

Vous avez besoin d'un partenaire QA fiable ?

Embauchez-nous

VERWANDTE BUG CRAWLS