Diese Website verwendet Cookies, um Ihr Benutzererlebnis zu verbessern. Sie können dies jederzeit ändern. Erfahren Sie mehr

Bugs in Justinmind SaaS gefunden

› Bug Crawl›Bugs in Justinmind SaaS gefunden

Justinmind

Justinmind ist eine kostenlose UI- und UX-Designplattform, mit der Benutzer mühelos UI-Assets, Prototypen und Simulationen erstellen können.

Von klickbaren Prototypen bis hin zu voll funktionsfähigen Simulationen ermöglicht sie nahtloses Design ohne Programmierung. Mit einer Reihe von Tools können Sie sich auf die Gestaltung außergewöhnlicher Benutzererlebnisse konzentrieren, während simulationsbasierte Tests Prozesse rationalisieren und die Benutzerakzeptanz verbessern. Die Software bietet die Freiheit, UI-Assets ohne Projektbeschränkungen zu entwerfen, und umfasst Vektor-Design-Tools, Stift-Tools, Pfadfinder und mehr. Dank der Zusammenarbeitsfunktionen können mehrere Benutzer gleichzeitig an Prototypen arbeiten.

Unsere QA-Ingenieure haben Justinmind SaaS von einem professionellen Standpunkt aus untersucht. Hier sind unsere Ergebnisse!

justinmind.com

Den Schaltflächen zugewiesene Ereignisse werden während der Simulation nicht konsistent ausgelöst

Die Strenge:

