Come adattare l'idea di un gioco semplice per Apple Watch

Scrivi il loop di gioco principale in una sola frase: "Il giocatore compie X per ottenere Y, mentre Z cambia". Per un gioco basato sul tempismo, la frase potrebbe essere: "Tocca lo schermo quando l'indicatore raggiunge il bersaglio per guadagnare un punto prima dello scadere del tempo". Questa frase identifica la decisione che la versione per Apple Watch deve preservare.

Successivamente, elenca i requisiti del gioco originale: movimento, mira, pulsanti multipli, pianificazione a lungo termine, lettura di testi o gestione di un tabellone ampio. Contrassegna ogni elemento come essenziale per il loop di gioco o come contenuto di supporto. Mantieni la decisione essenziale; riprogetta o rimuovi gli elementi di supporto che richiedono troppo spazio sullo schermo o troppa attenzione.

Un test pratico consiste nel verificare se una partita può essere compresa e giocata senza schermate tutorial, gruppi di controlli affollati o frequenti gesti di precisione. Apple descrive le interazioni su watchOS come brevi e mirate, con informazioni vitali accessibili a colpo d'occhio. Tale linea guida incoraggia la creazione di un loop di gioco breve e facile da riprendere, sebbene la durata ideale di una partita dipenda dal gioco stesso. (watchOS apps)

Uno schermo più piccolo non significa che il gioco originale debba essere semplicemente ridisegnato in scala ridotta. Rimpicciolire gli elementi può rendere i bersagli e il testo difficili da vedere e i controlli complicati da usare. Riduci invece la quantità di elementi che il giocatore deve considerare contemporaneamente.

Per un gioco da tavolo, mostra solo la scelta corrente o una piccola sezione attiva della plancia. Per un gioco di corsa continua ("runner"), sostituisci la sterzata continua con una singola azione per cambiare corsia. Per un gioco di carte, presenta una scelta significativa alla volta invece di inserire sul display un'intera mano e il tavolo. Questi sono solo esempi di design: scegli la riduzione che preserva la decisione caratterizzante del gioco originale.

Crea un bozzetto rapido dello schermo con solo tre parti: l'area di gioco, l'azione principale e le informazioni di stato essenziali, come il punteggio o il tempo. Se un'etichetta, un indicatore o un pulsante non aiuta il giocatore a prendere la decisione successiva, rimuovilo o mostralo tra una partita e l'altra. Apple consiglia di mantenere le interfacce per Apple Watch essenziali ed evitare file fitte di controlli; le sue linee guida di layout suggeriscono di usare, come regola generale, non più di tre pulsanti con icone o due pulsanti di testo su una singola riga. (Layout)

Inizia con il controllo più semplice adatto all'azione principale: un'ampia area di tocco, una breve sequenza di tocchi o un'interazione di sistema come lo scorrimento con la Digital Crown. Assegna a ciascun input un significato unico e coerente. Evita di richiedere input simultanei o bersagli minuscoli che dipendono dal tocco millimetrico del dito.

La Crown può supportare una selezione o uno scorrimento precisi, ma non dovrebbe essere aggiunta solo perché il dispositivo ne è provvisto. Apple osserva che gli utenti la usano per navigare e compiere selezioni accurate senza coprire il display, e consiglia di privilegiare lo scorrimento verticale rispetto a quello orizzontale nelle app. Per un gioco, questo la rende una scelta adeguata per selezionare opzioni disposte verticalmente, ma non la rende necessariamente adatta a qualsiasi azione in tempo reale. (Creating an intuitive and effective UI in watchOS 10)

Mostra l'effetto dell'input prima che il giocatore lo confermi. Se un tocco avvia una partita, fai in modo che il pulsante indichi "Gioca". Se il tocco fa scorrere una selezione, evidenzia visibilmente l'opzione scelta. Dopo un'azione, fornisci un feedback immediato modificando il punteggio o tramite un'animazione, un suono o un testo chiaro. Non affidarti solo al colore per comunicare una vittoria, un pericolo o una selezione; abbinalo a una forma, a un simbolo o a un'etichetta.

Una sessione di gioco efficace su Apple Watch ha un inizio chiaro, un numero ridotto di decisioni e una condizione di fine partita visibile. Mantieni le istruzioni vicine all'azione a cui si riferiscono. Usa etichette brevi e rendi il punteggio o l'avanzamento secondari rispetto alla scelta immediata richiesta al giocatore.

Al termine, mostra il risultato e un passaggio successivo ovvio, come "Gioca di nuovo". Se il giocatore si distrae o esce dall'app, chiarisci se la partita è terminata, in pausa o se può essere ripresa. Questa è una scelta di design da verificare nel gioco vero e proprio: watchOS può modificare la modalità di visualizzazione di un'app quando diventa inattiva, e per impostazione predefinita l'interfaccia dell'app non si aggiorna in stato di inattività. I giochi con timer o movimento continuo richiedono quindi un comportamento esplicito di pausa, fine o ripresa, invece di presumere che lo schermo rimanga sempre attivo. (Designing your app for the Always On state)

