¡Cualquiera puede pedir una Pizza...hasta un niño!
Rocket Pizza fue implementando con el enfoque que fuera intuitivo brindando una manera facil de pedir pizza incluso hasta por un niño. Pensando en que dichas tareas minimas pueden en ciertas ocasiones nos suelen ser tediosas y al momento de tener hambre lo unico que queremos es tener la comida lista y servida en la mesa para disfrutarla.
Interfaces clave en el diseño del prototipo
A simple vista podemos observar 3 pantallas, las cuales se enfocan a levantar el pedido de la pizza creando el paquete, en la segunda se muestra que dicho pedido ya esta en camino y en la ultima pantalla observamos el perfil de un usuario con los requerimientos basicos.
¿Pero como hemos construido esta aplicacion?
- Se tiene 3 pantallas las cuales se enfocan al inicio de sesion, de una forma sencilla y clara cumpliendo con el objetivo de ahorrar tiempo al cliente al momento de registrarse y usar la cuenta de google o facebook para crear e iniciar sesion con su usuario.
- Una vez hecho el inicio de sesion el usuario podra agregar sus datos y/o modificarlos segun desee
- Al igual que guardar sus direcciones y metodos de pago
Prototipo de perfil de usuario, edicion y metodos de pago.
Las siguientes intarfaces muestras los elementos con los cuales se podra interactuar para hacer un uso intuitivo de la aplicacion y asi poder modificar los datos que pueden estar sujetos a cambios dependiendo del usuario.
Prototipo de seleccion de pagos
¡Pedir una pizza con un par de toques!
Al momento de realizar un pedido podras personalizar tu pizza segun tu antojo, como se puede observar existen 2 pantallas casi iguales donde la animacion jugara un papel importante al momento de tocar los elementos mostrando que contiene cada uno
Prototipo de seleccion para personalizar pizza
Una vez selecionado el tipo de paquete que se desea podemos agregar los ingredientes que el usuario guste, sin dejar a un lado la animacion mencionada, observando que ya se cuenta con la selecion pasada y cada que escogemos un ingrediente se agregar al resumen del pedido.
En caso de cambiar de opinion con lo selecionado se tiene la opcion:
Prototipo de seleccion para personalizar pizza.
Respaldando lo anterior mencionado ahora vemos que se han agregado mas detalles al pedido como 'orilla de queso', 'peperoni' y se da la opcion de agregar extras o de igual manera omitirlos , asi mismo poder regresar un paso anterior en caso de cambiar de opinion
Prototipo de seleccion de productos, agregar extras y personalizar paquetes.
Finalmente se muestran las 3 ultimas interfaces las cales muestran:
- El resumen del pedido agregando el costo de cada producto, selecionando la el metodo de pago y el boton 'pagar' para confirmar realizando el pedido. Se mantiene el boton 'regresar un paso anterior' para corregir algun detalle en el pedido en caso de cambiar de opinion.
- En la segunda interfaz una vez confirmado el pedido se muestra una interfaz de espera donde se hace saber al cliente que su pedido esta en camino
- Y por ultimo podemos ver que se confirma que su pedido ha sido entregado
Prototipo de pago sobre el pedido.
Wireframe
Para brindarle una idea al cliente y materializar nuestra comprension hacia sus requerimientos se creo un boceto en donde se presenta de primera forma la creacion de las pantallas de forma sencilla con el objetivo de ubicar las funcionalidades:
Interfaces de seleccion de tipo pizza.
Interfaces de seleccion de seleccion para los productos.
Interfaces de entrega de pizza.
Interfaz perfil de usuario
Especificaciones
Se mantuvo la creacion del diseño final basandose en la configuracion de los elementos acorde a el enfoque de la aplicacio:
Elementos, diseños, formas y configuraciones de la aplicacion.
Prototipo Animado en Figma
Finalmente se obtuvo el siguiente resultado para poder comenzar a trabajar en la codificacion por el equipo de desarrollo
Animaciones e interacciones del prototipo
