elementi dell'interfaccia

12
Progetto UniPortal 3gGroup

Upload: pepo154

Post on 18-Nov-2014

508 views

Category:

Technology


0 download

DESCRIPTION

Elementi dell'interfaccia del prototipo UniPortal. Progetto: UniPortal Gruppo: 3gGroup Componenti: Giuseppe Pogliani, Giuseppe Magno, Giuseppe Maggi Università Milano-Bicocca Corso: Interazione Uomo Macchina Docente: Polillo Roberto

TRANSCRIPT

Page 1: Elementi Dell'interfaccia

Progetto UniPortal3gGroup

Page 2: Elementi Dell'interfaccia

Elementi dell’interfaccia

Page 3: Elementi Dell'interfaccia

Linee guida interfaccia UniPortal

• Sezioni applicazione

• Tasti di navigazione

• Messaggi di comunicazione

• Messaggi di conferma

Page 4: Elementi Dell'interfaccia

Sezioni dell’applicazione

• L’applicazione possiede 5 sezioni principali

• Sono sempre disponibili in ogni schermata

• Possibilità di saltare direttamente in una sezione

Page 5: Elementi Dell'interfaccia

Sezioni dell’applicazione 2

Sezione corrente Sezioni disponibili

Page 6: Elementi Dell'interfaccia

Tasti di navigazione

• L’interfaccia è gerarchica

• Elemento “cliccabile” scende nella gerarchia

• Tramite il tasto in alto a sinistra si risale nella gerarchia

Page 7: Elementi Dell'interfaccia

Tasti di navigazione 2

Page 8: Elementi Dell'interfaccia

Tasti di navigazione 3• Tasti supplementari:

• Annulla

• Sempre in alto a sinistra, come il tasto indietro

• Invia

• In alto a destra, colore blu, come linee guida Apple

Page 9: Elementi Dell'interfaccia

Tasti di navigazione 4• Tasti supplementari:

• Scorrimento elementi della lista

• Evita di tornare indietro nella gerarchia

Primo elemento

Elementicentrali

Ultimo elemento

Page 10: Elementi Dell'interfaccia

Messaggi di comunicazione

• Messaggi di comunicazione attraverso Pop-Up

• Interfaccia oscurata per focalizzare l’attenzione dell’utente.

Page 11: Elementi Dell'interfaccia

Messaggi di conferma

• Messaggi di conferma attraverso “slider” dal basso

• Oscuramento dell’interfaccia sottostante

Page 12: Elementi Dell'interfaccia

Messaggi di conferma 2

Feedback visivo prenotazione effettuatacolore verde - Tasto non cliccabile