## Paso 2. UX Design  


![Método UX](../img/feedback-capture-grid.png) 2.a Feedback Capture Grid
----
>>> Una vez realizadas las entrevistas, habiendo realizado la revisión de usabilidad y añadiendo nuestro propio enfoque, hemos clasificado los aciertos y errores de la plataforma.

![](./Malla_receptora_de_información.png)

>>> Además, hemos querido remodelar el diseño aportando más claridad en general y dando más importancia a algunos elementos que no la tenían, como es el añadido de varias secciones que aportan funcionalidades importantes y que no estaban implementadas (secciones que detallaremos más adelante).


![Método UX](../img/Sitemap.png) 2.b Tasks & Sitemap
-----
>>> Una vez planteadas las ideas a desarrollar recogidas de la experiencias de los usuarios y de las mejoras que queremos implementar, clasificamos las tareas principales de la plataforma y su grado de utilización según distintos perfiles de usuario.

![](./User_task_matrix.png)

>>> Una vez clasificadas las tareas principales decidimos desarrollar el mapa web de la plataforma para su posterior implementación. En este punto, tuvimos en cuenta la dificultad para acceder a algunos menús y opciones en Amovens, con la idea de mejorar la experiencia de usuario.

![](./Mapa_del_sitio.png)

![Método UX](../img/labelling.png) 2.c Labelling
----
>>> Después de realizar el mapa del sitio, destacamos la funcionalidad de cada página: 

![](./Labelling.png)

![Método UX](../img/Wireframes.png) 2.d Wireframes
-----
>>> Desarrollado el mapa web de la plataforma, decidimos llevar a cabo el diseño de los wireframes, con las ideas de mejora implementadas, destacando la simplicidad de los menús o las nuevas funciones. 

![Bocetostamañopequeño1](./bocetos1.PNG)

![Bocetostamañopequeño2](./bocetos2.PNG)

Para verlos con más detalle pulse en este enlace: ![Bocetos](./Bocetos.pdf)

[2.e Documentación propuesta](./Documentación_de_propuesta.pdf)
----