Solución

Luego de entender los objetivos del usuario y el planteamiento del equipo, se determinó como patrón de interacción el levantamiento un drawer fijado a la derecha para el caso de la versión desktop y una modal fullscreen para el caso mobile.

video prototipo.mov

modal-drawer.jpg

Propuse esta solución ya que era el comportamiento conocido de la sección mis compras, que es la sección donde el usuario inicia este flujo.


Primera etapa

En la primera etapa el cliente inicia la solicitud, selecciona el motivo de la solicitud, selecciona los productos a devolver y luego describe un detalle de la solicitud

En la primera etapa el cliente inicia la solicitud, selecciona el motivo de la solicitud, selecciona los productos a devolver y luego describe un detalle de la solicitud

Segunda etapa

En la segunda etapa del flujo el usuario confirma su medio de pago y revisa su solicitud antes de ingresarla

En la segunda etapa del flujo el usuario confirma su medio de pago y revisa su solicitud antes de ingresarla

Tercera etapa

En esta última etapa de la solicitud el usuario puede leer las instrucciones finales para saber que esperar luego de esta solicitud.

En esta última etapa de la solicitud el usuario puede leer las instrucciones finales para saber que esperar luego de esta solicitud.


Guidelines de interfaz —>