Schwerwiegend

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
Wiedergabeschritte:
  1. Rufen Sie die Vorlagenseite der Website auf (https://www.justinmind.com/design-templates?filter=prototype).
  2. Navigieren Sie zur Registerkarte Mobile.
  3. Suchen Sie die Vorlage “Travel ecommerce app”.
  4. Klicken Sie auf die Schaltfläche “Herunterladen”.
  5. Klicken Sie auf die Schaltfläche “Justinmind öffnen”.
  6. Klicken Sie auf der Vorlagenseite “Willkommensbildschirm” mit der rechten Maustaste auf die Schaltfläche “Jetzt ausprobieren”.
  7. Wählen Sie die Option “Ereignis hinzufügen”.
  8. Wählen Sie den Auslöser, indem Sie auf die Schaltfläche “TRIGGER WÄHLEN” klicken.
  9. Fahren Sie mit der Maus über “Tap” und klicken Sie auf die Option “on Tap”.
  10. Wählen Sie die Aktion, indem Sie auf die Schaltfläche “AKTION WÄHLEN” klicken.
  11. Wählen Sie die Option “Navigieren zu”.
  12. Klicken Sie auf die Schaltfläche “Startbildschirm”.
  13. Klicken Sie auf “OK”.
  14. Gehen Sie zum Bildschirm “Startbildschirm”.
  15. Klicken Sie mit der rechten Maustaste auf die Schaltfläche “Kajak”.
  16. Wählen Sie den Auslöser, indem Sie auf die Schaltfläche “AUSLÖSER WÄHLEN” klicken.
  17. Bewegen Sie den Mauszeiger über “Tippen” und klicken Sie dann auf die Option “bei Tippen”.
  18. Wählen Sie die Aktion, indem Sie auf die Schaltfläche “AKTION WÄHLEN” klicken.
  19. Wählen Sie die Option “Navigieren zu”.
  20. Klicken Sie auf die Schaltfläche “Detailbildschirm”.
  21. Navigieren Sie zum Bildschirm “Detailbildschirm”.
  22. Klicken Sie mit der rechten Maustaste auf die Schaltfläche “Buchen Sie Ihr Erlebnis”.
  23. Wählen Sie den Auslöser, indem Sie auf die Schaltfläche “AUSLÖSER WÄHLEN” klicken.
  24. Fahren Sie mit der Maus über “Tippen” und klicken Sie auf die Option “bei Tippen”.
  25. Wählen Sie die Aktion, indem Sie auf die Schaltfläche “AKTION WÄHLEN” klicken.
  26. Wählen Sie die Option “Navigieren zu”.
  27. Klicken Sie auf die Schaltfläche “Willkommensbildschirm”.
  28. Klicken Sie auf die Schaltfläche “Simulieren”.
  29. Klicken Sie auf die Schaltfläche “Buchen Sie Ihr Erlebnis”.
  30. Klicken Sie auf die Schaltfläche “Jetzt ausprobieren”.
  31. Klicken Sie auf die Schaltfläche “Kajak”.
Der Umgebung:

Windows 10 Pro
Chrome v.114.0.5735.199, Firefox v.115.0.1, Microsoft Edge v. 114.0.1823.79

Tatsächliche Ergebnis:

Die den Schaltflächen zugewiesenen Ereignisse werden während der Simulation nicht konsistent ausgelöst.

Erwartetes Ergebnis:

Die Ereignisse sollten jedes Mal ausgelöst werden.

Heruntergeladene Bibliothek wird nicht zum aktuellen Projekt hinzugefügt

Die Strenge:

Schwerwiegend

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.

 

Wiedergabeschritte:
  1. Rufen Sie die Vorlagenseite der Website auf (https://www.justinmind.com/design-templates?filter=prototype).
  2. Navigieren Sie zur Registerkarte Mobile.
  3. Suchen Sie die Vorlage “Travel ecommerce app”.
  4. Klicken Sie auf die Schaltfläche “Herunterladen”.
  5. Klicken Sie anschließend auf die Schaltfläche “Justinmind öffnen”.
  6. Klicken Sie auf die Schaltfläche “Bibliotheken”, um die verfügbaren Bibliotheken im Projekt anzuzeigen.
  7. Klicken Sie auf die Schaltfläche “Neue Bibliothek”.
  8. Ziehen Sie die Schieberegler für alle verfügbaren Bibliotheken in die aktive Position.
  9. Klicken Sie auf die Schaltfläche “OK”.
  10. Klappen Sie alle Bibliotheken zu.
  11. Klicken Sie auf die Schaltfläche “Neue Bibliothek”.
  12. Klicken Sie auf die Schaltfläche mit den drei vertikalen Punkten.
  13. Wählen Sie die Option “Weitere Bibliotheken herunterladen”.
  14. Suchen Sie die Bibliothek “Diagramme”.
  15. Klicken Sie auf die Schaltfläche “Herunterladen”.
  16. Klicken Sie auf die Schaltfläche “Justinmind öffnen”.
  17. Erweitern Sie Ihr Projekt mit dem Namen “Travel ecommerce app”.
  18. Klicken Sie auf die Schaltfläche “Neue Bibliothek”.
Der Umgebung:

Windows 10 Pro
Chrome v.114.0.5735.199

Tatsächliche Ergebnis:

Wenn Sie eine Bibliothek herunterladen, wird sie nicht zum aktuellen Projekt hinzugefügt. Stattdessen wird beim Hinzufügen einer Bibliothek ein neues Projekt geöffnet.

Erwartetes Ergebnis:

Die Bibliothek sollte in das Projekt integriert werden, an dem gerade gearbeitet wird.

Unmöglich, alle Projektseiten zu sehen, wenn das Projekt auf einem mobilen Gerät angezeigt wird

Die Strenge:

Schwerwiegend

Voraussetzungen:
  1. Installieren Sie das Programm auf dem Computer.
  2. Melden Sie sich an.
  3. Installieren Sie die Anwendung auf dem mobilen Gerät.
  4. Melden Sie sich mit demselben Konto an.
Wiedergabeschritte:
  1. Rufen Sie die Vorlagenseite der Website über diesen Link auf: https://www.justinmind.com/design-templates?filter=prototype.
  2. Klicken Sie auf die Registerkarte Mobile.
  3. Suchen Sie die Vorlage “Travel ecommerce app”.
  4. Klicken Sie auf die Schaltfläche “Herunterladen”.
  5. Klicken Sie auf die Schaltfläche “Justinmind öffnen”.
  6. Klicken Sie auf die Schaltfläche “Auf dem Gerät anzeigen”.
  7. Öffnen Sie die Kamera-App auf Ihrem Handy.
  8. Scannen Sie mit der Kamera Ihres Handys den QR-Code, der auf dem PC-Bildschirm angezeigt wird.
  9. Sobald die Anwendung geöffnet ist, versuchen Sie, zwischen den Projektseiten zu navigieren, indem Sie in alle Richtungen wischen und auf den Bildschirm tippen.

Der Umgebung:

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

Tatsächliche Ergebnis:

Bei der Anzeige des Projekts auf einem mobilen Gerät können nicht alle Projektseiten angezeigt werden.

Erwartetes Ergebnis:

Es sollte möglich sein, alle Projektseiten auf mobilen Geräten anzuzeigen.

Unmöglich, alle Projektseiten zu sehen, wenn das Projekt auf einem mobilen Gerät angezeigt wird

Navigator verzerrt Anzeige des aktuellen Projektstatus

Die Strenge:

Geringfügig

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
Wiedergabeschritte:
  1. Öffnen Sie das Programm.
  2. Klicken Sie auf die Schaltfläche “Neues Projekt”.
  3. Wählen Sie die Option “Mobil”.
  4. Klicken Sie auf die Schaltfläche “Ok”.
  5. Klicken Sie auf die Schaltfläche “Paletten”.
  6. Klicken Sie auf die Schaltfläche “Navigator”.
  7. Öffnen Sie den “Navigator” in der Seitenleiste.
  8. Klicken Sie in der oberen Symbolleiste auf das Werkzeug zum Zeichnen von Kreisen.
  9. Halten Sie die Maustaste in der Mitte des Telefonvorlagenbildschirms gedrückt.
  10. Zeichnen Sie einen Kreis so, dass seine Höhe und Breite gleich groß sind.
  11. Überprüfen Sie die Anzeige im Navigationsbereich.
Der Umgebung:

Windows 10 Pro

Tatsächliche Ergebnis:

Der Navigator verzerrt die Anzeige des aktuellen Projektstatus.

Erwartetes Ergebnis:

Der Navigator sollte die Objekte, die er anzeigt, nicht verzerren.

Navigator verzerrt Anzeige des aktuellen Projektstatus

Keine Schaltfläche zum Schließen des Farbauswahl-Popups

Die Strenge:

Geringfügig

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
Wiedergabeschritte:
  1. Navigieren Sie zur Vorlagenseite der Website (https://www.justinmind.com/design-templates?filter=prototype).
  2. Wechseln Sie zur Registerkarte Mobile.
  3. Suchen Sie die Vorlage “Travel ecommerce app”.
  4. Klicken Sie auf die Schaltfläche “Herunterladen”.
  5. Wählen Sie die Option “Justinmind öffnen”.
  6. Gehen Sie zum Abschnitt “Detailbildschirm”.
  7. Wählen Sie einen der hellgrauen Sterne.
  8. Klicken Sie im Block “Hintergrund” auf das Symbol, das die Farbe anzeigt.
Der Umgebung:

Windows 10 Pro (Browser: Chrome v.114.0.5735.199)

Tatsächliche Ergebnis:

Es gibt keine Schaltfläche zum Schließen des Farbauswahl-Popups.

Erwartetes Ergebnis:

Damit der Benutzer die Bearbeitung des Elements fortsetzen kann, sollte das Popup-Fenster eine Schaltfläche zum Schließen enthalten.

Projekt wird auf einem mobilen Gerät nicht geladen

Die Strenge:

Geringfügig

Voraussetzungen:
  1. Installieren Sie das Programm auf dem Computer.
  2. Melden Sie sich an.
  3. Installieren Sie die Anwendung auf dem mobilen Gerät.
  4. Melden Sie sich mit demselben Konto an.
Wiedergabeschritte:
  1. Navigieren Sie zur Vorlagenseite der Website (https://www.justinmind.com/design-templates?filter=prototype).
  2. Wechseln Sie zur Registerkarte Mobile.
  3. Suchen Sie die Vorlage “Travel ecommerce app”.
  4. Klicken Sie auf die Schaltfläche “Herunterladen”.
  5. Wählen Sie die Option “Justinmind öffnen”.
  6. Rufen Sie die App auf Ihrem mobilen Gerät auf.
  7. Suchen Sie das Projekt, das Sie kürzlich hinzugefügt haben, und wählen Sie es aus.
  8. Klicken Sie darauf, um es zu öffnen.
Der Umgebung:

Windows 10 Pro (Chrome v.114.0.5735.199)
Xiaomi Mi 10 (Android 13, MIUI Global 14.0.1)

Tatsächliche Ergebnis:

Das Projekt kann nicht auf dem mobilen Gerät geladen werden.
Dieses Problem tritt in 1 von 10 Fällen auf.

Erwartetes Ergebnis:

Das Projekt sollte geladen werden.

Kein Bildlauf auf dem Bildschirm verfügbar, um das Layout zu zentrieren

Die Strenge:

Geringfügig

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich bei Ihrem Konto an.
  3. Laden Sie ein Bild in einem großen Format mit Abmessungen größer als 2000px in Breite und Höhe herunter.
Wiedergabeschritte:
  1. Öffnen Sie das Programm.
  2. Klicken Sie auf die Schaltfläche “Neues Projekt”.
  3. Wählen Sie die Option “Mobil”.
  4. Klicken Sie auf die Schaltfläche “Ok”.
  5. Klicken Sie in der Symbolleiste auf die Schaltfläche “Bild hinzufügen”.
  6. Öffnen Sie das Bild im Breitbildformat.
  7. Scrollen Sie zur oberen linken Ecke des Bildes.
  8. Klicken Sie in der Seitenleiste auf “Eigenschaften”.
  9. Ändern Sie die Bildeinstellungen: Breite: 200, Höhe: 200, X: 0, Y: 0.
  10. Verwenden Sie den seitlichen Bildlauf, um zum unteren Ende der Seite zu navigieren.
  11. Benutzen Sie den unteren Bildlauf, um die Seite bis zum Ende nach rechts zu verschieben.
Der Umgebung:

Windows 10 Pro

Tatsächliche Ergebnis:

Es ist kein Bildlauf auf dem Bildschirm verfügbar, um das Layout zu zentrieren.

Erwartetes Ergebnis:

Das Layout sollte anpassbar und über den Bildschirm verschiebbar sein.

Der Block "Eigenschaften" ist auf dem Bildschirm nicht verschiebbar

Die Strenge:

Trivial

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
Wiedergabeschritte:
  1. Öffnen Sie das Programm.
  2. Klicken Sie auf die Schaltfläche “Neues Projekt”.
  3. Wählen Sie die Option “Mobil”.
  4. Klicken Sie auf die Schaltfläche “Ok”.
  5. Klicken Sie in der Seitenleiste mit der linken Maustaste auf den Block “Eigenschaften” über dem Text “Eigenschaften”.
  6. Ziehen Sie die Maus nach links.
  7. Lassen Sie die Taste los.
Der Umgebung:

Windows 10 Pro

Tatsächliche Ergebnis:

Der Block “Eigenschaften” ist auf dem Bildschirm nicht verschiebbar.

Erwartetes Ergebnis:

Der Block “Eigenschaften” sollte auf dem Bildschirm verschiebbar sein.

Kein Scrollen in zusätzlichen Panels, und die Schaltflächen der Symbolleiste überschneiden sich

Die Strenge:

Trivial

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
Wiedergabeschritte:
  1. Öffnen Sie das Programm.
  2. Klicken Sie auf die Schaltfläche “Neues Projekt”.
  3. Wählen Sie die Option “Mobil”.
  4. Klicken Sie auf die Schaltfläche “Ok”.
  5. Klicken Sie auf die Schaltfläche “Paletten”.
  6. Klicken Sie auf die Schaltfläche “CSS”.
  7. Klicken Sie auf die Schaltfläche “Paletten”.
  8. Klicken Sie auf die Schaltfläche “Variablen”.
  9. Klicken Sie auf die Schaltfläche “Paletten”.
  10. Klicken Sie auf die Schaltfläche “Navigator”.
Der Umgebung:

Windows 10 Pro

Tatsächliche Ergebnis:

Die Schaltflächen der Symbolleiste überschneiden sich, und in den zusätzlichen Feldern ist kein Bildlauf möglich.

Erwartetes Ergebnis:

Ein seitlicher Bildlauf sollte für die Symbolleiste vorhanden sein.

Die Bildläufe beim Seitenwechsel flackern

Die Strenge:

Trivial

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
Wiedergabeschritte:
  1. Navigieren Sie zur Vorlagenseite der Website (https://www.justinmind.com/design-templates?filter=prototype).
  2. Wechseln Sie zur Registerkarte Mobile.
  3. Suchen Sie die Vorlage “Travel ecommerce app”.
  4. Klicken Sie auf die Schaltfläche “Herunterladen”.
  5. Wählen Sie die Option “Justinmind öffnen”.
Der Umgebung:

Windows 10 Pro
Chrome v.114.0.5735.199

Tatsächliche Ergebnis:

Die Bildläufe beim Seitenwechsel flackern.

Erwartetes Ergebnis:

Die Bildläufe beim Seitenwechsel sollten nicht flackern.

Nach dem Hinzufügen eines Logos über die Website erscheint das Logo in der Anwendung verzerrt

Die Strenge:

Geringfügig

Voraussetzungen:
  1. Installieren Sie das Programm.
  2. Melden Sie sich an.
  3. Laden Sie das Logo herunter (https://jira.redwerk.com/secure/attachment/112630/qawerk.jpg).
Wiedergabeschritte:
  1. Öffnen Sie die Anwendung auf Ihrem PC.
  2. Klicken Sie auf die Schaltfläche “Einstellungen”.
  3. Wählen Sie die Option “Branding”.
  4. Klicken Sie auf die Schaltfläche “Kontoeinstellungen”.
  5. Sobald sich die Einstellungsseite im Browser öffnet, klicken Sie auf die Schaltfläche “Branding”.
  6. Klicken Sie auf den vorgesehenen Bereich, um ein Logo hinzuzufügen.
  7. Laden Sie das Logo von Ihrem Computer hoch.
  8. Erweitern Sie die Anwendung.

 

Der Umgebung:

Windows 10 Pro
Chrome v.114.0.5735.199, Firefox v.115.0.1, Microsoft Edge v. 114.0.1823.79

Tatsächliche Ergebnis:

Nach dem Hinzufügen eines Logos über die Website erscheint das Logo in der Anwendung verzerrt.

Erwartetes Ergebnis:

Das Logo sollte nicht verzerrt sein.

Um die Qualität von Justinmind SaaS zu gewährleisten, empfehle ich die Durchführung funktionaler und nicht-funktionaler Tests, einschließlich Automatisierung für Regressionstests und konsistentes Verhalten. Priorisieren Sie Usability-Tests, um die Benutzerfreundlichkeit zu verbessern und Layout-Probleme zu identifizieren, neben Kompatibilitätstests für mobile Geräte und Browser, um gerätespezifische Fehler zu beheben.
Iryna, QA-Ingenieurin

Iryna, QA-Ingenieurin

Benötigen Sie einen zuverlässigen QS-Partner?

Engagieren Sie uns

VERWANDTE BUG CRAWLS