Evaluación de usabilidad de la app infomedusa

El objetivo es realizar un análisis heurístico de la aplicación “Infomedusa”, una plataforma de información y alertas sobre medusas en zonas costeras.

Challenge:

Challenge:

Evaluación heurística

Duración:

Duración:

2 días

Evaluación de usabilidad de la app infomedusa

El objetivo es realizar un análisis heurístico de la aplicación “Infomedusa”, una plataforma de información y alertas sobre medusas en zonas costeras.

Challenge:

Evaluación heurística

Duración:

2 días

En medium puedes leer el artículo completo, clic aquí

¿Por qué infomedusa?

El reto era analizar, en 48 horas, una aplicación instalada en mi móvil.

Cuando descubrí esta aplicación, me resultó de gran ayuda poder verificar el estado de la playa y la costa antes de emprender mi viaje. Al haberla utilizado me permitió evaluarla de manera más completa.

Análisis de la app

Infomedusa es la aplicación móvil, desarrollada tanto en iOS como en Android, que nos ofrece información actualizada de las medusas en las playas.

Es una app de tipo colaborativa, donde los propios usuarios pueden reportar el estado de las playas.

🟥 Rojo (gravedad alta)

🟨 Amarillo (gravedad media)

Aquí muestro el resumen de algunas pantallas del análisis heurístico de la aplicación, pero pueden ver toda la información en mi artículo en medium.

Onboarding

Onboarding

La información en la primera pantalla (onboarding) es fugaz y desaparece rápidamente, lo que dificulta la comprensión. Debería ser más accesible y permanecer el tiempo suficiente para que el usuario la lea.

Cabecera de inicio

Cabecera de inicio

El buscador no proporciona retroalimentación cuando se introduce un término incorrecto.

Recomendación:

✔ Diseñar un onboarding explicativo que guíe al usuario en la aplicación, utilizando elementos visuales que refuercen el mensaje.

Definir una cabecera más consistente con iconos identificables, tamaño uniforme y alineación adecuada.

Recomendación:

✔ Diseñar un onboarding explicativo que guíe al usuario en la aplicación, utilizando elementos visuales que refuercen el mensaje.

Definir una cabecera más consistente con iconos identificables, tamaño uniforme y alineación adecuada.

Recomendación:

✔ Diseñar un onboarding explicativo que guíe al usuario en la aplicación, utilizando elementos visuales que refuercen el mensaje.

Definir una cabecera más consistente con iconos identificables, tamaño uniforme y alineación adecuada.

Registro

Registro

La inconsistencia en el uso del color rojo para los campos de entrada puede ser confusa para los usuarios.

La aplicación no proporciona una confirmación visual o una ventana modal después de completar el registro para indicar al usuario que se ha realizado correctamente.

Falta de una opción para registrarse utilizando una cuenta de Google, eso podría dificultar el proceso de registro para algunos usuarios.

Recomendación:

✔ Verificar la acción por parte del usuario mediante modals.

Utilizar input de forma consistente; iconos y textos de ayuda al usuario.

Permitir el inicio de sesión mediante Google.

Recomendación:

✔ Verificar la acción por parte del usuario mediante modals.

Utilizar input de forma consistente; iconos y textos de ayuda al usuario.

Permitir el inicio de sesión mediante Google.

Recomendación:

✔ Verificar la acción por parte del usuario mediante modals.

Utilizar input de forma consistente; iconos y textos de ayuda al usuario.

Permitir el inicio de sesión mediante Google.

Pantalla buscador de playas

Pantalla buscador de playas

La inconsistencia en el espaciado y los márgenes puede hacer que la página se vea desorganizada y difícil de leer.

Poca legibilidad del texto sobre el degradado.

El uso de la misma fotografía puede resultar monótono y poco atractivo.

Falta de jerarquía visual.

Recomendación:

✔ Establecer pautas de diseño consistentes en términos de espaciado y márgenes.

Asegurar la legibilidad del texto, especialmente en fondos degradados.

Cards más funcionales y minimalistas.

Recomendación:

✔ Establecer pautas de diseño consistentes en términos de espaciado y márgenes.

Asegurar la legibilidad del texto, especialmente en fondos degradados.

Cards más funcionales y minimalistas.

Recomendación:

✔ Establecer pautas de diseño consistentes en términos de espaciado y márgenes.

Asegurar la legibilidad del texto, especialmente en fondos degradados.

Cards más funcionales y minimalistas.

Propuesta de mejora

Propuesta de mejora

Wireframe

Mi propuesta de mejora consiste en diseñar las pantallas:

  • Onboarding

  • Registro

  • Home

  • Pantalla de playa

Prototipo

Conclusiones

La propuesta de mejora tiene como objetivo principal mejorar la experiencia del usuario al proporcionar un diseño más consistente, una navegación más eficiente y acceso rápido a información relevante, al mismo tiempo que simplifica el proceso de registro y fomenta la participación de los usuarios. Estas mejoras tienen el potencial de hacer que la aplicación sea más atractiva y útil para sus usuarios.

Carmen Torres

UX/UI Visual Designer

© Carmen Torres | 2025

Carmen Torres

UX/UI Visual Designer

© Carmen Torres | 2025

Carmen Torres

UX/UI Visual Designer

© Carmen Torres | 2025