Elementi Dell'interfaccia

Preview:

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

Citation preview

Progetto UniPortal3gGroup

Elementi dell’interfaccia

Linee guida interfaccia UniPortal

• Sezioni applicazione

• Tasti di navigazione

• Messaggi di comunicazione

• Messaggi di conferma

Sezioni dell’applicazione

• L’applicazione possiede 5 sezioni principali

• Sono sempre disponibili in ogni schermata

• Possibilità di saltare direttamente in una sezione

Sezioni dell’applicazione 2

Sezione corrente Sezioni disponibili

Tasti di navigazione

• L’interfaccia è gerarchica

• Elemento “cliccabile” scende nella gerarchia

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

Tasti di navigazione 2

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

Tasti di navigazione 4• Tasti supplementari:

• Scorrimento elementi della lista

• Evita di tornare indietro nella gerarchia

Primo elemento

Elementicentrali

Ultimo elemento

Messaggi di comunicazione

• Messaggi di comunicazione attraverso Pop-Up

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

Messaggi di conferma

• Messaggi di conferma attraverso “slider” dal basso

• Oscuramento dell’interfaccia sottostante

Messaggi di conferma 2

Feedback visivo prenotazione effettuatacolore verde - Tasto non cliccabile

Recommended