Modalità di esame
Durante il corso verranno assegnati homeworks da svolgere individualmente o in gruppo (massimo 3 persone), secondo le indicazioni del docente.
Gli homeworks verranno consegnati prima dell'esame e saranno seguiti da una discussione orale in data di appello.
Gli homeworks sono sequenziali, prima di iniziare è necessario seguire la seguente procedura.
Homework 1: Information Architecture
Applicare i principi dell’Information Architecture, per progettare i sistemi di organizzazione, navigazione, labeling e ricerca di un sito web. Scegliere tra le seguenti tracce:
- Traccia 1: Portale universitario
- Traccia 2: Museo cittadino
- Traccia 3: Cerco casa per studenti universitari
La traccia scelta in questo homework, caratterizzerà il sito web da progettare negli homework successivi *.
Materiale: Slides argomento "Information Architecture" + libro di testo + esercizi svolti.
Istruzioni: Il documento deve essere inviato al docente in formato PDF.
* E' possibile scegliere/ideare un sito web diverso per le attività di progetto, in accordo con il docente.
Homework 2: User Experience design
Descrizione dettagliata del sito web in termini di architettura delle informazioni, progettazione della user experience e progettazione dell'interfaccia utente (fino a 15 pagine). Il template da seguire (template ux design documentation) è disponibile qui. Mentre un esempio svolto è disponibile qui.
Materiale: Slides argomento "User Experience" + libro di testo + esempi svolti
Istruzioni: Il documento di design deve essere inviato al docente in formato PDF.
Homework 3: User Interface
Crea il design grafico del sito web (progettato nell'Homework 2) mediante il tool Figma. In particolare:
- Crea la grafica della home page e di almeno una diversa pagina del sito
- Crea la grafica di una landing page per il tuo sito (es., la promozione di un prodotto, servizio o evento)
Materiale: Argomento "User Interface"
Istruzioni: I progetti Figma devono essere esportati come immagini e inviati al docente (il progetto nell'ambiente Figma verrà discusso in sede di esame). Nota che la grafica deve essere sviluppata con Figma Design (non Figma Sites o altri progetti che possono essere creati all'interno del tool).
Homework 4: Website building (opzionale ma consigliato)
Convertire il design creato in Figma in un sito web (dinamico/html) usando Framer.
Materiale: Argomento "User Interface"
Istruzioni: Il sito generato in Framer deve essere esportato e inviato al docente.
Gli homeworks devono essere consegnati al docente via email entro 4 giorni prima della data di appello scelta, per dare modo al docente di visionarli. In data di appello lo studente dovrà presentarsi con il proprio pc e discutere il lavoro svolto. Se il progetto è svolto in gruppo, i membri del gruppo devono discutere il progetto insieme.
La valutazione di ogni singolo homework concorrerà, insieme alla discussione orale, al voto finale.