I dati per saperlo sono sparsi – meteo, vento, pressione, Luna, crepuscolo. Il compito: trasformarli in una previsione che si legge in pochi secondi e coprire ogni stato di un’app reale. Non c’era un brief: ho raccolto i requisiti strada facendo con il cliente e lo sviluppatore. Non c’erano nemmeno test con le persone, quindi le decisioni si basano su scenari, vincoli di iOS e API meteo.
Il nucleo sono tre tab di previsione: Home, Meteo, Calendario. Intorno – accesso, abbonamento Pro, profilo e stati che possono comparire su qualsiasi schermata.
Il paywall si apre dal filtro pesci nella Home, dal Calendario e dalle Impostazioni
Gli stati di sistema possono comparire su qualsiasi schermata: sessione scaduta, aggiornamento obbligatorio
12 flussi · 86 schermate e stati. Il numero su ogni scheda indica quante schermate e stati contiene quel flusso.
Home: prima la risposta
- Perché
- La prima versione si contraddiceva: una «giornata fantastica» sopra un avviso di tempesta, 100% e «Ora 84%» sull’anello, pressione diversa su due schermate, etichette da 6–8 px.
- Cosa ho fatto
- Due versioni. A – la stessa struttura senza contraddizioni e con testo da 11 px. B – prima la decisione: attività → orario migliore → grafico orario → condizioni, senza il carosello che nascondeva il grafico.
- Risultato
- La Home risponde a «andare o no, e quando» prima di qualsiasi scroll.
StatoHo consegnato entrambe le versioni al cliente, a cui piace la direzione.
Il filtro pesci cambia l’intera previsione
- Perché
- La scelta del pesce cambia il calcolo dell’abboccata in tutta l’app, e «Luccio» e «Lucioperca» sono solo Pro – bisogna vederlo prima del tap.
- Cosa ho fatto
- Il filtro sta in cima alla Home invece che in un menu. «Tutti i pesci» è gratuito; le modalità a pagamento hanno un lucchetto e un badge Pro. Dopo l’acquisto la modalità si attiva subito; senza acquisto resta «Tutti i pesci».
- Risultato
- Il paywall compare nel momento del valore, e ogni modalità ha il suo grafico e il suo picco: il luccio al mattino e alla sera, il lucioperca al crepuscolo.
StatoDirezione approvata, progetto in corso.
La previsione funziona in riva all’acqua, offline
- Perché
- La previsione serve in riva all’acqua, dove spesso non c’è campo, e le persone potrebbero non consentire la geolocalizzazione.
- Cosa ho fatto
- Ogni schermata principale ha stati di caricamento, offline ed errore. Offline mostra l’ultima previsione con l’ora di aggiornamento; senza geolocalizzazione lo spot si sceglie con la ricerca.
- Risultato
- Invece di una schermata vuota in riva all’acqua, le persone vedono l’ultima previsione e sanno quanto è aggiornata.
StatoGli stati sono presenti in ogni schermata principale dei mockup.
Swipe tra i giorni
- Perché
- Lo sviluppatore ha proposto di cambiare giorno con uno swipe nella Home invece di passare al calendario. Ma uno swipe da solo è invisibile: aggiunto così com’è, le persone non indovineranno che esiste.
- Cosa ho fatto
- Due opzioni di suggerimento. A – un contatore «1/3» accanto alla posizione e dei puntini in basso. B – un indicatore dei giorni in alto sotto la posizione, come nelle storie: si vede quanti giorni sono disponibili e su quale ti trovi. I giorni passati non si scorrono; 3 giorni senza abbonamento, una settimana con Pro.
- Risultato
- Ora lo swipe ha un suggerimento visibile: l’indicatore mostra che ci sono più giorni e dove ti trovi tra questi.
StatoIl cliente ha scelto B, che avevo consigliato anch’io.
Stati e sistema
Le impostazioni si applicano subito, una sessione scaduta riporta all’accesso con l’e-mail compilata e una notifica push apre la schermata giusta. UI kit: 4 collezioni di variabili, 14 stili di testo in SF Pro, tema chiaro come cambio di modalità. Gli sfondi meteo sono legati ai codici di OpenWeather, così gli sviluppatori non devono inventarsi la mappatura. Per l’impostazione iOS «Riduci trasparenza» ogni superficie in vetro ha un colore di fallback opaco: un’opzione semitrasparente è stata scartata perché il sistema può ignorare anche la trasparenza.
- 01
La parte più difficile è stata la gerarchia degli indicatori: una breve panoramica nella Home, una previsione dettagliata in «Meteo», collegate dallo spot e dal giorno scelti.
- 02
I dati hanno determinato gran parte dell’interfaccia: la previsione oraria arriva a intervalli di tre ore e solo per cinque giorni, l’API non restituisce la temperatura dell’acqua – quindi è stata rimossa – e in una cella del calendario entra solo l’icona del meteo.
- 03
Prossimo passo: testare con i pescatori se la panoramica basta per decidere quando uscire e se la lettura dell’attività di abboccata è chiara.
