Diseñar en dos semanas una revista, periódico o blog, responsive, que responda a las necesidades y metas del User Persona escogido. Trabajo en equipo de dos diseñadores, Alejandro Garrido y Pedro M. Ríos.
En este proyecto nos dieron a elegir un User Persona, nosotros escogimos a James, de 33 años, el ambicioso hombre de negocios.
UX Researcher y UX/UI Designer
· Desk Research
· Análisis competitivo
· Entrevistas a usuarios
· Encuestas
· Análisis Heurístico
· Affinity Diagram
· User Persona
· User Journey
· Propuesta de valor
· How Might We
· User Flow
· Site Map
· Wireframing
· Diseño Visual
· Hi-Fi Prototype
· Testing
· Presentación
Preparamos un roadmap de dos semanas, lo más complicado fue coordinar horarios, Alejandro trabajaba todo el día, hasta las 18h, en una agencia, yo como diseñador freelance, podía organizar mis horarios para hacer las dos cosas a la vez, dedicándole muchas horas, claro. Nos veíamos en clases tres veces por semana, pero la segunda semana pasó a ser virtual, por un caso de Covid, al final logramos coordinarnos y todo fue sobre ruedas.
Lo primero fue españolizar a James, para poder trabajar con un usuario real, buscar hombres y mujeres de negocios. Hicimos una encuesta corta y rápida, participaron 21 personas y entrevistas a 6 personas, tardamos 4 días en el proceso y obtención de resultados. A la vez hicimos competitive analysis de varios periódicos y revistas que salieron de la investigación, El País y Expansión, entre otros.
de los usuarios utilizan el móvil para consultar noticias.
de los usuarios está preocupado por la desinformación y bulos en las redes sociales y mensajería instantánea.
de los usuarios se interesan por estar bien informados.
acceden a las noticias a través de las redes sociales.
Datos: Digital News Report ES 2021 EGM. Estudio General de Medios 2021. Entrevistas y Encuestas
Los insights más importantes que sacamos en esta primera etapa fueron que, los usuarios se preocupan por mantenerse bien informados, tienen medios de información de confianza, creen que la información esta sesgada y politizada, no leen medios impresos y que las redes sociales ofrecen inmediatez y dinamismo en las noticias que consumen, algo que no ofrecen los medios tradicionales.
Affinity Diagram
Con toda la información recabada, realizamos un Empathy Map y un Affinity Diagram para obtener un usuario y definir sus problemas. Encontramos que los usuarios reciben la información a través de las redes sociales y mensajería instantánea, comparten las noticias que les interesan y reenvían las de otros. Por otro lado, no pagan por estar informados y no han probado las opciones de pago que tienen todos los medios actualmente.
Realizamos un How Might We con los problemas que encontramos para buscar soluciones y así priorizar funcionalidades para este proyecto.
Definimos a Jaime como nuestro User Persona, emprendedor madrileño, apasionado por la lectura, le gusta estar informado. Su mayor problema es el ruido que hay en las redes sociales y mensajería instantánea, mucho “fake news”, lee medios oficiales y los sigue en redes sociales, mucha de la información que recibe es difícil de contrastar.
Affinity y How Might We
Este fue un proyecto editorial y teníamos que idear una solución al problema de Jaime, las noticias falsas y el ruido que hay en las redes y mensajería instantánea, con un blog, revista o periódico, decidimos hacer un periódico donde el usuario pudiera escoger los temas que quiere leer, solos de los medios que le inspiran confianza, además poder influir en la publicidad que aparece en este periódico, en definitiva, un medio de comunicación a medida de sus gustos y necesidades.
Se llama “Trusted News”, en español Noticias Confiables y para establecer el orden de los contenidos y su arquitectura diseñamos un site map, una vez definida su estructura, ideamos varios user flows para determinar como navegaría nuestro usuario por la aplicación.
El proceso es muy sencillo, el usuario se da de alta en la versión gratuita, la aplicación le ofrece una lista de todos los medios disponibles en los idiomas y países que escoja, el usuario selecciona los medios que quiere leer y una vez seleccionado, la aplicación le da una lista de temas que aparecen en dichos medios para que el usuario escoja, por último, decide de que temas quiere recibir publicidad, este paso se puede saltar y recibirá publicidad variada, como en cualquier otro medio. O al revés, se puede escoger primer los temas y después los medios
Diseñamos wireframes en resolución media y lo probamos con nuestros compañeros de bootcamp, lamentablemente tuvimos poco tiempo para hacer las mejoras que surgieron durante este proceso, teníamos que preparar la presentación y hacer el prototipo responsive en alta resolución.
Para empezar, decidimos proponer un estilo clásico y minimalista, que en un futuro podría tener otros estilos “Skins”, que el usuario pudiera escoger, para hacer la experiencia más personalizada. Su color principal es el negro, sobrio y elegante, con una amplia gama de grises para destacar y crear diferentes niveles de información y el rojo como color secundario, el rojo es poder y atracción, destaca las alertas, el directo y las exclusivas. Utilizamos dos fuentes bien diferenciadas, Serif para titulares y San Serif para cuerpos de texto.
Debo decir que no hay nada como trabajar en equipo, he sido autónomo muchos años, es cierto que tienes libertad de acción y que todo lo que haces tiene tu estilo, pero poder contrastar ideas, colaborar, compartir y hasta discutir, enriquece el trabajo y te obliga a justificar cada paso que tomas, un placer haber podido trabajar con mis compañeros de bootcamp, he aprendido mucho de cada uno de ellos.
Los medios de comunicación son una prueba de como ha cambiado el mundo en los últimos años, las nuevas generaciones se comunican y se informan a través de dispositivos móviles, todo gira alrededor de las redes sociales y mantienen la atención muy poco tiempo en un tema, no sé como serán los medios en los años por venir, pero creo que no se van a parecer a los de ahora.
