Abbandona gli MVP, adotta prototipi minimi vitali (MVPr)

La ricerca della perfezione è una sottile trappola che spesso porta i designer in un ciclo infinito di iterazioni e revisioni. Ciò è particolarmente vero nel mondo dei prodotti digitali, dove ogni interazione e elemento grafico può diventare oggetto di ossessione per il design.

Ma quando facciamo un passo indietro e osserviamo la natura interdisciplinare della progettazione di prodotti digitali, è facile vedere come i designer cadano nella trappola della perfezione.

Pensa a tutte le persone e i ruoli coinvolti nella progettazione di un singolo prodotto digitale:

• Ricercatori di design
• Designer dell'interfaccia utente
• Architetti dell'informazione
• Designer UX
• Designer di prodotti
• Responsabili di prodotto
• Strateghi dei contenuti
• Esperti di marca
• Scrittori di copie UX
• eccetera.

In un modo o nell'altro, ognuno di questi si interseca. Ad esempio, l'interfaccia utente di un prodotto non può avere successo se la sua esperienza utente non viene considerata. Con l'interconnessione arriva la pressione per capire in che modo le decisioni di progettazione si influenzano a vicenda: "Se facciamo X, in che modo ciò influirà su Y e Z?"

Questo tipo di previsione strategica può essere prezioso, ma può anche causare una stagnazione del processo di progettazione e bloccarsi nel temuto ciclo della perfezione: "Dobbiamo ottenere X proprio prima di poter eseguire Y e Z".

Allora, qual è l'alternativa? C'è un modo per creare, lanciare, testare e migliorare rapidamente i prodotti digitali sulla base di metriche e approfondimenti del mondo reale presi da persone reali?

In questa guida, affronteremo queste domande attraverso l'obiettivo di prototipi minimi realizzabili e forniremo ai progettisti un processo incredibilmente semplice per la creazione, il test e la raffinazione dei prodotti digitali.

Simula il lancio con un prototipo minimo praticabile

Nessuno sa niente……Nessuna persona nell'intero campo del cinema sa con certezza cosa funzionerà. Ogni volta è un'ipotesi e, se sei fortunato, colta. – William Goldman, sceneggiatore premio Oscar

Le prime decisioni del processo di progettazione del prodotto digitale sono, nella migliore delle ipotesi, basate su congetture. Finché un prodotto non è nelle mani degli utenti reali, tutto è teorico. D'altra parte, lanciare un prodotto prima che sia pronto può danneggiarne la reputazione (un errore costoso).

E se ci fosse un modo per simulare il lancio e determinare la fattibilità di un prodotto ben prima che inizino i grandi sforzi di progettazione?

Questo è il valore del prototipo minimo vitale (MVPr), un approccio alla progettazione del prodotto che richiede sostanzialmente meno tempo e denaro rispetto al più familiare "prodotto minimo vitale".

Ecco una panoramica del processo di progettazione del prototipo minimo praticabile (MVPr):

1. Scoperta
2. Ricerca
3. Informazione architettura
4. Progettazione visiva
5. Lanciare
6. Test

Attesa! Non è il processo che usano tutti?

Sì, e vedremo che facendo affidamento sull'essenziale dei passaggi precedenti possiamo con successo...

• Simula la funzionalità di un prodotto reale;
• Imitare il lancio di un prodotto reale; e
• Scopri se vale la pena costruire un prodotto reale.

Passo dopo passo: come costruire un MVPr

1. Scoperta: inizia a prendere decisioni

Un ottimo modo per iniziare il processo di scoperta è cercare siti Web, blog e app simili alla tua idea. Scopri le loro storie, i loro mercati target, come operano, ecc. Se scopri che nessuno dei concorrenti rilevanti fa quello che fa il tuo prototipo, continua ad andare avanti.

Questo passaggio non richiede alcuna competenza. Il segreto è fare: passare dall'intento all'azione.

Presta particolare attenzione ai punti di forza e di debolezza dei tuoi concorrenti. Come puoi usare ciò che hanno già realizzato (o non sono riusciti a realizzare) per rendere più forte il tuo prototipo?

Dopo 1-2 ore di ricerca, dovresti essere in grado di individuare i tuoi concorrenti più importanti e apprendere gli aspetti chiave di ciascuno.

2. Ricerca: definisci i tuoi utenti

Chi è il tuo utente target e perché dovrebbe preoccuparsi del tuo prodotto? Comprendere questo è fondamentale, ma dobbiamo iniziare con ipotesi calcolate. È meglio partire da una visione fortemente supponente. Non indovinare o tentare di fare "qualcosa per tutti". Non vogliamo un design annacquato.

