Como prototipar MAL una aplicación. La importancia del Wireframe
appEatIT mobile app - iOS Wireframe
-
Upload
matteo-vacca -
Category
Design
-
view
43 -
download
3
Transcript of appEatIT mobile app - iOS Wireframe
12:24 AM
Il tuo ordine
Registrati
SALTA TUTORIAL
12:24 AM 12:24 AM
Registrati
REGISTRATI
Password
Nome
Cognome
Hai già un account? E�ettua il login
12:24 AM
Login
Hai dimenticato la password?
Johnny Superhero
Duis tempus, est a tempus dictum, turpis magna dapibus sem, ut scelerisque dolor mi id diam. Maecenas eget erat non urna sagittis ultricies. Nulla non sem ut purus suscipit euismod at cursus ante.
1m
113 89 6
12:24 AM
I nostri ristoranti
Followers6,586
Following1,302
Posts812
Johnny Superhero
Duis tempus, est a tempus dictum, turpis magna dapibus sem, ut scelerisque dolor mi id diam. Maecenas eget erat non urna sagittis ultricies. Nulla non sem ut purus suscipit euismod at cursus ante.
1m
113 89 6
12:24 AM
Via G.Giolitti, 2 - 00182 - Roma 1km
Italiano 12.00-16.00 Buoni pasto accettati
tempo di preavviso : 20 minuti
I NOSTRI MENU
Menu a prezzo �sso (4)
Bevande e ca�è
12:24 AM
Attendi la conferma del ristorante
Il tuo ordine è in attesa. Riceverai la conferma del ristorante in pochi minuti
VISUALIZZA I TUOI ORDINI
12:24 AM
Ordine inviato
Scegli un ristorante
Ordini e�ettuati
Logout
12:24 AM
Crea un account
1 2 3
Login
12:24 AM
Ordine inviato
Attendi la conferma del ristorante
Il tuo ordine è in attesa. Riceverai la conferma del ristorante in pochi minuti
1
4
2 5
3
Cerca i migliori ristoranti intorno a te o in un luogo preciso
Login
Annulla
LOGIN
LA TUA POSIZIONE
2 ristoranti visualizzati
GPS disattivato
Johnny Superhero
Duis tempus, est a tempus dictum, turpis magna dapibus sem, ut scelerisque dolor mi id diam. Maecenas eget erat non urna sagittis ultricies. Nulla non sem ut purus suscipit euismod at cursus ante.
1m
113 89 6
12:24 AM
I nostri ristoranti
Followers6,586
Following1,302
Posts812
Johnny Superhero
Duis tempus, est a tempus dictum, turpis magna dapibus sem, ut scelerisque dolor mi id diam. Maecenas eget erat non urna sagittis ultricies. Nulla non sem ut purus suscipit euismod at cursus ante.
1m
113 89 6
6
LA TUA POSIZIONE
2 ristoranti visualizzati
Via Giolitti - 00185 - Roma
2 ristoranti visualizzati
MAPPA LISTA
Ristorante Prova1kmvia Giolitti, 2 - Roma
Italiano 12.00-16.00 Accetta buoni pasto
tempo di preavviso : 10 minuti
I nostri ristoranti
LA TUA POSIZIONE
4 risultati vicino a te
Via Giolitti - 00185 - Roma
Ristorante Prova1kmvia Giolitti, 2 - Roma
Italiano 12.00-16.00 Accetta buoni pasto
tempo di preavviso : 10 minuti
Ristorante Prova1kmvia Giolitti, 2 - Roma
Italiano 12.00-16.00 Accetta buoni pasto
tempo di preavviso : 10 minuti
Ristorante Prova1kmvia Giolitti, 2 - Roma
Italiano 12.00-16.00 Accetta buoni pasto
tempo di preavviso : 10 minuti
Ristorante Prova1kmvia Giolitti, 2 - Roma
Italiano 12.00-16.00 Accetta buoni pasto
12:24 AM
Ristorante Prova Menu a prezzo �sso
12:24 AM
tempo di preavviso per l’ordine : 10 minuti
Menu di carne 10€
Menu di pesce 6.5€
IL TUO ORDINE E’ VUOTO
Menu di carne - 10€
tempo di preavviso per l’ordine : 10 minuti
Primo
Contorno
AGGIUNGI ALL’ORDINE
Bevanda Caffè
Scegli il contorno
Scegli il primo
1x Spaghetti alle vongole veraci, Insalata Ceasar, Caffè
1x Spaghetti alla carbonara, Insalata Ceasar, Caffè
GIA’ AGGIUNTI
QUANTITA’
- 2 +
Menu a prezzo �sso
12:24 AM
tempo di preavviso per l’ordine : 10 minuti
Menu di carne 10€
Menu di pesce 6.5€
IL TUO ORDINE 22€5 elementi
2aggiunti
di carne 10€
ACCEDI E SCEGLI ORARIO E COPERTI
Totale 18€
Possiedi un coupon sconto?
Aggiungi una nota all’ordine
Nome
Cognome
Telefono
CREA UN ACCOUNT
Crea un account appEatIt
Password
il numero di telefono sarà usato solamente in caso di comunicazioni urgenti da parte del ristorante
12:24 AM
LoginAnnulla
LOGIN
Password dimenticata?
12:24 AM
Scegli ora di arrivo e coperti
1 2 3
CONTINUA
A che ora vuoi trovare tutto pronto?primo orario disponibile : 13.20
- 2 +
13 : 20 ESISTE UN’ACCOUNT CON QUESTA EMAIL. LOGIN
12:24 AM
Conferma il tuo ordine
INVIA L’ORDINE AL RISTORANTE
Password
12:24 AM
I tuoi ordini
Ristorante prova
IN ATTESA DI ACCETTAZIONE
ACCETTATI
2 mag
1 mag
30 apr
28 apr
13.30 2 posti 11€
Ristorante Prova
13.30 2 posti
Ristorante Prova
13.30 2 posti
Ristorante Prova
13.30 2 posti
Ristorante Prova
#123
11€
#123
11€
#123
11€
#123
12:24 AM
Ristorante Prova - ordine del 3 mag
IL TUO ORDINE
12:24 AM
Menu di carne - 10€
tempo di preavviso per l’ordine : 10 minuti
Primo
Contorno
Bevanda Caffè
Vitello tonnato
Pasta alla carbonara
QUANTITA’
- 2 +
Menu di carne 10€1x
carbonara, vitello tonnato, caffè
pasta alla carbonara, vitello tonnato, caffè
ORA DI ARRIVO E COPERTI
Elimina
DETTAGLI PAGAMENTO
VISUALIZZA I TUOI ORDINI
12:24 AM
Dettagli pagamento - ordine del 3 mag
Password
*************
1
7
8
9
1011
Lattina 33cla1xcoca-cola
Aggiungi12
Matteo Vacca | [email protected]+39 333 123456
2 persone alle 13.30
2 menu 20€
1 bevanda 2€
Totale 22€
Aggiungi una nota all’ordine
AGGIUNGI UNA NOTA16
14
15
Facendo swipe si visualizzano le pagine del tutorial
Rimanda alla pagina di richiesta password del sito
Swipe sul menu per aprirlo
Cliccando sul box della geolocalizzazione l’utente si geolocalizza
Cliccando sul marker, si mostrano i dettagli e il marker si ingrandisce
Facendo swipe sui box dei dettagli del i ristoranti sulla mappa, si passa al 2 ristorante più vicino.
Facendo swipe sui box dei dettagli nella pagina del ristorante, si visualizzano servizi e descrizione.
Il bottone del carrello è sempre visibile ma quando vuoto è disabilitato.
Nella schermata di aggiunta del menu, l’utente viene informato di quali combinazioni di piatti ha già aggiunto all’ordine
Dopo che si è aggiunto un menu, a prescindere dalla combinazione, viene mestrato sul pulsante per andare al dettaglio del menu una label che indica la quantià di menu di quel tipo nel carrello
MODIFICA
Rimuovi dall’ordine questi menu
Al click viene aperto il picker per i posti
Fai sapere al ristorante chi sei
In quanti siete?indica il numero di coperti
Ordine per
Il tuo ordine
18
12:24 AM
Ordine accettato
Goditi la tua pausa pranzo
Fantastico, il ristorante ha accettato l’ordine e l’ha mandato in cucina. Il tuo pranzo sarà pronto tra 10 minuti da Caffetteria Tudini.
VISUALIZZA I TUOI ORDINI
19XC1VD
Mostra questo codice al ristorante,
Facendo swipe verso sx si elimina il coupon inserito
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
Cliccando si va alla pagina I tuoi dati
Cliccando si va alla pagina ora e posti
18
USA COUPON 17
Mostrare all’utente che l’ordine è in attesa di accettazione e che verrà avvisato
19 Una volta che l’ordine è accettato dire all’utente cosa deve fare al ristorante
17
Cliccando si va alla pagina dell’ordine
Tutorial Registrazione Login Mappa ristoranti
Mappa ristoranti - Localizzazione Lista ristoranti Pagina ristorante Menu �ssi
Aggiungi menu Menu �ssi - carrello Pagina ordine Modi�ca quantità ordine
Checkout 1 step Login Checkout 2 step Checkout 3 step Aggiungi nota
Ordine inviato Side menu Ordini e�ettuati Dettaglio ordine Dettagli pagamento
Dettaglio ordine
appEatIt iOS Wireframe
Bevande e Ca�è
12:24 AM
tempo di preavviso per l’ordine : 10 minuti
Lattina (33cl) 2€
Ca�è 0.5€
Piatti singoli/bevande
+
+
1aggiunto-
LegendaPossibile �usso Pagine collegate
IL TUO ORDINE 2€1 elemento
EliminaCoupon : welcome20
MAPPA LISTA
MAPPA LISTA
Facendo swipe a sinistra viene mostrato il bottone per rimuovere quel menu dall’ordine.
Facendo swipe a destra viene mostrato il bottone per aggiungere quel menu all’ordine.
13
presso Ristorante Prova
Note : Vorremmo un tavolo fuori
Coupon : welcome20 (-20%)
Totale 18€
Menu di carne 10€1x
2 coperti per le 13.30
Menu di carne 10€1x
pasta alla carbonara, vitello tonnato, caffè
pasta alla carbonara, vitello tonnato, caffè
8€1x Menu di pescepesce spada, insalata ceasar, caffè
13€
Online
XDAWXS
XSASDSA21
Tipo pagamento
ID Transazione
ID Paypal
12:24 AM
Aggiungi una nota
Indica eventuali tolleranze o preferenze
300 ch - 123 rimasti