Redesign af den officielle studenterapp for Politecnico di Milano

Powered by Politecnico di Milano

En ny udfordring for os som designere, en ny mulighed for de studerende

Målgruppe: Universitetsstuderende

På et kandidatkursus fik vi til opgave at redesigne Polimi App, den officielle universitetsapp for studerende.

Heuristisk evaluering

Efter desk research afdækkede en heuristisk evaluering af den eksisterende app en række væsentlige problemer, som skulle løses: informationsoverbelastning, manglende studenterperspektiv og et usammenhængende design.

Brugertest

Vi gennemførte 8 brugertest med forskellige grupper af studerende, analyserede fejlraten og registrerede adfærd og kommentarer. Testene var afgørende for at afdække de vigtigste udfordringer i brugeroplevelsen.

Informationsarkitektur

Da alle data var analyseret, og informationerne var inddelt i præcise områder, udviklede vi en servicestruktur gennem en informationsarkitektur. Appens funktioner blev opdelt efter prioritet.

Wireframes

Til sidst var det tid til wireframes. Lead users var involveret gennem hele processen. Vores brugercentrerede designtilgang var afgørende for at undgå fejl og løbende bekræfte projektets retning.

Skrifttype og farver

Appens typografi følger universitetets brandidentitet. Vi valgte den mest moderne af de tilgængelige skrifttyper, Universal LT, med fokus på sammenhæng mellem overskrifterne. Til fladerne valgte vi en kølig hvid med strejf af institutionens blå farve.

Brugergrænseflade

Efter arbejdet med brugeroplevelsen gik vi videre til den visuelle identitet og brugergrænsefladen. For at designe en stil, der kunne kommunikere med hele Polimi-økosystemet, var det nødvendigt at tage udgangspunkt i den eksisterende brandmanual.

Designsystemet skulle understøtte to best practices:

• Sammenhæng i brandet
• Tilgængelig farvepalet

Atomic Design

Et af hovedproblemerne i det oprindelige design var manglende sammenhæng. Derfor skulle det nye system være et trygt og forudsigeligt sted, hvor brugerne kunne løse deres opgaver. Vi valgte Atomic Design som den mentale model, der skulle skabe en sammenhængende og genkendelig grænseflade.

Hi-Fi-prototype

Vi skabte en fungerende prototype i Figma. Forsiden er appens bankende hjerte: Det er herfra, alt styres, og alle funktioner kan nås hurtigt og nemt. Den nye app har følgende nøgleegenskaber:

• Appstruktur med faner
• Hierarkisk opbyggede funktioner
• Maksimalt tre niveauers dybde

Funktioner

Videoen gennemgår alle de vigtigste funktioner i redesignet af den nye universitetsapp.

Brugertest

Vi brugte Maze til at teste prototypen. Integrationen med Figma gjorde det muligt at indlæse hele prototypen og lade et stort antal potentielle brugere afprøve alle funktionerne. Den afsluttende test hjalp os med at justere enkelte dele og levere en avanceret prototype.

App-teaser

Vi skabte også en teaservideo, der skulle give de studerende lyst til at udforske og tage det nye redesign af universitetsappen til sig.