Invece, dai un'occhiata più da vicino ai siti concorrenti trovati durante la fase di scoperta e consenti al buon senso di dipingere un ritratto dei tuoi potenziali utenti.

Ecco alcune aree pratiche di indagine facilmente accessibili sul web:

• Visita i siti di recensioni e guarda cosa dicono le persone sulle loro esperienze con i tuoi concorrenti.
• Segui gli influencer del settore del tuo prodotto sui social media e osserva come coinvolgono il loro pubblico.
• Cerca articoli di notizie affidabili che forniscano uno sguardo dettagliato su come operano i tuoi concorrenti.
• Controlla le interazioni dei tuoi concorrenti con i loro utenti sui social media.
• Vedi se riesci a trovare dei forum in cui vengono discussi i problemi oi problemi dei tuoi concorrenti.

È possibile ottenere preziose informazioni da ciascuna di queste strade senza investimenti finanziari significativi. Ciò è particolarmente importante per i piccoli team di progettazione che lavorano con budget ridottissimi. I grandi marchi spendono molto denaro per la ricerca, ma i piccoli team e i singoli liberi professionisti devono trovare il modo di essere più intraprendenti.

3. Architettura dell'informazione: struttura il tuo prototipo

Come funzionerà il prototipo e quali sono le informazioni più importanti su cui concentrarsi?

Il modo più semplice per iniziare a rispondere è analizzare siti di prim'ordine simili al prototipo che stai costruendo. L'aspetto generale e l'esperienza del sito a cui si sceglie di fare riferimento dovrebbero essere eccezionali.

Inizia rompendo il sito in pezzi. Quali sono tutte le pagine rilevanti e come sono strutturate visivamente? Non aver paura di invertire il wireframe del sito e quindi ricrearlo con le tue informazioni, colori, immagini, ecc.

Perché procedere in questo modo? Il tuo sito probabilmente funzionerà in modo simile ai siti della concorrenza: hai solo in mente obiettivi diversi. Non c'è bisogno di inventare un sistema complesso se gli utenti rispondono bene a un'esperienza consolidata.

*Suggerimento avanzato: quando si studia l'architettura delle informazioni di un sito, una tecnica utile consiste nell'acquisire screenshot e renderli in scala di grigi in modo da non essere distratti dall'impatto del colore (che può essere abbastanza persuasivo).

Dopodiché, sfrutta le risorse online che consentono ai designer di passare rapidamente da zero a prototipi interattivi. Ci sono tonnellate di kit di interfaccia utente, modelli HTML, temi WordPress e così via. Non aver paura di modificarli per adattarli al tuo prototipo e non preoccuparti della perfezione dei pixel o del codice bellissimo. In questa fase, a nessuno importa. A loro importa se il tuo prodotto è utile o meno.

Ecco come funziona utilizzando un kit UI gratuito:

Cosa abbiamo realizzato nell'immagine sopra?

• Abbiamo rimosso tutti i colori e le immagini.
• La barra di navigazione è rimasta intatta.
• La funzionalità per il sistema di filtraggio è rimasta la stessa, ma la formulazione è stata modificata.
• Siamo passati da due colonne a una per mostrare meglio le immagini che prevediamo di utilizzare.

In meno di un'ora, abbiamo una base visiva su cui sviluppare ulteriormente il nostro prototipo.

4. Visual Design: riutilizzare le risorse dell'interfaccia utente gratuite

L'aspetto visivo del tuo prototipo non può essere separato dal modo in cui funziona. Non si tratta solo di grafica. Il design visivo di grande impatto racconta una storia e offre un'esperienza dal valore reale.

In questo caso, la coerenza visiva è fondamentale perché aiuta gli utenti a familiarizzare con un prodotto e a navigare in modo più efficiente. Per ottenere questo tipo di coerenza all'inizio dello sviluppo del prototipo, è intelligente riutilizzare le risorse dell'interfaccia utente gratuite.

Lavorando in questo modo, non dovrai passare ore a sviluppare un sistema di progettazione coeso. La tipografia, gli stili dei pulsanti, l'iconografia e tutti gli altri componenti importanti dell'interfaccia utente sono presi in considerazione.

5. Lancio: codificare o non codificare?

È tempo di condividere il tuo prototipo con il mondo. Fortunatamente, è più facile che mai trasformare i modelli in prototipi dinamici. Grazie a una serie di strumenti intuitivi, non hai nemmeno bisogno di sapere come programmare, ma dovresti imparare?

Il MVPr senza codice

Quando hai finito con il design visivo, incorpora il prototipo in una pagina di destinazione in modo che i visitatori possano interagire con esso e fornire un feedback generale sulla tua idea. A questo punto del processo di progettazione di MVPr, ci sono diversi modi per creare un prototipo senza codice. Ecco le tue opzioni:

