Lezione 11 - Esplorazione degli elementi dell'interfaccia utente

Distribuisci: sssicurati che ogni squadra abbia a disposizione il materiale delle lezioni precedenti.

Forma i gruppi: fai sedere gli studenti al tavolo della loro squadra.

Discussione: le app sono costituite da molti componenti singoli, come pulsanti o caselle di testo. Annota tutti i componenti che ti vengono in mente dalle app che hai usato in passato o che hai visto in questo corso.

Discussione: chiedi agli studenti di tenere un diario individuale, quindi invita alcuni studenti a condividere le proprie idee con la classe. Tieni alla lavagna una lista di chi vuole intervenire.

Obiettivo: questa è una discussione che aiuta a mettere in relazione con la lezione di oggi le loro esperienze precedenti. Altri esempi possono includere caselle di controllo o menu a discesa o cursori o componenti ancora più complicati come una mappa interattiva o un feed di social media. Usa le idee sviluppate dalla classe per familiarizzare con l'attività odierna.

Questo è un ottima occasione per fare una libera riflessione sui diversi componenti utilizzati nelle app! Quando le app vengono create, possono utilizzare qualsiasi componente disponibile nello strumento utilizzato per creare l'app. Quando creiamo le nostre app, utilizziamo uno strumento chiamato Sviluppo App. Oggi esploreremo le app realizzate in Sviluppo App e vedremo quali di questi componenti possiamo usare per progettare le nostre app!

Domanda del giorno: quali elementi dell'interfaccia utente saranno utili per la nostra app?

Transizione: chiedi agli studenti di andare su Code Studio. Ogni esercizio di code studio costituisce un'app diversa che risponde a un'esigenza di una comunità. Chiedi agli studenti di dedicare 5-10 minuti al compito successivo.

Fai questo: esplora ciascuna app nell'ordine che preferisci. Tieni un elenco dei diversi componenti che vedi in queste app. Prendi nota di tutte le funzionalità interessanti di queste app che puoi condividere con la tua squadra

Girando tra i banchi: monitora gli studenti mentre esplorano le app. Potresti porre domande di follow-up per aiutare le squadre a riconoscere un collegamento tra le loro idee e le app che stanno esplorando, soprattutto se sai che alcune app saranno pertinenti agli argomenti scelti da alcuni delle tue squadre.

Distribuisci la guida alle attività di "Esplorazione degli elementi dell'interfaccia utente".

Ridurre la quantità di materiali stampati: la guida alle attività può essere completata online o come attività di diario. Le schede 3"x5" (7,62x12,7cm) possono essere sostituite con carta tagliata in 4-6 rettangoli.

Esplorazione degli elementi dell'interfaccia utente

Fai questo: come squadra, discutete di ogni elemento della tabella: cosa pensano che faccia e come potrebbe essere usato nella loro app. Le squadre non devono incorporare tutti gli elementi nella loro app (e probabilmente non lo faranno), ma dovrebbero piuttosto prendere in considerazione come ciascuno di questi elementi potrebbe essere utilizzato nel contesto della propria app.

Modalità interfaccia: ciascuno degli elementi di questa guida alle attività proviene dalla cosiddetta "Modalità interfaccia" di Sviluppo App, introdotta nella Lezione 14. Per rispondere alle domande relative a questa attività, potresti voler visualizzare un'anteprima della lezione in modo da conoscere come funzioneranno questi elementi in Sviluppo App.

Che cos'è un'etichetta? In generale, qualsiasi testo statico che gli studenti vedono sullo schermo è un elemento "etichetta" ("label"). La maggior parte delle schermate di un'app ha almeno un'etichetta e sono molto utilizzate nelle schermate con istruzioni o spiegazioni. Inizialmente gli studenti potrebbero avere difficoltà a definire e identificare le «etichette» nelle app che vedono: va bene parlare esplicitamente di questo componente in modo che non si sentano frustrati o facciano ipotesi errate.

Girando tra i banchi: monitora le squadre mentre completano questo compito, assicurandoti che tutte le voci all'interno di una squadra siano ascoltate e abbiano la possibilità di condividere le loro osservazioni su questi elementi.

Condividi: dopo aver dato alle squadre il tempo di compilare la tabella, consulta l'elenco chiedendo a diversi gruppi di condividere come potrebbero utilizzare ciascuno degli elementi. Sfrutta questa occasione per assicurarti che la classe abbia una chiara comprensione di ciascun elemento: di quale sia la sua natura e di cosa faccia.

Domani inizieremo a realizzare un prototipo su carta per la nostra app. Ora che hai esplorato queste app e visto gli elementi dell'interfaccia utente disponibili, questo potrebbe aver suscitato nuove idee per le funzionalità della tua app. Prenditi del tempo per discutere con il tuo gruppo di eventuali nuove funzionalità che potresti voler aggiungere alla tua app. Oppure, parlaci di come potresti voler modificare alcune funzionalità ora che hai visto gli elementi disponibili dell'interfaccia utente.

Discussione: Ora che hanno visto altri esempi di app, ile squadre dovrebbero discutere di eventuali nuove idee che hanno per l'app o di cose che potrebbero cambiare in base a ciò che hanno visto. Possono prendere appunti sulla guida alle attività di ieri oppure possono prendere appunti sul retro della guida alle attività di oggi.

Girando tra i banchi: monitora gli studenti mentre completano questa attività, cercando i gruppi che potrebbero dover apportare modifiche ora che vedono le funzionalità disponibili in Sviluppo App. Potrebbe essere necessario sostenere un'ulteriore riflessione libera mentre i gruppi discutono di nuovi modi per raggiungere i propri obiettivi senza accedere ad alcuni degli elementi che si sarebbero aspettati di utilizzare.

Raccogli i materiali da ogni squadra o chiedi agli studenti di conservare la guida all'attività di ricerca di mercato nello stesso posto del contratto di squadra in modo che sia possibile accedervi in seguito.

Discussione: qual è un elemento dell'interfaccia utente che hai già la consapevolezza di utilizzare nella tua app? Descrivi come intendi utilizzarlo nella tua app?

Discussione: chiedi agli studenti di tenere un diario individuale, quindi invita gli studenti a condividere le loro idee con le loro squadre.

Obiettivo: questa discussione aiuta i membri della squadra a condividere idee su come intendono utilizzare gli elementi dell'interfaccia utente nella creazione di domani dei prototipi su carta; cerca di suscitare entusiasmo e slancio nello sviluppo della loro app.