In breve: Le schermate sono le "pagine" di un programma. I dialoghi sono i messaggi che parlano con l'utente.
Cosa significa progettare un'interfaccia
Ogni applicazione ha un volto visibile. Questo volto si chiama interfaccia utente. Serve a far comunicare la persona con il programma.
Progettare un'interfaccia vuol dire decidere prima cosa mostrare. Si pensa a pulsanti, testi, immagini e finestre. Si decide anche dove metterli sullo schermo.
Un buon progetto rende l'uso facile. L'utente capisce subito dove cliccare. Non si sente confuso davanti al computer.
Schermate e dialoghi: due elementi chiave
Una schermata è una vista completa dell'applicazione. Per esempio, la pagina di accesso di un sito è una schermata. Anche la pagina del profilo è una schermata.
Un dialogo è uno scambio breve tra utente e programma. Spesso appare come una piccola finestra in primo piano. Chiede una conferma oppure mostra un avviso importante.
Esempio comune: clicchi "Elimina file" e appare un dialogo. Il programma chiede "Sei sicuro? Sì o No". Questo è un dialogo di conferma.
Durante la progettazione lavoriamo in gruppo. Il grafico disegna lo stile. Lo sviluppatore controlla cosa è realizzabile. Il tecnico informatico contribuisce con idee pratiche e suggerimenti tecnici.
Come si fa in pratica
Si parte sempre da uno schizzo su carta o su tablet. Questo disegno veloce si chiama mockup. Mostra la posizione degli elementi, non i colori finali.
Passi utili da seguire:
- Elenca le azioni che l'utente deve fare.
- Disegna una schermata per ogni azione principale.
- Aggiungi i dialoghi nei punti delicati, come cancellazioni o pagamenti.
- Usa parole chiare nei pulsanti, come "Salva" o "Annulla".
- Mantieni lo stesso stile in tutte le schermate.
Esempio scolastico: progettiamo l'app del registro elettronico. La prima schermata mostra il login. La seconda mostra le materie. Un dialogo avvisa quando un voto viene salvato.
Parole difficili
- Interfaccia utente: la parte visibile del programma con cui interagiamo.
- Schermata: una singola vista o pagina dell'applicazione.
- Dialogo: piccola finestra che chiede o comunica qualcosa all'utente.
- Mockup: disegno preparatorio che mostra la struttura della schermata.
- Utente: la persona che usa il programma o l'applicazione.
Riferimenti
- Norma: Norme generali e livelli essenziali delle prestazioni relativi al secondo ciclo del sistema educativo di istruzione e formazione
- Obiettivo formativo coperto: ob.iefp-tecnico-informatico.competenze-tecnico-professionali.cl3.realizzazione-modello-applicazioni.03