Este sitio web utiliza cookies para garantizar una experiencia completa. Puede cambiar la configuración en cualquier momento. Más información

Errores encontrados en Justinmind SaaS

› Bug Crawl›Errores encontrados en Justinmind SaaS

Justinmind

Justinmind es una plataforma gratuita de diseño de UI y UX que permite a los usuarios crear sin esfuerzo activos de UI, prototipos y simulaciones.

Desde prototipos en los que se puede hacer clic hasta simulaciones totalmente funcionales, permite un diseño fluido sin codificación. Con una serie de herramientas a su disposición, puede centrarse en crear experiencias de usuario excepcionales, mientras que las pruebas basadas en simulaciones agilizan los procesos y mejoran la adopción por parte del usuario. El software ofrece la libertad de diseñar activos de interfaz de usuario sin limitaciones de proyecto, con herramientas de diseño vectorial, herramientas de lápiz, trazadores de ruta y mucho más. Las funciones de colaboración permiten que varios usuarios trabajen simultáneamente en los prototipos.

Nuestros ingenieros de control de calidad exploraron Justinmind SaaS desde un punto de vista profesional. Aquí están nuestras conclusiones.

justinmind.com

Los eventos asignados a los botones no se activan de forma coherente durante la simulación

GRAVEDAD:

