Takafumi Horiuchi

Practice Log n Share

Un’app per registrare e condividere la pratica musicale quotidiana

Schermata di registrazione. Una griglia dello storico precede la barra di oggi (54 minuti totali) e le schede delle categorie. Lo studio dei brani è in corso da oltre 27 minuti, evidenziato da un colore più chiaro e un contorno bianco. Schermata di condivisione. Dalla lezione del 17 settembre al 24: 4 ore e 38 minuti, barre per categoria e una tabella giornaliera con tutte le categorie senza scorrimento orizzontale.
Le due schermate dell’app, nella versione giapponese. Provale nella demo web.

1. Panoramica

Un’ app per iPhone per registrare il tempo di studio con un tocco, senza posare lo strumento, e mostrare i dati all’insegnante durante la lezione. Le schermate di registrazione e condivisione collegano lo studio quotidiano al dialogo a lezione.

Ho definito il problema, progettato l’esperienza e l’interfaccia d’uso, rifinito le interazioni su un iPhone, implementato l’app e preparato i materiali del progetto. Ho collaborato con l’IA all’implementazione e preso personalmente le decisioni finali su schermate e interazioni.

Ho usato l’app nel mio studio e durante le lezioni. L’insegnante ha detto che era facile capire che cosa avessi studiato e ha chiesto registrazioni più dettagliate (sintesi dei commenti).

2. Contesto e difficoltà

Suono il sassofono tenore per passione e prendo lezioni ogni due settimane. Quando l’insegnante mi chiedeva come andasse lo studio, non avevo un modo concreto per mostrare che cosa avessi studiato e per quanto tempo.

Con il sassofono appeso alla tracolla, scrivere su carta mentre mi esercito è scomodo. E man mano che le pagine del diario di studio si accumulano, le registrazioni si disperdono.

Provare a scrivere su carta con un sassofono appeso alla tracolla. I fogli sciolti con gli appunti di studio si accumulano, rendendo difficile ritrovare le registrazioni.
Scrivere senza posare lo strumento è scomodoLe registrazioni si disperdono tra sempre più pagine

Le app di monitoraggio del tempo che avevo provato permettevano di avviare il cronometro con un tocco. La difficoltà era trasformare i dati in qualcosa che l’insegnante capisse a colpo d’occhio.

3. Criteri di progettazione

Volevo che registrare durante lo studio e condividere a lezione fossero un unico processo continuo. Due requisiti hanno guidato la disposizione delle schermate e le interazioni.

Mantenere semplice la registrazione durante lo studio

Registrare il tempo con un tocco su una categoria, senza posare lo strumento.

Evitare rielaborazioni prima della lezione

Organizzare automaticamente i dati per mostrare che cosa ho studiato e per quanto tempo, senza doverli modificare prima.

4. Funzioni e design

Riunire comandi e tempo di studio nella stessa scheda

Toccare una scheda categoria avvia il cronometro; toccarne un’altra cambia categoria; toccare di nuovo la stessa lo ferma. Ogni scheda mostra in evidenza il tempo di oggi per quella categoria e diventa più luminosa, con un contorno bianco, solo mentre il cronometro è attivo. I comandi e lo stato della registrazione sono nello stesso punto.

Schermata di registrazione. Una griglia dello storico precede la barra di oggi (54 minuti totali) e le schede delle categorie. Lo studio dei brani è in corso da oltre 27 minuti, evidenziato da un colore più chiaro e un contorno bianco.
Schermata della versione giapponese. È in corso il cronometraggio di «Studio dei brani».
Categoria, tempo di oggi e stato del cronometro sono visibili nella stessa scheda.

Vedere la distribuzione dello studio senza scorrere in orizzontale

L’app riepiloga automaticamente lo studio dall’ultima lezione, senza bisogno di modificare i dati prima di condividerli. Nella tabella giornaliera ho dato priorità alla visibilità simultanea di tutte le categorie, anche a costo di ridurre le dimensioni del testo. Posso così mostrare lo schermo all’insegnante e discutere come distribuisco il tempo di studio.

Schermata di condivisione. Dalla lezione del 17 settembre al 24: 4 ore e 38 minuti, barre per categoria e una tabella giornaliera con tutte le categorie senza scorrimento orizzontale.
Schermata della versione giapponese. Periodo, tempo totale, distribuzione per categoria e dettaglio giornaliero in una schermata.

Fare dello studio accumulato un motivo per continuare

Ho reso visibili sia i progressi di oggi sia lo studio accumulato nei mesi e negli anni. Spero inoltre che mostrare all’insegnante l’impegno dedicato mi aiuti a mantenere la motivazione.

Vista giornaliera: riempire la barra, usando un’ora come riferimento

La barra dello studio di oggi va inizialmente da zero a un’ora. Somma i tempi delle diverse categorie, ciascuna con un colore. Speravo che riempire la barra mi desse un motivo per continuare a esercitarmi.

Un esempio con 40 minuti di studio. I colori rappresentano le categorie. I dati sono fittizi.

Vista nel tempo: celle verdi per mostrare i progressi quotidiani

Ogni cella rappresenta un giorno e la tonalità di verde indica quanto ho studiato. La griglia permette di vedere facilmente lo studio accumularsi nei mesi e negli anni. Volevo che la crescita delle registrazioni mi incoraggiasse a continuare.

Ogni cella rappresenta un giorno; i contorni rossi indicano traguardi intermedi. La colonna più a destra è compilata solo in parte: i giorni successivi non sono ancora registrati. Esempio fittizio.

5. Processo di sviluppo

Definire il ruolo della registrazione e della condivisione attraverso la ricerca

Ho usato ChatGPT per cercare app esistenti e chiarire il problema e l’approccio. Nella ricerca svolta allora ho trovato app di monitoraggio del tempo, ma nessuna funzione di condivisione adatta al dialogo con il mio insegnante. Ho sviluppato il concetto attraverso quella conversazione, scritto una specifica e affidato a Codex l’implementazione della prima versione.

Rifinire la prima versione per tenere i comandi visibili

Ho provato personalmente la prima versione generata dall’IA e richiesto modifiche all’interfaccia e all’esperienza d’uso. Ho riunito nelle schede categoria le informazioni del cronometro e il comando di arresto, prima separati, e dato più evidenza al tempo di oggi. Ho anche esplorato disposizioni che mantenessero l’intero pannello dei comandi visibile sullo schermo.

Prima versione del 9 settembre. Sei piccole schede e il totale di oggi, 40 minuti, occupano zone separate della schermata di registrazione.

Versione iniziale

Versione rivista del 21 settembre. Ogni scheda grande mostra una categoria e il tempo di studio di oggi. Il cronometro attivo della lettura dello spartito indica 10 minuti ed è evidenziato.

Versione rivista

Schermate della versione giapponese. Entrambe mostrano gli stessi dati fittizi: sei categorie e 40 minuti di studio oggi.
La versione rivista riunisce le informazioni del cronometro e il comando di arresto nelle schede categoria.

Ho usato uno sfondo nero per una schermata che rimane aperta durante lo studio, con colori delle categorie pensati per darle un carattere vivace.

Confrontare la sensazione dello scorrimento prima di scegliere

Parole e immagini non bastavano a ottenere la sensazione desiderata: un movimento fluido che si arresta con precisione. Ho costruito con l’IA uno strumento di regolazione per provare personalmente metodi di scorrimento e valori diversi. Su un iPhone ho confrontato i punti di arresto, cercando una posizione che mantenesse visibile l’intero pannello dei comandi. Ho scelto l’aggancio dello scorrimento nativo del browser e l’ho usato nell’app.

Strumento di regolazione dello scorrimento. Controlli per cinque metodi di aggancio e relativi parametri accanto a uno schermo di telefono per provare l'interazione.
Ho modificato metodi e parametri dello scorrimento per confrontare come si arrestavano su un iPhone.

Usare revisioni indipendenti e decidere che cosa adottare

Ho ripetuto un ciclo di revisione con due sessioni indipendenti di IA. Esaminavo i problemi e i miglioramenti suggeriti da Claude Code, poi chiedevo a Codex di verificarli e applicare le correzioni necessarie. Alcuni suggerimenti si allontanavano dall’interfaccia o dall’esperienza che desideravo, quindi decidevo che cosa adottare in base allo scopo dell’app e alla sensazione d’uso.

Ho ripetuto questo processo circa 15 volte. Quando le revisioni dell’IA non segnalavano più difetti importanti, l’ho considerato uno dei motivi per concludere questa fase di miglioramenti.

6. Esperienza d’uso e prossimi passi

Aprire l’app è diventato parte dell’inizio dello studio

Ho installato l’app sul mio iPhone e l’ho usata nello studio quotidiano per verificare la facilità di registrare il tempo con un tocco mentre tenevo lo strumento. Aprirla all’inizio è diventata un’abitudine positiva. Rivedere l’ordine delle attività e la distribuzione del tempo, tenendo presente la prossima lezione, mi aiuta a pianificare lo studio.

L’insegnante ha chiesto registrazioni più dettagliate

L’insegnante ha detto che era facile capire che cosa avessi studiato e che registrare i tipi di scale renderebbe l’app più utile (sintesi dei commenti). Queste osservazioni provengono dal mio studio personale e dalle lezioni con il mio insegnante.

Prossimo passo: più dettaglio mantenendo semplice la registrazione

Sto valutando sottocategorie, come «Scale pentatoniche» all’interno di «Scale», cercando di mantenere semplice la registrazione. Per la schermata di condivisione considero anche una gerarchia di categorie e sottocategorie al posto della tabella giornaliera.