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

31 Octubre 2016 | Publicado por Equipo Editorial de UX

Fase de rediseño

Durante este módulo de Interfaz de Usuario hemos tenido dos fases de trabajo bien diferenciadas:

1. Documento de Historias de usuario

A través de las historias de usuario hemos hecho una aproximación sobre la forma de interactuar de los usuarios con la página web. Gracias a las pruebas de usuario realizadas en el módulo anterior, hemos podido validar las funcionalidades del prototipo así como comprender y elaborar detalladamente la interacción que realizan los usuarios. Con estos resultados, hemos creado unos casos de uso escogiendo unos perfiles de usuario y funcionalidades o tareas más relevantes del proyecto.

Para representar mejor las interacciones y el contexto en la vida del usuario hemos elaborado un Storyboard y, a parte, los diagramas de flujos de las historias para ayudarnos a comprender las interacciones y así poder identificar posibles mejoras de la realización de cada una de las tareas.

2. Propuesta de rediseño

A partir de la información obtenida en las historias de usuario y los flujos, hemos podido dar paso a la realización del diseño final de la página web Youreurope creando un diseño centrado en la experiencia de usuario sólido y actual.

Para los diseños hemos priorizado facilitar al máximo que el usuario encuentre la información que busca en cualquier dispositivo sea móvil, tablet o desktop creando un diseño donde el buscador juega un papel muy importante y modificando la visualización de las categorías en la página principal. Además, se han propuesto áreas de contenido diverso como noticias relacionadas o una sección de lo más visto para facilitar acceso a información.

También se ha realizado una guía de estilo muy exhaustiva dónde hemos seleccionado colores, tipografías e interacciones novedosas. Hemos creído conveniente, para dar credibilidad y autoridad a la información ofrecida en web, reflejar en la guía de estilo los valores y la identidad de la Comisión Europea.

En este documento final entregado se hace una muestra de la propuesta gráfica tanto de móvil como de desktop y se detalla toda la guía de estilo a seguir para la implementación de estos diseños en el futuro. Por último, se han añadido 2 historias de usuario con un montaje foto-realista con usuarios utilizando la web y haciendo los pasos pertinentes.

Conclusiones

Hemos aprendido mucho sobre cómo crear un documento de guía de estilos y de dónde partir para crear un buen rediseño. A parte, hemos podido aprender muchísimo de los seminarios de la profesora Astrid Sánchez con los que realmente he disfrutado mucho este módulo y he podido sofocar muchas dudas sobre el tema.

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 para dichas tareas y después se han tenido que modificar en la planificación.

En cuanto a conclusiones personales ha sido una carrera contra reloj por la inmensa cantidad de trabajo con los diseños y la guía de estilo. A pesar de la cantidad de trabajo realizada en tan poco tiempo, he de confesar que he disfrutado mucho en este módulo porque realmente ha sido cuando hemos creado la propuesta de diseño final tan deseada desde el principio del proyecto y, al verla, puedo confirmar que ha merecido la pena porque me doy cuenta que la nueva propuesta supera con creces la actual y ayudará a mejorar la satisfacción de los usuarios y del cliente.

En resumen, he podido ver todo el trabajo que representa hacer las historias de usuario, los diseños y la guía de estilos llegando a crear una propuesta de diseño para un producto final más cercano a los perfiles de usuario indicados por el cliente.

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

Añadir nuevo comentario

CAPTCHA
Esta pregunta es para comprobar si usted es un visitante humano y prevenir envíos de spam automatizado.
3 + 1 =
Resuelva este simple problema matemático y escriba la solución; por ejemplo: Para 1+3, escriba 4.