Mayor

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.
PASOS PARA REPRODUCIR EL ERROR:
  1. Vaya a la página de plantillas del sitio (https://www.justinmind.com/design-templates?filter=prototype).
  2. Navegue hasta la pestaña Móvil.
  3. Busque la plantilla “Travel ecommerce app”.
  4. Haga clic en el botón “Descargar”.
  5. Haga clic en el botón “Abrir Justinmind”.
  6. En la página de la plantilla “Pantalla de bienvenida”, haz clic con el botón derecho del ratón en el botón “Probar ahora”.
  7. Seleccione la opción “Añadir evento”.
  8. Elija el disparador haciendo clic en el botón “ELEGIR DISPARADOR”.
  9. Pase el ratón por encima de “Tap” y haga clic en la opción “on Tap”.
  10. Seleccione la acción haciendo clic en el botón “ELEGIR ACCIÓN”.
  11. Elija la opción “Navegar a”.
  12. Haga clic en el botón “Pantalla de inicio”.
  13. Haga clic en “OK”.
  14. Vaya a la pantalla “Pantalla de inicio”.
  15. Haga clic con el botón derecho del ratón en el botón “Kayak”.
  16. Elija el disparador haciendo clic en el botón “ELEGIR DISPARADOR”.
  17. Pase el ratón por encima de “Tap” y haga clic en la opción “on Tap”.
  18. Seleccione la acción haciendo clic en el botón “ELEGIR ACCIÓN”.
  19. Elija la opción “Navegar a”.
  20. Haga clic en el botón “Pantalla detallada”.
  21. Navegue hasta la pantalla “Pantalla detallada”.
  22. Haga clic con el botón derecho del ratón en el botón “Reserve su experiencia”.
  23. Elija el activador haciendo clic en el botón “ELEGIR ACTIVADOR”.
  24. Pase el ratón por encima de “Tap” y haga clic en la opción “on Tap”.
  25. Seleccione la acción haciendo clic en el botón “ELEGIR ACCIÓN”.
  26. Elija la opción “Navegar a”.
  27. Haga clic en el botón “Pantalla de bienvenida”.
  28. Haga clic en el botón “Simular”.
  29. Haga clic en el botón “Reserve su experiencia”.
  30. Pulse el botón “Pruebe ahora”.
  31. Haga clic en el botón “Kayak”.
ENTORNO:

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

RESULTADO ACTUAL:

Los eventos asignados a los botones no se activan de forma coherente durante la simulación.

RESULTADO ESPERADO:

Los eventos deberían activarse siempre.

La librería descargada no se añade al proyecto actual

GRAVEDAD:

Mayor

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.

 

PASOS PARA REPRODUCIR EL ERROR:
  1. Vaya a la página de plantillas del sitio (https://www.justinmind.com/design-templates?filter=prototype).
  2. Vaya a la pestaña Móvil.
  3. Localice la plantilla “Travel ecommerce app”.
  4. Haga clic en el botón “Descargar”.
  5. A continuación, haz clic en el botón “Abrir Justinmind”.
  6. Haga clic en el botón “Bibliotecas” para ver las bibliotecas disponibles en el proyecto.
  7. Haga clic en el botón “Nueva biblioteca”.
  8. Arrastre los controles deslizantes de todas las bibliotecas disponibles a la posición activa.
  9. Haga clic en el botón “Aceptar”.
  10. Contraiga todas las bibliotecas.
  11. Haga clic en el botón “Nueva biblioteca”.
  12. Haga clic en el botón de los tres puntos verticales.
  13. Elija la opción “Descargar más bibliotecas”.
  14. Busca la biblioteca “Gráficos”.
  15. Haga clic en el botón “Descargar”.
  16. Haga clic en el botón “Abrir Justinmind”.
  17. Expande tu proyecto llamado “Travel ecommerce app”.
  18. Haga clic en el botón “Nueva biblioteca”.
ENTORNO:

Windows 10 Pro
Chrome v.114.0.5735.199

RESULTADO ACTUAL:

Al descargar una biblioteca, no se añade al proyecto actual. En su lugar, al añadir una biblioteca se abre un nuevo proyecto.

RESULTADO ESPERADO:

La biblioteca debería integrarse en el proyecto en el que se está trabajando actualmente.

Imposible ver todas las páginas del proyecto cuando se visualiza el proyecto en un dispositivo móvil

GRAVEDAD:

Mayor

PRECONDICIÓN:
  1. Instalar el programa en el ordenador.
  2. Iniciar sesión.
  3. Instalar la aplicación en el dispositivo móvil.
  4. Iniciar sesión con la misma cuenta.
PASOS PARA REPRODUCIR EL ERROR:
  1. Navegue a la página de plantillas del sitio utilizando este enlace: https://www.justinmind.com/design-templates?filter=prototype.
  2. Haga clic en la pestaña Móvil.
  3. Localice la plantilla “Travel ecommerce app”.
  4. Haga clic en el botón “Descargar”.
  5. Haz clic en el botón “Abrir Justinmind”.
  6. Haz clic en el botón “Ver en el dispositivo”.
  7. Abre la aplicación de cámara de tu teléfono.
  8. Utiliza la cámara de tu teléfono para escanear el código QR que aparece en la pantalla del PC.
  9. Una vez abierta la aplicación, intenta navegar entre las páginas del proyecto deslizando el dedo en todas las direcciones y pulsando sobre la pantalla.
ENTORNO:

Windows 10 Pro (Chrome v.114.0.5735.199)
Xiaomi Mi 10 (Android 13, MIUI Global 14.0.1), iPhone 11, iOS Versión 17.0

RESULTADO ACTUAL:

Al visualizar el proyecto en un dispositivo móvil, es imposible ver todas las páginas del proyecto.

RESULTADO ESPERADO:

Debería ser posible ver todas las páginas del proyecto en dispositivos móviles.

Imposible ver todas las páginas del proyecto cuando se visualiza el proyecto en un dispositivo móvil

El navegador distorsiona la visualización del estado actual del proyecto

GRAVEDAD:

Menor

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.
PASOS PARA REPRODUCIR EL ERROR:
  1. Abra el programa.
  2. Haga clic en el botón “Nuevo proyecto”.
  3. Seleccione la opción “Móvil”.
  4. Pulse el botón “Aceptar”.
  5. Pulse el botón “Paletas”.
  6. Haga clic en el botón “Navegador”.
  7. Abra el “Navegador” en la barra lateral.
  8. En la barra de herramientas superior, haga clic en la herramienta de dibujo de círculos.
  9. Mantenga pulsado el botón del ratón en el centro de la pantalla de la plantilla de teléfono.
  10. Dibuje un círculo de modo que su altura y anchura tengan el mismo tamaño.
  11. Revise la visualización en el panel del navegador.
ENTORNO:

Windows 10 Pro

RESULTADO ACTUAL:

El navegador distorsiona la visualización del estado actual del proyecto.

RESULTADO ESPERADO:

El navegador no debería distorsionar los objetos que muestra.

El navegador distorsiona la visualización del estado actual del proyecto

No hay botón para cerrar la ventana de selección de color

GRAVEDAD:

Menor

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.
PASOS PARA REPRODUCIR EL ERROR:
  1. Vaya a la página de plantillas del sitio (https://www.justinmind.com/design-templates?filter=prototype).
  2. Cambie a la pestaña Móvil.
  3. Localice la plantilla “Travel ecommerce app”.
  4. Haga clic en el botón “Descargar”.
  5. Seleccione la opción “Abrir Justinmind”.
  6. Vaya a la sección “Pantalla detallada”.
  7. Elige una de las estrellas de color gris claro.
  8. Dentro del bloque Fondo, haz clic en el icono que muestra el color.
ENTORNO:

Windows 10 Pro (Navegadores: Chrome v.114.0.5735.199)

RESULTADO ACTUAL:

No hay botón para cerrar la ventana emergente de selección de color.

RESULTADO ESPERADO:

Para que el usuario pueda seguir editando el elemento, la ventana emergente debería incluir un botón de cierre.

El proyecto no se carga en un dispositivo móvil

GRAVEDAD:

Menor

PRECONDICIÓN:
  1. Instalar el programa en el ordenador.
  2. Iniciar sesión.
  3. Instalar la aplicación en el dispositivo móvil.
  4. Iniciar sesión con la misma cuenta.
PASOS PARA REPRODUCIR EL ERROR:
  1. Vaya a la página de plantillas del sitio (https://www.justinmind.com/design-templates?filter=prototype).
  2. Cambie a la pestaña Móvil.
  3. Localice la plantilla “Travel ecommerce app”.
  4. Haga clic en el botón “Descargar”.
  5. Selecciona la opción “Abrir Justinmind”.
  6. Acceda a la aplicación en su dispositivo móvil.
  7. Busca y selecciona el proyecto que has añadido recientemente.
  8. Haz clic en él para abrirlo.
ENTORNO:

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

RESULTADO ACTUAL:

El proyecto no se carga en el dispositivo móvil.
Este problema se produce en 1 de cada 10 casos.

RESULTADO ESPERADO:

El proyecto debería cargarse.

No hay desplazamiento disponible en la pantalla para centrar el diseño

GRAVEDAD:

Menor

PRECONDICIÓN:
  1. Instalar el programa.
  2. Inicie sesión en su cuenta.
  3. Descargar una imagen en formato grande con dimensiones superiores a 2000px de ancho y alto.
PASOS PARA REPRODUCIR EL ERROR:
  1. Abra el programa.
  2. Haga clic en el botón “Nuevo proyecto”.
  3. Selecciona la opción “Móvil”.
  4. Pulse el botón “Aceptar”.
  5. En la barra de herramientas, haga clic en el botón “Añadir imagen”.
  6. Abra la imagen panorámica.
  7. Desplácese hasta la esquina superior izquierda de la imagen.
  8. Haz clic en “Propiedades” en la barra lateral.
  9. Cambia los ajustes de la imagen: Anchura: 200, Altura: 200, X: 0, Y: 0.
  10. Utiliza el desplazamiento lateral para ir a la parte inferior de la página.
  11. Utiliza el scroll inferior para desplazar la página hacia la derecha hasta el final.
ENTORNO:

Windows 10 Pro

RESULTADO ACTUAL:

No hay desplazamiento disponible en la pantalla para centrar el diseño.

RESULTADO ESPERADO:

El diseño debería ser ajustable y desplazable por la pantalla.

El bloque "Propiedades" no se mueve en la pantalla

GRAVEDAD:

Trivial

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.
PASOS PARA REPRODUCIR EL ERROR:
  1. Abra el programa.
  2. Haga clic en el botón “Nuevo proyecto”.
  3. Seleccione la opción “Móvil”.
  4. Pulse el botón “Aceptar”.
  5. En la barra lateral, haga clic con el botón izquierdo del ratón en el bloque “Propiedades” sobre el texto “Propiedades”.
  6. Arrastre el ratón hacia la izquierda.
  7. Suelte el botón.

 

ENTORNO:

Windows 10 Pro

RESULTADO ACTUAL:

El bloque “Propiedades” no se puede mover en la pantalla.

RESULTADO ESPERADO:

El bloque “Propiedades” debería poder moverse en la pantalla.

No hay desplazamiento en los paneles adicionales y los botones de la barra de herramientas se superponen

GRAVEDAD:

Trivial

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.
PASOS PARA REPRODUCIR EL ERROR:
  1. Abra el programa.
  2. Haga clic en el botón “Nuevo proyecto”.
  3. Seleccione la opción “Móvil”.
  4. Pulse el botón “Aceptar”.
  5. Haga clic en el botón “Paletas”.
  6. Haga clic en el botón “CSS”.
  7. Haga clic en el botón “Paletas”.
  8. Haga clic en el botón “Variables”.
  9. Haga clic en el botón “Paletas”.
  10. Haga clic en el botón “Navegador”.
ENTORNO:

Windows 10 Pro

RESULTADO ACTUAL:

Los botones de la barra de herramientas se superponen y no hay desplazamiento disponible en los paneles adicionales.

RESULTADO ESPERADO:

Debería haber un desplazamiento lateral en la barra de herramientas.

Los desplazamientos de cambio de página parpadean

GRAVEDAD:

Trivial

PRECONDICIÓN:
  1. Instalar el programa.
  2. Iniciar sesión.
PASOS PARA REPRODUCIR EL ERROR:
  1. Vaya a la página de plantillas del sitio (https://www.justinmind.com/design-templates?filter=prototype).
  2. Cambie a la pestaña Móvil.
  3. Localice la plantilla “Travel ecommerce app”.
  4. Haga clic en el botón “Descargar”.
  5. Selecciona la opción “Abrir Justinmind”.
ENTORNO:

Windows 10 Pro
Chrome v.114.0.5735.199

RESULTADO ACTUAL:

Los desplazamientos de cambio de página parpadean.

RESULTADO ESPERADO:

Los desplazamientos de cambio de página no deberían parpadear.

Al añadir el logotipo a través del sitio web, éste aparece distorsionado en la aplicación

GRAVEDAD:

Trivial

PRECONDICIÓN:
  1. Instalar el programa.
  2. Conectarse.
  3. Descargar el logotipo (https://jira.redwerk.com/secure/attachment/112630/qawerk.jpg).
PASOS PARA REPRODUCIR EL ERROR:
  1. Abra la aplicación en su PC.
  2. Haga clic en el botón “Configuración”.
  3. Seleccione la opción “Marca”.
  4. Haz clic en el botón “Configuración de la cuenta”.
  5. Cuando se abra la página de configuración en el navegador, haz clic en el botón “Marca”.
  6. Haga clic en el área designada para añadir un logotipo.
  7. Sube el logotipo desde tu ordenador.
  8. Expanda la aplicación.
ENTORNO:

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

RESULTADO ACTUAL:

Al añadir un logotipo a través de la página web, el logotipo aparece distorsionado dentro de la aplicación.

RESULTADO ESPERADO:

El logotipo no debería aparecer distorsionado.

Para garantizar la calidad de Justinmind SaaS, recomiendo realizar pruebas funcionales y no funcionales, incluida la automatización para pruebas de regresión y comportamiento coherente. Dar prioridad a las pruebas de usabilidad para mejorar la experiencia del usuario e identificar problemas de diseño, junto con pruebas de compatibilidad para dispositivos móviles y navegadores para solucionar errores específicos de cada dispositivo.
Iryna, ingeniera de control de calidad

Iryna, ingeniera de control de calidad

¿Necesita un socio de control de calidad confiable?

Contáctenos

BUG CRAWLS RELACIONADOS