Seguridad Ciudana Madrid
Como Briefing teníamos mejorar la seguridad de Madrid, tanto en calles, como metro u otro lugar público, el cliente el Ayuntamiento de Madrid. Y dispusimos de un timing de 2 semanas y un presupuesto de 40.000 €.
Rol:
UX/UI Designer
Metodología:
Design Thinking
Fecha:
October 2019
Proceso
Lo primero que hicimos fue estructurarnos las tareas que íbamos a realizar y empatizar con la problemática a tratar. De está forma empezamos a analizar cuales eran los delitos o agresiones más frecuentes en Madrid. Para este proyecto usamos la metodología de Design Thinking de esta manera analizaremos el contexto del problema para ser capaces de generar soluciones efectivas.
· Research :
Briefing – Research Questions – Desk Research – Netnografía – Safari – Shadowing – Experts Interviews – Cuestionarios
· Análisis :
User Persona – Mapa de empatía – User Journey – Insight
· Ideación :
Matriz Prioridad – MoSCoW – Propuesta de Valor – Benchmarking – Site Map – Flow Chart
· Diseño :
Prototype Low Fidelity – Wire Flow – Prototype High Fidelity – Style Guide
· Validación :
Testeo – Iteración – Análisis de Resultados
Research
Lo primero que hicimos fue estructurarnos las tareas que íbamos a realizar y empatizar con la problemática a tratar. De está forma empezamos a analizar cuales eran los delitos o agresiones más frecuentes en Madrid.
Lo siguiente que hicimos fue elaborar unas Research Questions, teniendo en cuenta al ayuntamiento, los usuarios y las competencias, para saber que dirección íbamos a tomar con el proyecto, algunas de las destacadas fueron:
· ¿Podrían estar todas las calle iluminadas?
· ¿Podrían empresas externas colaborar con el ayuntamiento?
Después seguimos con el Desk Research y la Nentografía y algunos de los datos que más destacaron fueron:
· Aumento de robos/hurtos y de agresiones sexuales.
· Madrid es la tercera ciudad de España con mayor delincuencia.
· El distrito donde más se producen más delitos es el Centro.
Lo siguiente que hicimos fue un Safari y un Shadowing, el cual consistió en salir a la calle y analizar el comportamiento de gente »sospechosa», tanto de posibles ladrones como turistas como objetivo de carteristas. Tuvimos suerte en nuestra búsqueda, ya que pudimos localizar a unos policías de paisanos identificando a unas carteristas y también una detención por hurto.
Al día siguiente lanzamos una encuesta para ver cual era la opinión de los ciudadanos sobre este tema. Obtuvimos un total de 75 encuestados, algunas de las respuestas más destacadas fueron:
· El 55% ha sufrido algún tipo delito, de los cuales los más comunes son hurto y robo.
· El 57% no denunció los hechos. Un 41% dijo que era una pérdida de tiempo y a un 80% les gustaría denunciar de una manera eficaz online.
Tras realizar las encuestas, realizamos una serie de entrevistas a expertos en el sector. En nuestro caso fue a dos policías y a una trabajadora social. Algunos de los datos que sacamos fueron:
· Hay más mujeres en prisión por delito de salud pública como es la distribución de drogas. Los hombres realmente son quienes la distribuyen pero ellas cargan con la culpa.
· Hace falta mucha más presencia policial, complementar la seguridad privada con la pública.
· La ley en España es muy permisiva.
So we decided to design a Mobile App, for rent or offer your own car, and a system for an intelligent car, who drives without a driver, like a robot taxi.lLr
Análisis
Después de realizar el research, decidimos empatizar más con los usuarios afectados por esta problemática, por ello creamos a 3 User Personas. Basados en comportamientos y con un contexto específico para ayudarnos en el proceso y definición de nuestra investigación.
Tras crear los User Persona, elaboramos sus respectivos mapas de empatía, para ponernos en su piel: «qué piensan, sienten, oyen, dice, hacen y ven».
Lo siguiente fue crear los User Journey, para ver en un día cotidiano si se enfrentaban a estás problemáticas y detectar así sus pain points, los cuales fueron:
· Agustina: «Proceso de denuncia muy cosotos y poco ágil.»
· David: «Persona solitaria inconsciente no recibió atención de forma inmediata debido al contexto en el que se encontraba»
· Paula: «Ineficacia policial a la hora de ofrecer seguridad a las mujeres cuando pasean de noche.
Ideación
Lo siguiente que hicimos fue crear una Matriz de prioridad en base a coste y privacidad. De esta forma cada miembro del grupo plasmó sus ideas con post it, para visualizar mejor las soluciones y cuál iba a ser su coste real. La elegida finalmente fue:
· App/Pantallas en la calle para tramitar denuncias.
Tras tener la idea elegida nos preguntamos:
«¿Podemos mejorar la UX de los ciudadanos de Madrid en las comisarías?»
Para ello teníamos varios retos, para hacer atractivo nuestro sistema:
· Agilizar el proceso de denuncias.
· Gamificar al ciudadano por buena conducta ( ya que podría denunciar casos ajenos)
· Fomentar la colaboración ciudadana.
Después de tener orientada nuestra App, creamos un MoSCoW, para concretar que iba a llevar nuestro sistema, como:
· Poder elegir el idioma.
· Identificarse mediante DNI/Passaporte
· Ver estado de denuncia/tramite.
También realizamos una Propuesta de Valor, para validar nuestro producto de esta forma identificamos las necesidades del usuario y cómo solventarlas con nuestro producto/servicio.
Benchamarking
Cuando tuvimos claro como iba a ser nuestra aplicación, empezamos a estudiar y a ver que es lo que había allí afuera y si habían aplicaciones similares o que nos complementaran para mejorar la nuestra.
Por eso decidimos hacer un Benchmarking tanto interno como externo de Apps como:
· Alertacops
· Eirzaintza
· Citizen
· Cusco
Arquitectura de la información
Organizamos la información mediante un Site Map, diferenciando así las principales funciones de nuestra App/Sistema.
· Denunciar
· Estado de la Denuncia
· Bonificaciones
Acto seguido hicimos un Flow Chart para visualizar la navegación y las posibles interacciones que tendría el usuario dentro de nuestra App
Diseño
Respecto al diseño, me encargué yo en su totalidad y lo primero que hice fue idear un logotipo minimalista, pero que reflejase el carácter de la aplicación. Por eso decidí coger las siglas de Seguridad Ciudadana Madrid y llamarlo SCM y hacerle unos cortes en diagonal para darle un carácter más edgy.
En cuanto a los colores usamos la gama cromática del Ayuntamiento de Madrid añadiéndole un tono magenta como color contraste.
Respecto a las tipografías utilicé la Work Sans para el logotipo ya que le daba de un carácter algo más moderno, para que así fuese más atrayente para las nuevas generaciones, pero no muy chillón para que no contrastase con las antiguas generaciones. Y para la aplicación utilicé la Lato ya que dotaba de un carácter jovial pero serio a la vez.
Lo siguiente que se realizó fue los wireframes en Low-Fi, para ver como iría el contenido. la distribución y disposición de este, fue realizado con Balsamiq-Mockups, para posteriormente pasarlo a Hi-Fi utilizando Figma.
Lo último que realizamos fue un testeo con 7 usuarios para obtener un feedback real de la aplicación y ver en que puntos fallábamos y acertábamos, para posteriormente iterar el producto.
Conclusiones
SCM, fue un proyecto complejo pero interesante de llevar, ya que nos involucramos bastante en el research y le dedicamos mucho de nuestro tiempo a realizar entrevistas, safari, benchmarking, encuestas entre otras. Pero gracias al Design Thinking, conseguimos encontrar una solución orientada por la necesidad de los usuarios y testearlo con usuarios reales para ver la verdadera utilidad que tendría.
More info in Medium (Spanish)
