Order food flow UI/UX
The following steps show how the UI/UX flow appears while ordering food.
Display the shopping cart widgets
1.The shopping cart widgets is displayed:
No active voice and no perfomed order
2.If the voice gets inactive (no voice interaction for 10s) and no order was performed:
Starting again the order
3.If the user will tap on the Start Order button the voice will start again the order:
Adding an item using the voice
4.The user will add an item to the shopping cart with voice (e.g. "add a Caesar Salad"):
The inactive voice screen
5.If the voice gets inactive (no voice interaction for 10s) meanwhile:
Continue order
6.If the user will tap on the Continue Order button the voice will resume the food ordering flow:
Checkout
7.After adding all the wanted items in the cart, the user can call "Checkout".
Failed Order screen
8.1.If the order fails, the following screen is displayed:
Success Order screen
8.2.If the order is successfully sent, the following screen is displayed: