Quest — Prototype
All Projects

Quest

Imparare, giocare, vincere. Un dispositivo connesso a un'app che trasforma lo studio in gioco, direttamente in aula. Learn, play, win. A connected device and app that turns studying into a game, right in the classroom.

Tipologia
Prototype
Anno
2025
Ruolo
Creative Direction
& Interaction Design
Deliverable
Interactive
Prototype
Tools
Figma · micro:bit
MakeCode

Il ProgettoThe Project

01 / 03

"Imparare giocando non è mai stato così semplice." "Learning through play has never been this simple."

Quest è un dispositivo fisico connesso a un'applicazione mobile, pensato per rendere lo studio interattivo e divertente. Gli studenti rispondono a quiz su qualsiasi argomento tramite una pulsantiera, ricevono un feedback immediato e tracciano i propri progressi nel tempo. Quest is a physical device paired with a mobile app, designed to make studying interactive and fun. Students answer quizzes on any topic through a button pad, get instant feedback and track their progress over time.

Nato nel corso Hardware and Software Technologies for Design del Politecnico di Milano, Quest vive in classe: l'insegnante integra i quiz nella lezione e valuta in tempo reale la comprensione, mentre leaderboard e sfide tra compagni trasformano la verifica in un momento di gioco condiviso. Born in the Hardware and Software Technologies for Design course at Politecnico di Milano, Quest lives in the classroom: teachers fold quizzes into the lesson and assess understanding in real time, while leaderboards and peer challenges turn assessment into shared play.

Sistema & InterazioneSystem & Interaction

02 / 03
I · ConceptConcept

Lo studio diventa gioco Study becomes play

Il punto di partenza è una domanda semplice: come tenere alta l'attenzione in aula? Quest risponde unendo competizione, feedback istantaneo e interazione fisica, costruiti attorno a due profili — l'insegnante che vuole coinvolgere e monitorare, lo studente che vuole sfidarsi e migliorare. It starts from a simple question: how do you keep attention alive in class? Quest answers by combining competition, instant feedback and physical interaction, built around two profiles — the teacher who wants to engage and monitor, the student who wants to compete and improve.

Fase 1
Fase 2
II · Il dispositivoThe device

La pulsantiera The button board

Il cuore fisico è una board basata su micro:bit: un joystick a pulsanti per rispondere, una striscia LED Neopixel per il feedback visivo e un motore a vibrazione per quello tattile. Una seconda micro:bit collegata via radio sincronizza il dispositivo con l'app. Il colore guida l'interazione — bianco all'accensione, blu in attesa, rosa alla selezione, verde o rosso a quiz superato o fallito. The physical core is a micro:bit-based board: a button joystick to answer, a Neopixel LED strip for visual feedback and a vibration motor for the tactile one. A second micro:bit, linked by radio, syncs the device with the app. Colour drives the interaction — white on power-up, blue while waiting, pink on selection, green or red when the quiz is passed or failed.

III · L'appThe app

Gioca, sfida, scala la classifica Play, challenge, climb the board

L'app accompagna l'intera esperienza: accesso come insegnante o studente, creazione dei quiz, ingresso in una stanza tramite codice, revisione degli errori e statistiche personali. Badge, punti e leaderboard settimanali trasformano ogni verifica in una sfida, dentro un'interfaccia pulita costruita su toni lilla e tipografia Montserrat. The app carries the whole experience: signing in as teacher or student, building quizzes, joining a room by code, reviewing mistakes and personal stats. Badges, points and weekly leaderboards turn every test into a challenge, inside a clean interface built on lilac tones and Montserrat type.

Fase 3

PrototipazionePrototyping

03 / 03
Wireframe e processo
Rapid prototyping

Dalla ricerca al prototipo From research to prototype

Dalle personas e dallo storyboard d'interazione fino al prototipo funzionante: wireframe e flussi sono stati testati sull'app, mentre la board è stata cablata e programmata per gestire la logica del quiz, raccogliere le risposte e restituire feedback luminoso e vibrotattile. Hardware e interfaccia sono cresciuti insieme, in iterazioni continue. From personas and the interaction storyboard to a working prototype: wireframes and flows were tested on the app, while the board was wired and programmed to run the quiz logic, collect answers and return light and haptic feedback. Hardware and interface grew together, in continuous iterations.

Risultato finale