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
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
6. Tasti di navigazione
• L’interfaccia è
gerarchica
• Elemento
“cliccabile” scende
nella gerarchia
• Tramite il tasto in
alto a sinistra si
risale nella
gerarchia
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