Riprogettare l'app ufficiale del Politecnico di Milano per gli studenti

Powered by Politecnico di Milano

Una nuova sfida per noi designer, una nuova opportunità per gli studenti

Target: studenti universitari

Per un corso di laurea magistrale, ci è stato chiesto di riprogettare la Polimi App, l'applicazione universitaria ufficiale per gli studenti.

Valutazione euristica

Dopo una ricerca desk, una valutazione euristica dell'applicazione esistente ha evidenziato i principali problemi da risolvere: sovraccarico informativo, mancanza del punto di vista degli studenti e incoerenza del design.

Test di usabilità

Abbiamo condotto 8 test di usabilità con diversi gruppi di studenti, analizzando il tasso di errore e monitorando comportamenti e commenti. Questi test sono stati essenziali per individuare i principali punti critici dell'esperienza utente.

Architettura dell'informazione

Una volta analizzati tutti i dati e organizzate le informazioni in aree precise, abbiamo sviluppato una struttura del servizio attraverso un'architettura dell'informazione. Le funzionalità dell'applicazione sono state suddivise in ordine di priorità.

Wireframe

Infine è arrivato il momento dei wireframe. Gli utenti guida sono stati coinvolti durante l'intero processo. Il nostro approccio di design incentrato sugli utenti è stato fondamentale per prevenire errori e ottenere conferme costanti sulla direzione del progetto.

Font e colori

La tipografia dell'app segue le regole dell'identità di marca dell'università. Tra le opzioni disponibili abbiamo scelto il font più moderno, Universal LT, mantenendo l'attenzione sulla coerenza tra i titoli. Per le superfici abbiamo scelto un bianco freddo, arricchito da tocchi di blu istituzionale.

User Interface

Dopo aver progettato l'esperienza utente, siamo passati all'identità visiva e alla User Interface. Per definire uno stile capace di dialogare con l'intero ecosistema Polimi, era necessario partire dal brand book esistente.

Il design system si proponeva di applicare due best practice:

• Coerenza del brand
• Palette cromatica accessibile

Atomic Design

Poiché uno dei problemi principali del design originale era l'incoerenza, il nuovo sistema doveva offrire agli utenti un ambiente affidabile in cui svolgere le proprie attività. Abbiamo scelto l'Atomic Design come modello mentale per rendere l'interfaccia coerente e prevedibile.

Prototipo Hi-Fi

Abbiamo creato un prototipo funzionante in Figma. La homepage è il cuore pulsante dell'applicazione: il centro che controlla tutto e permette di raggiungere ogni funzione in modo semplice e veloce. Le caratteristiche principali della nuova applicazione:

• Struttura dell'applicazione a tab
• Funzionalità gerarchiche
• Profondità massima di tre livelli

Funzionalità

Questo video illustra tutte le principali funzionalità del redesign della nuova applicazione universitaria.

Test con gli utenti

Abbiamo utilizzato il software Maze per testare il prototipo. La compatibilità con Figma ha permesso di caricare l'intero prototipo e renderlo completamente testabile da un ampio numero di potenziali utenti. Il test finale è stato utile per perfezionare alcuni aspetti e consegnare un prototipo avanzato.

Teaser dell'app

Abbiamo creato anche un video teaser per invitare gli studenti a esplorare e adottare il nuovo redesign dell'app universitaria.