Vai al contenuto
kenjtecJournal
Cerca nel Journal

Web design con l’IA: usare Stitch per esplorare tre direzioni invece di un’unica bozza

Tre bozze diventano interessanti solo quando danno priorità a compiti diversi. La pagina di una biblioteca fornisce un brief concreto per un confronto di design equo.

Ana dispone le stesse carte su tre vassoi in tre ordini diversi. Illustrazione creata con l’IA.

La prima bozza dell'IA sembra coerente. Ha un titolo grande, colori accoglienti e un pulsante che salta all'occhio. Proprio per questo vale la pena porsi una seconda domanda: perché è proprio questa azione a stare in cima? Una schermata convincente può far sembrare una priorità arbitraria così ovvia che nessuno ne discute più.

Il 18 marzo 2026, Google Labs ha descritto un approccio ampliato di Stitch al design di UI assistito dall'IA su una tela condivisa. Si tratta di un annuncio meno recente su uno strumento, non di una notizia attuale di ottobre. Per questo articolo pratico lo usiamo come punto di partenza per un nostro esercizio di design: tre direzioni che differiscono nei contenuti, tutte basate sugli stessi fatti confermati.

Una variante ha bisogno di uno scopo diverso

La nostra biblioteca di quartiere fittizia ha sei contenuti: ricerca dei libri, orari di apertura, eventi, iscrizione, posizione e informazioni per una prima visita. La prima direzione dà priorità alla ricerca. La seconda parte dalla prossima data di un evento. La terza aiuta chi non ci è mai stato.

Queste differenze vanno oltre un cambio di arrotondamento degli angoli o di colore d'accento. Ogni direzione risponde a un'ipotesi diversa sul motivo della visita. Una volta che l'ipotesi viene esplicitata, la si può mettere in discussione. Forse una biblioteca con molti frequentatori abituali andrebbe impostata con priorità diverse rispetto a una nuova istituzione che deve prima aiutare le persone a orientarsi.

Mentre lo fai, mantieni fissi i fatti. Una bozza non deve sembrare più convincente solo perché inventa orari di apertura più lunghi o omette una condizione di partecipazione scomoda. Il design organizza le informazioni; non riceve una licenza per adattarle a proprio comodo.

Un brief che chiede davvero tre direzioni

Puoi completare il seguente modello, che è nostro, con i tuoi contenuti confermati. Descrive un brief di lavoro, non un output di Stitch effettivamente prodotto.

Sviluppa tre punti di ingresso diversi per la stessa pagina della biblioteca. A dà priorità alla ricerca dei libri, B alla prossima data di un evento, C all'orientamento prima della prima visita. Usa solo i fatti forniti. Mantieni invariati gli orari di apertura e le condizioni di partecipazione. Per ogni variante, spiega quale compito viene supportato per primo e che cosa, di conseguenza, passa in secondo piano.

L'ultima domanda è importante. Una priorità costa spazio e attenzione altrove. Chi chiede solo i vantaggi di una variante otterrà facilmente tre giustificazioni positive. Rendere visibile il rovescio della medaglia aiuta a prendere sul serio la decisione.

Chiedi prima l'ordine e le relazioni tra le informazioni, non decorazioni aggiuntive nell'immagine. Uno schema semplice mostra spesso già se le direzioni differiscono nella sostanza. Colori e illustrazioni possono poi sostenere l'intento scelto.

Un compito condiviso rende il confronto più equo

Prima di giudicare, scegli un compito specifico: trovare la data di un evento adatta e capire come puoi partecipare. Osserva lo stesso compito in tutte e tre le versioni. Dov'è la data? Come viene resa visibile la condizione? Dove porta l'azione evidenziata?

Annota le difficoltà osservabili. «L'iscrizione era riconoscibile solo dopo una seconda lettura» è qualcosa su cui puoi lavorare. «Sembra antiquato» richiede prima una spiegazione più precisa. Non si tratta di vietare il gusto. Semplicemente, non dovrebbe essere l'unica giustificazione per una decisione sulle informazioni.

Una revisione redazionale di questo tipo non è ancora uno studio di usabilità. Se in seguito delle persone provano davvero le varianti, compiti, ambiente e osservazioni devono essere documentati. Questo articolo non finge che si siano svolte sessioni di test né che esistano risultati.

La scelta diventa un passaggio di consegne preciso

Dopo il confronto, annota il punto di ingresso preferito, il suo compito principale e i dettagli ancora necessari. Aggiungi eventuali domande aperte. Forse la direzione degli eventi funziona bene per una pagina di campagna, mentre la normale home page dovrebbe dare priorità alla ricerca. Una scelta motivata può essere sfumata.

Il testo di passaggio di consegne vale più di uno screenshot isolato. Spiega quale relazione tra contenuto e interazione deve essere preservata. Uno sviluppatore che subentra dopo, o un'altra IA, deve così indovinare meno a partire dall'aspetto.

Una bozza di UI non è ancora un'applicazione completa. Collegamenti ai dati, comportamento e accessibilità richiedono un lavoro a sé. La forza dell'esercizio sta prima di quel punto: rende visibili le alternative finché cambiare la direzione di fondo è ancora facile. La prima bozza attraente resta così una possibilità tra diverse, invece di diventare silenziosamente l'unica strada concepibile.

Fonti e stato

Ricerca e documentazione aggiornate al 25 ottobre 2026. Introducing vibe design with Stitch.

Amburgo è il nostro punto di partenza.

L’utilità viaggia con te.

IA pratica da Amburgo, spiegata per tutti.

Articoli salvati