Ironhack’s Prework. Challenge 2: Wireframing Glovo

The objective of this exercise is to ‘reverse engineer’ one popular app, making an analysis about its interaction design and User Flow.

The app I have chosen for this exercise is Glovo because it is one of the applications that I use more often and also because I think it will allow me to make a good wireframe analysis thanks to its different screens.

User flow.

The user flow I have chosen, of the various options available, is the one that allows us to order food delivery.

First of all, after opening the application, we find the “Order Food” option.

After that, the next step will be to choose the option “Restaurants” and the app will show us a list of available restaurants near our location.

After choosing one of them, we will enter the screen where we can order the food, the approximate time it will take to get to our location and the price.

Finally, we will confirm the payment.

UI Elements.

Some of the elements I have found in the app are:

· Input Controls: drop-down button, buttons and toggles.

· Navigational Components: search box and icons.

· Informational Components: message boxes.

Wireframes.

Prototyping.

Here is the interactive prototype showing the user flow.