Pain Points

Personas


Paper wireframes
Los Wireframes en papel muestran el flujo del usuario y la interacción de este en 2 flujos, cubriendo lo básico.
The paper wireframes illustrate the user flow and interaction across two flows, covering the basics.

Prototipo de baja fidelidad
Low-Fidelity Prototype
En el prototipo de baja fidelidad se suman más detalles y ventanas que completan el user flow y su interacción en el flujo de compra y de donaciones.
In the low-fidelity prototype, more details and windows are added to complete the user flow and its interaction within the purchasing and donation processes.

Interface
En este prototipo de alta fidelidad se ve el user flow completo y el resultado del estudio de usabilidad. El user flow comienzo en la página principal, con un menu lateral, desde hacer click en un item, proceso de compra, rastreador de envío y ventana de confirmación pop-up. El usuario puede navegar por la aplicación con el boton de menu, y una segunda ventana donde en usuario puede realizar donaciones a el refugio con un user flow de comprar igualmente.
In this high-fidelity prototype, the complete user flow and the results of the usability study are displayed. The user flow begins on the main page, featuring a side menu, progressing through clicking on an item, the purchasing process, the shipping tracker, and a pop-up confirmation window. The user can navigate the application using the menu button and a second window where they can donate to the shelter, following a similar purchase user flow.
