De sketch a prototipo

Iniciamos el módulo de “Conceptualización de producto”, partiendo del estudio de los usuarios y lo hemos acabado con una primera versión del futuro prototipo de la web de OXFAM Intermón. Nos hemos metido de lleno en la toma de decisiones para la creación de la nueva web.

El primer seminario tuvo dos partes, la primera dedicada a la investigación y modelado de los usuarios y la segunda parte a la arquitectura de la información. En la primera parte vimos las técnicas existentes para la investigación de los usuarios, como pueden ser las entrevistas, focus group o encuestas. A partir de estas técnicas se pueden recabar datos muy valiosos sobre nuestros usuarios, sus características, sus modelos mentales o sus hábitos de uso de nuestra aplicación. Una vez tenemos a nuestra disposición estos datos, ya podemos empezar a modelar a nuestros User Persona, los perfiles de usuarios potenciales de nuestro cliente. Este ejercicio sirve para identificar qué necesidades puede tener cada perfil y qué espera de nuestro servicio, y así poder enfocar nuestro producto a las necesidades reales de los usuarios.

En el segundo apartado del seminario estudiamos las características que debe de tener una buena arquitectura de la información, los sistemas de organización de contenidos y los diferentes tipos de sistemas de navegación. Con estas referencias el equipo realizó una nueva propuesta de árbol de contenidos para la web.

Otro ejercicio que realizamos fue un análisis de nuestra competencia directa, observando sus puntos fuertes y débiles para obtener una visión global del entorno de nuestro cliente.

En el transcurro del segundo seminario empezamos a ver características de diseño de aplicaciones, buenas praxis para el diseño de formularios, diseños de Home, etc. A continuación procedimos a realizar los primeros sketchs de la web, este método sirvió para ver qué tenia en mente cada miembro del equipo y qué elementos en común obteníamos de los diferentes sketchs. Con estos primeros esbozos realizamos un sketch final, resultado de debatir las diferentes propuestas en equipo. El siguiente paso fue realizar los sketchs de las diferentes pantallas, para posteriormente poder trasladarlos a wireframes.

Para crear los wireframes y las interacciones entre elementos utilizamos el programa Axure, que permite reproducir de manera bastante realista el funcionamiento de la aplicación y su forma de navegación. Nos enfocamos sobretodo a realizar un nuevo menú de navegación y en los principales casos de uso del cliente.

Al final del módulo hemos obtenido un prototipo interactivo con nuestras propuestas de cambio para la web de OXFAM Intermón, que nos permitirá testear con usuarios reales, la mejora en usabilidad del diseño actual.