Evaluación de usabilidad de la app infomedusa (II)

II parte de la evaluación heurística de la aplicación “Infomedusa”.

Carmen Torres
4 min readSep 27, 2023

✔️ Si quieres leer primero el análisis heurístico de la app:

🔵 Propuesta de mejora

Diseño de wireframe, mapa del sitio y prototipo para proporcionar una estructura más sólida, consistente y eficaz de la interfaz.

🔛 Wireframe baja fidelidad

🔛 Mapa del sitio

Aquí detallo la estructura de la mejora que he diseñado para la aplicación Infomedusa.

Captura de pantalla en Figjam del mapa de sitio

🔛 Prototipo

La propuesta de mejora de la app consiste en diseñar un nuevo flujo:

  • Onboarding
  • Registro
  • Home

Los usuarios pueden acceder a las opciones de menú de manera rápida y sencilla, esto agiliza la interacción del usuario y facilita la ejecución de tareas específicas.

Antes de visualizar las pantallas, he diseñado un sistema de diseño para poder reutilizar los elementos y ser más consistente la propuesta de mejora.

Captura de pantalla foundation
Captura de pantalla de los componenentes diseñados para la app

✅ Onboarding

Ayuda a los usuarios a familiarizarse rápidamente con la aplicación y a comprender el propósito y la funcionalidad.

✅ Registro, home y pantalla de playa

🔸En el registro, he introducido una mejora que consiste en la posibilidad de utilizar el inicio de sesión de Google. Esto facilita el proceso para muchos usuarios.

🔸Al ingresar a la aplicación, llegarás a la página de inicio, donde puedes navegar de manera sencilla y visual. En la parte superior, puedes seleccionar el menú para acceder a las diferentes secciones de la aplicación.

🔸También he incluido un buscador para facilitar la búsqueda de la playa que desees consultar.

🔸Puedes acceder al menú de playas deslizando hacia la derecha. Aquí encontrarás las ciudades costeras de todo el litoral español, así como la sección de ‘top playas sin medusas’ y los ‘últimos avistamientos’.

🔸En la barra de aplicaciones (app bars), tienes la opción de seleccionar el buscador, explorar los avistamientos a través de un mapa interactivo, ver tus favoritos o acceder a tu perfil.

🔸Cuando ingreses a una playa específica, encontrarás información detallada, instrucciones para llegar, datos sobre el estado de la playa y sus características.

🔸En cuanto a los mensajes, propongo la inserción de un botón flotante que utilice el color de acento. Esto permitirá a los usuarios acceder y reportar avistamientos en las playas de manera más sencilla.

✅ Menú hamburguer

Oculta las opciones de navegación y muestra solo cuando el usuario lo necesita, ahorra espacio en pantalla y permite que el contenido principal sea más prominente contribuyendo a un diseño más limpio y minimalista.

🔵 Conclusiones

La implementación de un nuevo flujo que incluye onboarding, registro y la página de inicio permite a los usuarios acceder a las opciones de manera rápida y sencilla, mejorando la interacción del usuario y facilitando la ejecución de tareas específicas.

El inicio de sesión mediante Google simplifica el proceso para muchos usuarios y puede resultar en un aumento en la adquisición de nuevos usuarios.

Además, la inclusión de un buscador facilita la búsqueda de playas específicas.

El diseño de un botón flotante para reportar avistamientos en las playas puede incrementar la participación de los usuarios, enriqueciendo así la base de datos de información sobre medusas y mejorando la utilidad general de la aplicación.

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.

¡Gracias por haber llegado hasta aquí, volveré pronto!

--

--

Carmen Torres

Diseñadora UX/UI versátil y detallista. Amante del collage y la composición creativa. https://carmentorres.framer.website/