Noticias sobre el mundo del UX, experiencia de usuario. Descubre los proyectos de los alumnos y la actualidad del sector. ¡Síguenos!

01 Febrero 2016 | Publicado por Equipo Editorial de UX

Iniciando con YourEurope

Explicación del proyecto YourEurope

YourEurope es una web de la Comunidad Europea destinada a proporcionar información a los usuarios que tengan que desplazarse entre los países de la UE.
Los objetivos que se han definido para el desarrollo del proyecto son:

  • Definir de nuevo la arquitectura de información para que de esta manera los usuarios puedan encontrar la información que buscan rápidamente incluso si el contenido que necesitan es muy específico.
  • Hacer un rediseño consiguiendo que se adapte a una imagen aún fresca y actual para el año 2020. Esto se realizará de forma responsive, adaptando los layout a versiones móviles, tablet y desktop.
  • Hacer que el rediseño tenga los estándares de accesibilidad que se piden para este tipo de producto en la Comisión Europea.

Evolución del trabajo

Para realizar la propuesta del proyecto YourEurope, lo primero que hemos hecho ha sido concretar los objetivos del cliente ya explicados en el primer punto gracias a la documentación facilitada. Teniendo esta información, se ha podido hacer una primera planificación que se ha dividido en 3 etapas bien diferenciadas tal como se explica a continuación:

Etapa 1:

Fase 1 - Evaluación del proyecto:

En esta fase es donde se evalúan los requerimientos del cliente y los conceptos iniciales del proyecto. Al final, se elaborará un documento de necesidades funcionales que deberá ser validado por el cliente para poder proseguir con la siguiente fase.

Fase 2 - Análisis:

Se harán diversos análisis de la web YourEurope como el Target actual, usuarios potenciales, contenidos actuales, analítica web entre otros. A partir de todos los análisis que se hagan se definirá la arquitectura de información para el website y se realizarán los primeros wireframes de aproximación a lo que será el proyecto. Al final de esta fase, se hará entrega al cliente de una documentación de análisis para posterior revisión y validación.

Fase 3 - Diseño:

Es donde se interpretarán las fases explicadas anteriormente y se empezará con el diseño. Antes de esto se realizarán wireframes y se definirá el flujo de navegación del website que se entregarán como una primera documentación que deberá ser aprobada para poder proseguir esta misma fase. Una vez todo validado, se diseñarán las plantillas y templates además de hacer una definición del diseño con una guía de estilo. Esta guía deberá ser aprobada y validada.

Etapa 2:

Fase 4 - Maquetación:

En esta fase se realizará la maquetación siguiendo los estándares de etiquetado web, siendo HTML5 adaptativo o responsivo el lenguaje de maquetación más apropiado para el proyecto.

Fase 5 - Desarrollo:

Esta fase de desarrollo constará de la integración de las distintas páginas definidas anteriormente. Conjuntamente con la fase 6 de validación del proyecto, se estima que una vez cerrada la fase de desarrollo se realicen test que podrían acarrear correcciones dentro del desarrollo.

Fase 6 - Validación:

Se desarrollará a partir del cierre del diseño. Se hará un test del tipo Eye-tracking y varios tests de usuarios.

Etapa 3:

Fase 7 - Lanzamiento:

Una vez cerradas todas las etapas, se gestionará con el cliente la puesta en producción del nuevo site.

Después de esta breve explicación sobre las etapas y sus fases como ya teníamos la estructura del proyecto pudimos definir los equipos de trabajo.
Como equipos de trabajo definimos dos, uno para la parte de UX que será el Equipo UX y otro para la parte de desarrollo que será el Equipo de Desarrollo. Aquí os dejamos un poco más detallada la formación de dichos equipos:

Equipo UX:

  • Project Manager: organiza el equipo, aprueba y dirige las diferentes tareas asignadas y los tiempos de entrega.
  • User researcher: testea y obtiene la máxima información para enfocar las decisiones que se tomarán en el proyecto.
  • UX designer: analiza la información del proyecto y crea la interacción para que el usuario pueda acceder a dicha información de una forma eficaz.
  • Visual designer: canaliza toda la información proporcionada por los UX y el Researcher en material gráfico de fácil acceso y “engagement”.

Tal como se puede ver en la planificación, este equipo estará trabajando durante las 3 primeras fases del proyecto y en la número seis de validación. Además, se ha considerado necesario la incorporación de 2 perfiles de UX Designer al equipo por la cantidad de información que hay que analizar y categorizar.

Equipo de Desarrollo:

  • Jefe de desarrollo: organiza el equipo técnico, aprueba y dirige las diferentes tareas asignadas y los tiempos de entrega
  • Maquetador web: convierte el diseño del Visual Designer en formato visual programado.
  • Desarrollador senior: programa todo el contenido para crear la plataforma de información deseada tanto para web, móvil o tablet.

Este equipo según la planificación explicada anteriormente, trabajará durante la fase 4 de Maquetación y la fase 5 de Desarrollo. Además, se ha visto necesario la incorporación de 2 perfiles de Desarrollador senior porque consideramos que hay mucho trabajo al tener que crear la plataforma para web, móvil y tablet.
Una vez hemos tenido la primera planificación y los equipos de trabajo se ha vuelto a dar una vuelta a la planificación para verificar que el dimensionamiento de todo fuera el adecuado para la realización del proyecto. De esta forma se han detectado fallos en la Fase 2 de Análisis y en la Fase 3 de Diseño donde después, se han aplicado cambios en los tiempos que se habían concretado en la primera planificación para así adaptar correctamente todas las tareas de cada fase.
Por último, se ha realizado el documento explicativo de la propuesta para entregarlo al cliente.

Conclusiones

Ha sido un proceso muy complejo la realización de la propuesta por la cantidad de cosas que hay que tener en cuenta desde un principio para todo el desarrollo de un proyecto.
Consideramos que todavía nos falta experiencia en el sector de UX para poder dimensionar mejor las tareas destinadas a ello, porque hemos hecho una primera estimación de tiempo para dichas tareas y después se han tenido que modificar en la planificación final para adaptarnos mejor a las estimaciones de tiempo reales.
Por lo demás, ha sido un reto todo el desarrollo de la propuesta pero a su vez una tarea muy interesante con la que hemos podido trabajar toda la teoría explicada en este módulo de forma práctica, así como aprender de nuestros errores.

Irene Solà
MUX – Máster en User eXperience
Edición 2015-2016
La Salle Campus BCN – Universitat Ramon LLull
Share