Denuncia Ciudadana

Tipo de Proyecto

Plataforma de denuncia ciudadana, servicios públicos, mala administración

Mi Rol

Diseñador UI/UX

Contribución

Diseño UI/UX, Prototipado, Investigación de usuarios

Línea de Tiempo

Enero 2024 - Febrero 2024

portada de proyecto

Denuncia ciudadana Benito Juárez es una App para que cada ciudadano pueda presentar su inconformidad sobre un servicio público. La plataforma facilita el proceso de reportar problemas relacionados con servicios municipales, infraestructura y administración pública.

Contexto

Denuncia ciudadana Benito Juárez es una App para que cada ciudadano pueda presentar su inconformidad sobre un servicio público.

Background image 1
Background image 2

Investigación

Métodos de Investigación

Entrevistas de UsuarioInvestigación de Campo

Objetivos de Investigación

Se entrevistaron 15 personas y se hicieron las preguntas que se presentan en la imagen, para conocer si habían hecho alguna denuncia y cuál es el proceso para hacerla.

Resultados Clave

Son pocas las personas que han hecho alguna denuncia, para dar a conocer su inconformidad lo comentan entre ciudadanos pero nunca a la autoridad correspondiente, también no saben a quién acudir.

Preguntas de Investigación

Research questions

Puntos de Dolor

Pain points visualization
Research insight

Personas de Usuario

User Persona 1
User Persona 2

Mapa de Viaje del Usuario

Después de comprender las necesidades de los usuarios creamos los temas para poder sacar ideas de los diseños que más adelante lograron responder puntualmente a las necesidades de los usuarios.

User Journey Map

Flujo de Usuario

Decidimos recrear todo el proceso que un usuario hace para realizar una denuncia, al igual sacamos ideas de cómo resolveríamos puntualmente esos procesos.

User Flow Diagram

Arquitectura de Diseño

Una vez tenidos en cuenta todos los procesos y temas, generamos la arquitectura de diseño para organizar qué información va en cada vista y cómo se conectarán entre ellas.

Arquitectura de diseño del proyecto

Crazy Eights

Finalmente para tener un boceto guía de hacia dónde dirigiríamos nuestro esfuerzo sobre el diseño de interfaz hicimos el famoso ejercicio crazy eight que explora las ideas de diseño que puede tomar nuestra interfaz y toma lo mejor de cada una para finalmente tener un diseño final.

Crazy Eight sketch 1
Crazy Eight sketch 2

Wireframes

Mejoramos espacios, formas y contenido al digitalizar los wireframes.

Wireframe 1

Wireframe 1

Wireframe 2

Wireframe 2

Wireframe 3

Wireframe 3

Prototipo de Baja Fidelidad

Aclaramos visiblemente los enlaces y acciones internas dentro del diseño para luego iterar internamente en el equipo y corregimos algunas conexiones internas.

Low Fidelity Prototype

Pruebas de Usabilidad

Para finalizar la primera etapa quisimos encuestar a los usuarios sobre la plataforma y obtener retroalimentaciones como observar qué tan fácil o difícil era para los usuarios navegar. Durante la entrevista aprendimos que realmente fue fácil e intuitivo para el usuario sin embargo algunos elementos como el texto necesitaban contexto a pesar de ya tener una idea de para qué servían. Iteramos sobre el Wireframes y resolvimos el aviso. Preguntas de Indicador Clave de Rendimiento: Son medidas cuantificables utilizadas para evaluar el éxito de una organización, proyecto o actividad en función de sus objetivos.

Usabilidad

  • ¿Qué tan fácil fue para ti entender el propósito de la plataforma de denuncia ciudadana?
  • ¿Qué tan intuitiva fue la navegación en la plataforma?
  • ¿Encontraste algún problema técnico mientras usabas la plataforma?

Diseño

  • ¿Te gustó el diseño general de la plataforma?
  • ¿Los elementos de la interfaz de usuario estaban claramente etiquetados?
  • ¿El flujo de trabajo en la plataforma fue lógico y coherente?

Funcionalidad

  • ¿Las funciones disponibles en la plataforma cumplieron tus expectativas?
  • ¿Consideras que la plataforma de denuncia ciudadana sería útil para resolver problemas comunitarios?
  • ¿Qué tan probable es que recomiendes esta plataforma a otras personas?
Usability Testing Results

Mockups Finales

Una vez afinados los Wireframes nos dedicamos a maquetar todos los elementos agregando colores, pesos, sombras, tipografías, etc.

Mockup 1

Mockup 1

Mockup 2

Mockup 2

Mockup 3

Mockup 3

Conclusión

Denuncia ciudadana Benito Juárez es una App para que cada ciudadano pueda presentar su inconformidad sobre un servicio público.

¿Te gustó este proyecto?

Explora más de mi trabajo y descubre cómo puedo ayudarte a crear experiencias digitales excepcionales.

Ver más proyectos