I modelli di Apple Watch presentano diverse dimensioni di schermo e gli angoli arrotondati possono tagliare i contenuti posizionati vicino ai bordi. Usa layout flessibili e mantieni il testo critico e i controlli all'interno dell'area sicura (safe area). Evita di posizionare un punteggio, un bersaglio o un pulsante all'estremità del bordo solo per guadagnare un po' di spazio di gioco in più.

Le attuali linee guida sulle dimensioni fornite da Apple elencano casse da 40 mm a 49 mm e consigliano l'uso di elementi ridimensionabili quando possibile. Suggeriscono inoltre di sfruttare lo spazio aggiuntivo sui display più grandi per ingrandire controlli o elementi grafici, anziché affollare lo schermo con un maggior numero di comandi. Visualizza l'anteprima del gioco prima sullo schermo più piccolo supportato, quindi controlla se le versioni più grandi appaiono equilibrate anziché semplicemente più piene. (Supporting multiple watch sizes)

Per il testo importante durante il gioco, le linee guida di game design di Apple indicano 12 punti come dimensione minima del testo per watchOS. Consideralo un limite inferiore, non un obiettivo per ogni etichetta: le istruzioni brevi e le informazioni di stato importanti devono essere leggibili comodamente a colpo d'occhio. Effettua test con stringhe localizzate più lunghe se il gioco supporterà più lingue. (Designing for games)

Utilizza un contrasto marcato tra l'elemento di gioco attivo e lo sfondo. Rendi i bersagli distinguibili per forma o contorno oltre che per colore, e limita gli effetti decorativi che possono distogliere l'attenzione dalla decisione corrente. Se il gioco include piccoli oggetti in movimento, riducine il numero o rallenta l'azione a sufficienza affinché il giocatore possa identificarli sul display dell'orologio.

Apple raccomanda testi di gioco leggibili e ad alto contrasto, e segnala una dimensione minima del testo per watchOS. Le sue linee guida pongono inoltre l'accento sull'adattamento dei layout alle caratteristiche della piattaforma, come i display arrotondati e le aree sicure. Nel complesso, queste indicazioni costituiscono un utile criterio di verifica: il giocatore è in grado di identificare il bersaglio attivo, l'azione successiva e il risultato senza dover perlustrare lo schermo? (Designing for games, Supporting multiple watch sizes)

Crea o disegna un'unica sessione giocabile prima di ampliare livelli, menu o sistemi di progressione. Effettua le verifiche in questo ordine:

1. Un giocatore alla prima esperienza riesce a capire cosa fare fin dalla prima schermata?
2. Riesce a premere il comando principale senza coprire il feedback visivo essenziale del gioco?
3. Il bersaglio, il punteggio o il timer risultano leggibili sulle dimensioni di Apple Watch più piccole supportate?
4. Il risultato di ciascun input viene mostrato in modo chiaro e immediato?
5. È possibile interrompere la partita e riprenderla senza perdere il filo?
6. Il gioco continua a funzionare correttamente quando il display si attenua o l'app diventa inattiva?

Usa questi controlli per valutare il design, non solo il codice. Se un giocatore manca un bersaglio, determina se il bersaglio è troppo piccolo, se l'azione non è chiara o se la risposta del sistema è troppo impercettibile. Se lo schermo sembra sovraccarico, rimuovi un elemento o suddividi la decisione su più turni prima di ridurre le dimensioni di testo e comandi al di sotto della soglia di leggibilità. Esegui i test sulle dimensioni rappresentative dell'orologio e con il metodo di input reale; un layout che appare perfetto in un mockup desktop potrebbe risultare molto diverso una volta utilizzato al polso.

Un buon adattamento per Apple Watch è un gioco compatto ma completo, non una conversione compressa. Preserva la decisione fondamentale dell'idea originale, rendi ovvia ogni azione e lascia che il contesto compatto e soggetto a interruzioni dell'orologio definisca la struttura della partita. Aggiungi complessità solo quando il loop di base rimane leggibile, controllabile e semplice da riavviare.

• Apple, "watchOS apps". https://developer.apple.com/documentation/watchos-apps?changes=_3_9_8_3
• Apple, "Layout". https://developer.apple.com/design/human-interface-guidelines/layout?changes=l_1__4&language=objc
• Apple, "Creating an intuitive and effective UI in watchOS 10". https://developer.apple.com/documentation/watchos-apps/creating-an-intuitive-and-effective-ui-in-watchos-10?changes=_7
• Apple, "Designing your app for the Always On state". https://developer.apple.com/documentation/watchos-apps/designing-your-app-for-the-always-on-state/
• Apple, "Supporting multiple watch sizes". https://developer.apple.com/documentation/watchos-apps/supporting-multiple-watch-sizes?changes=latest_5_9
• Apple, "Designing for games". https://developer.apple.com/design/human-interface-guidelines/designing-for-games