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

1. Progetto UniPortal
3gGroup

2. Elementi
dell’interfaccia

3. Linee guida interfaccia
UniPortal
• Sezioni applicazione
• Tasti di navigazione
• Messaggi di comunicazione
• Messaggi di conferma

4. Sezioni dell’applicazione
• L’applicazione
possiede 5 sezioni
principali
• Sono sempre
disponibili in ogni
schermata
• Possibilità di
saltare
direttamente in
una sezione

5. Sezioni dell’applicazione
2
Sezione corrente Sezioni disponibili

6. Tasti di navigazione
• L’interfaccia è
gerarchica
• Elemento
“cliccabile” scende
nella gerarchia
• Tramite il tasto in
alto a sinistra si
risale nella
gerarchia

7. Tasti di navigazione 2

8. 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

9. Tasti di navigazione 4
• Tasti supplementari:
• Scorrimento elementi della lista
• Evita di tornare indietro nella gerarchia
Primo Elementi Ultimo
elemento centrali elemento

10. Messaggi di
comunicazione
• Messaggi di
comunicazione
attraverso Pop-Up
• Interfaccia oscurata
per focalizzare
l’attenzione
dell’utente.

11. Messaggi di conferma
• Messaggi di conferma
attraverso “slider” dal
basso
• Oscuramento
dell’interfaccia
sottostante

12. Messaggi di conferma 2
Feedback visivo prenotazione effettuata
colore verde - Tasto non cliccabile