© 2023 AARDesign. All rights reserved.
Siéntete a salvo del COVID gracias a tu comunidad
Año: 2020
Mi rol: diseñadora UX/UI y de marca
Compañía: Safe Advisor fue desarrollado en colaboración con Konkatena, una startup con la que ya había colaborado para otras aplicaciones.
Equipo: Trabajé estrechamente con el desarrollador full stack que lideraba el proyecto y con la persona a cargo de los aspectos legales y de la localización, para garantizar la correcta implementación del GDPR y la correcta localización en castellano, inglés y euskera.
En 2020, la pandemia del COVID-19 dió un vuelco a nuestras vidas. Incluso cuando el confinamiento había terminado y podíamos empezar a salir progresivamente y con muchas limitaciones y medidas de seguridad, la gente se sentía insegura y tenía miedo. A pesar de todo, la sociedad necesitaba salir de nuevo, reunirse con la familia y los amigos otra vez y volver a sus trabajos y recados cotidianos.
Konkatena quería ayudar de alguna manera, desde sus posibilidades y su visión, y decidió reutilizar el código de Peepoo (una aplicación de búsqueda y valoración de baños públicos desarrollada también juntos unos meses antes) y adaptarla para informar a la gente sobre las medidas sanitarias aplicadas por los establecimientos comerciales.
Como Peepoo, el contenido sería creado por y para los usuarios, ellos mismos valorarían los establecimientos, para que otros usuarios pudiese consultarlo después. Esto promovería la participación ciudadana y así, el sentimiento de comunidad. También daría a los ciudadanos control sobre su seguridad facilitándoles información para que pudiesen decidir qué establecimientos visitar y permitiéndoles evaluar establecimientos no seguros para que estos mejorasen sus medidas sanitarias.
Como este proyecto estaba basado en otro recientemente desarrollado, sólo necesitábamos revisitar algunas fases del proceso para adaptar el contenido y la marca a los usuarios y el objetivo del producto.
1. Investigación de usuario: entrevistas y creación de user personas.
2. Definición de producto: Definición del contenido y del viaje del usuario.
3. La marca: creación del logo y el icono y definición de los colores y la tipografía.
4. La solución: diseño de las pantallas de la aplicación.
Llevé a cabo entrevistas con personas cercanas de diferentes edades y estilos de vida, en las que les pregunté en qué forma la pandemia había cambiado sus vidas, sus miedos y sus experiencias personales en diferentes establecimientos comerciales como supermercados o bares. Todo lo que me contaron me ayudó a construir un par de user personas que representarían los usuarios principales de la aplicación.
Basándonos en las necesidades y sufrimientos de estos usuarios podíamos definir el contenido.
Los usuarios consideraban algunas medidas básicas:
Se podía notar que tenían miedos respecto a otras características de los establecimientos:
Lo usuarios apreciaban los establecimientos que aplicaban medidas adicionales:
Entonces definimos el viaje del usuario, que sería similar al de PeePoo. Esta vez, incluiríamos la edición de una valoración propia, funcionalidad solicitada por los usuarios durante el test de usuarios de PeePoo.
Al diseñar la marca debía considerar la situación que se estaba viviendo. La marca necesitaba representar la seriedad del problema, pero también transmitir calma y un sentido de control y seguridad. Necesitaba ser cercana pero profesional y de confianza.
Durante el brainstorming para encontrar un nombre para la aplicación, decidimos hacer un guiño a Trip Advisor poniendo la seguridad como centro de la aplicación, y así nació SafeAdvisor. Para el logo decidimos usar sólamente el nombre, pero aún se necesitaba un icono para la aplicación. En pos de un icono reconocible y por lo tanto fácil de encontrar en el móvil, decidí usar el icono de una mascarilla, entonces ya símbolo de la pandemia.
Definí los colores, creando una atmósfera sobria pero esperanzadora y de confianza:
Decidí introducir un sistema de colores semáforo para añadir un indicador visual de las valoraciones. Así, los usuarios podrían identificar los establecimiento peligrosos de un simple vistazo al identificar el color rojo.
Por último, creé algunos elementos básicos para la aplicación como los pointers del mapa o los ratings (estrellas indicadoras de valoraciones). Esta vez usaría formas tradicionales para el pointer, pero éste incluiría un punto de color para indicar la valoración. Para los ratings, decidí no usar las clásicas estrellas, si no cruces, presentes en las farmacias y relacionadas con el contexto médico.
Definido el contenido, el viaje del usuario y la marca, pude trabajar en las pantallas finales. Primero móvil:
Necesitabamos una aplicación responsiva, ésta sería usada en el ordenador mucho más que PeePoo, ya que los usuarios podrían consultar las valoraciones antes de salir de casa para decidir de antemano. Así pues, adapté el diseño para escritorio.
Incluso si esta aplicación reutilizaba la lógica de otro proyecto, como el contexto y los objetivos y necesidades de los usuarios eran muy diferentes, fue muy interesante realizar la investigación de usuarios de nuevo. Además, tuvimos la oportunidad de incluir la funcionalidad de edición de una valoración propia, una gran mejora de usabilidad para la experiencia de usuario.
© 2023 AARDesign. All rights reserved.