Prototipi di base

• InVision ha tutte le funzionalità necessarie per costruire e testare un prototipo di base e offre un'esperienza indolore senza complicazioni.

Prototipi Rich Media

• Per interazioni, transizioni e animazioni sofisticate, Principle è molto utile.

Prototipi realistici al 100%.

• Framer consente ai designer di simulare qualsiasi esperienza di prodotto digitale immaginabile. È l'opzione perfetta quando il prototipo deve sembrare reale in termini di animazione nativa e codifica basata sulla logica (Es: se questo, fallo).
• Webflow offre la possibilità di progettare, creare con codice e avviare siti Web reattivi su una tela al 100% ciò che vedi è ciò che ottieni.

Clicca per vedere l'immagine a grandezza naturale.

Il codice MVPr

Il codice può essere un alleato straordinario. Senza dubbio, è il modo migliore per costruire il tuo prodotto. Lo svantaggio principale è che è necessario sapere come scrivere codice per sperimentare i vantaggi della personalizzazione avanzata. Senza una base di conoscenza adeguata, scegliere di sperimentare con il codice ti rallenterà.

Ci sono molti starter kit di codice per aiutare a far girare la palla. Ad esempio, il kit dell'interfaccia utente che abbiamo introdotto sopra ha una propria versione HTML disponibile per il download:

6. Test: sfrutta le informazioni sugli annunci

La salsa segreta per testare il tuo prototipo risiede negli strumenti che ti consentono di ottenere la maggior parte delle informazioni con il minimo sforzo pur fornendo valore. Tutto ciò di cui hai bisogno sono pochi dollari e un po' di pazienza per risolvere i problemi.

Un primo passo pratico per misurare l'interesse per il tuo prodotto è creare un annuncio e indirizzare le persone trovate durante la fase di ricerca. A seconda del tuo pubblico e del tipo di prodotto che stai progettando, puoi pubblicare annunci su Google, LinkedIn, Instagram o Twitter. Per i prodotti business-to-consumer, si consiglia Facebook.

*Suggerimento professionale: AdEspresso è un luogo conveniente per eseguire centinaia di versioni dei tuoi annunci social contemporaneamente raccogliendo utili analisi comparative.

Pubblica annunci e imparerai due cose:

1. Il numero di persone che hanno visualizzato il tuo annuncio
2. Il numero di persone che hanno fatto clic sul tuo annuncio

Dopo aver confermato che il tuo pubblico di destinazione è interessato a interagire con i tuoi annunci, dovrai creare valore per i tuoi primi utenti. Ecco come:

• Aggiungi un modulo "iscriviti" e chiedi agli utenti di fornire il loro indirizzo email.
• Continua per far loro sapere quando avvii.
• Assicurati che i tuoi canali di social media siano attivi e funzionanti in modo da poter creare pulsanti social, consentendo agli utenti di spargere la voce sul tuo prodotto.

Usa questa strategia e otterrai:

• Un elenco di indirizzi e-mail che possono essere utilizzati per le prime iniziative di marketing
• Persone che raccomandano il tuo prodotto alle loro reti personali e professionali
• Una comprensione più chiara se qualcuno è entusiasta o meno del tuo prodotto

La prima volta che ricevi un feedback reale, il tuo prodotto è attivo. Attraverso questo ciclo di fornitura di valore, analisi del comportamento e iterazione delle soluzioni, imparerai cosa funziona e cosa no e ti avvicinerai a un prodotto che le persone vogliono effettivamente utilizzare.

Avvia e impara con audacia

L'obiettivo finale del prototipo minimo praticabile è questo: passare da ipotesi di progettazione istruite a feedback reali e attuabili con velocità e sicurezza.

Questo è un processo che abbraccia l'incertezza e i passi falsi come opportunità di miglioramento. Soprattutto, premia l'azione. Un buon design richiede un processo decisionale coraggioso e la volontà di andare avanti di fronte all'imperfezione.

Quindi non lasciarti impantanare dalla ricerca della perfezione e cerca di non confrontarti con i mega marchi e le loro enormi risorse. Continua a fare passi avanti e presto ti ritroverai con un prodotto notevolmente raffinato che le persone sono entusiaste di usare.

• • •

Ulteriori letture sul blog di Toptal Design:

1. Prototipa facilmente: un tutorial di InVision Studio
2. Come condurre uno Sprint di progettazione efficace
3. Chi sapeva che Adobe CC poteva Wireframe?
4. Test UX per le masse: mantienilo semplice ed economico
5. Mappe del percorso del cliente: cosa sono e come costruirne una