L’episodio The New Full-Stack Designer della serie Design Review di Y Combinator si chiede che aspetto abbia un designer quando il confine tra immagine e prodotto funzionante è quasi scomparso. Ospite è Marvin Schwaibold, a capo dello studio di product design di Shopify, intervistato da Aaron Epstein di YC. Per ogni designer full-stack il messaggio è netto: costruire, non solo disegnare.
Secondo la descrizione dell’episodio pubblicata da YC, Schwaibold ripercorre il proprio processo di progettazione e mostra il restyling del pannello di amministrazione di Shopify lanciato di recente dal suo team, oltre al lavoro sull’assistente Sidekick. C’è anche un progetto del fine settimana in cui ha ricreato un vero prato come shader, e un carosello che ha richiesto 91 tentativi prima di funzionare come doveva. Nella seconda metà dell’episodio si valutano i siti inviati dagli spettatori dal punto di vista del movimento e dell’interattività.
Un designer che costruisce
Nei capitoli dell’episodio ritorna sempre la stessa idea: il processo di progettazione è cambiato e i designer costruiscono in prima persona. I titoli dei capitoli citano anche la posizione del CEO di Shopify, Tobi Lütke, secondo cui il futuro va progettato, e il modo in cui lo studio lavora all’interno di Shopify.
Per chi guida una piccola impresa è una questione molto pratica. Se un’idea visiva si può provare subito come prototipo funzionante, i riscontri arrivano prima e le strade sbagliate vengono scartate prima di averci speso del denaro. Abbiamo affrontato la stessa logica dell’apprendimento rapido nell’articolo sulla conoscenza del cliente come vantaggio competitivo per una startup.
91 tentativi e variabili visibili
Parlando dello shader del prato, l’episodio affronta l’intuizione nata da una mappa topografica, e il capitolo successivo presenta Dialkit, un modo per rendere visibili e regolabili le variabili del design. I 91 tentativi del carosello dicono la stessa cosa da un’altra prospettiva: un buon movimento nasce dalla ripetizione, non da un singolo bozzetto riuscito.
Per chi sviluppa il proprio sito o la propria app, la lezione è semplice. Quando valori regolabili come velocità, ritardo e distanza si modificano facilmente, si possono fare decine di prove in un solo pomeriggio. Gli strumenti di intelligenza artificiale accelerano ulteriormente il lavoro, purché il tempo risparmiato abbia una direzione, come abbiamo osservato nell’articolo su come usare il tempo risparmiato grazie all’IA.
Un buon movimento nasce dalla ripetizione, non da un singolo bozzetto riuscito.
Sei siti web sotto esame
Nella seconda metà dell’episodio vengono valutati i siti di sei startup. I titoli dei capitoli riassumono osservazioni che ogni imprenditore può confrontare con le proprie pagine:
- Un solo obiettivo principale per pagina.
- Il problema delle schede: i contenuti importanti finiscono facilmente nascosti.
- Illustrazioni generate con l’IA che non aggiungono nulla alla pagina.
- Mostrare il prodotto vero, non solo miniature.
- Riprova sociale e casi in cui meno è meglio.
- Le sezioni della home page come capitoli che procedono come un racconto.
- Lasciare che il visitatore esplori il lavoro da sé e valutare con attenzione se dirottare lo scorrimento.
Gli ultimi capitoli parlano ancora del ritmo, che l’episodio descrive come decollo, crociera e atterraggio, e della pagina dedicata alla tecnologia. In chiusura viene presentato il carosello Blossom.
Cosa portare sul proprio sito?
Scegli un obiettivo principale per la home page ed elimina tutto ciò che non lo sostiene. Sostituisci le immagini decorative con viste reali del tuo prodotto o servizio. Se usi l’animazione, regolala finché non risulta naturale e prova la pagina anche sullo smartphone. Un agente di IA rende rapido questo lavoro di ripetizione, a patto che gli sia stato costruito un ambiente di lavoro funzionante.
Fonti
- Y Combinator: The New Full-Stack Designer (Design Review, YouTube) — Fonte: la descrizione dell’episodio pubblicata da YC e i capitoli con marca temporale, non una trascrizione verificata. Tra i temi i designer che costruiscono a 18:27, Dialkit a 26:16 e le valutazioni dei siti da 31:04. I suggerimenti pratici sono riflessioni dell’autrice.
- Marvin Schwaibold: grass-shader (GitHub) — Codice sorgente dello shader del prato, linkato nella descrizione dell’episodio.
Continua a leggere
Potrebbe interessarti anche
Innohub TV
Guarda questo contenuto anche su Innohub TV
Abbiamo selezionato per te i clip di Innohub TV che proseguono lo stesso tema.
Nessun episodio.