Lo strumento giusto per il lavoro: scegliere il miglior software di prototipazione per il tuo progetto

Gli strumenti di prototipazione sono diventati una risorsa importante per noi designer, consentendoci di documentare più stati di un singolo schermo, incluse animazioni, transizioni e microinterazioni difficili da rappresentare nella documentazione statica.

Le aziende che prestano attenzione a questa tendenza hanno iniziato a costruire strumenti di prototipazione per rispondere a questa esigenza; e oggi vediamo emergere regolarmente una pletora di strumenti. Ma quale dovresti scegliere? Ancora più importante, quali domande dovresti porre a te stesso e al tuo team per assicurarti di scegliere quella giusta?

Ulteriori letture su SmashingMag:

• 12 fattori nella selezione di uno strumento di prototipazione mobile
• La guida dello scettico alla prototipazione a bassa fedeltà
• Utilizzo di Sketch per un web design reattivo
• Ottenere il flusso di lavoro di Sketch giusto: il manuale di Sketch

"Quale strumento dovrei usare?" è diventata una delle domande più frequenti nei forum online, nei meetup di design e nei blog. Si è trasformato in un dibattito piuttosto appassionato e i designer tendono a discutere rapidamente per un determinato strumento o applicazione.

La verità è che nessuna soluzione è taglia unica . I progettisti hanno sempre più bisogno di disporre di una gamma di strumenti a loro disposizione, per comprendere i pro ei contro di ciascuno e per poter decidere rapidamente il flusso di lavoro più appropriato per il contesto dato.

Diversi passaggi entrano nel processo di valutazione. Professionisti esperti e team manager sono in grado di scegliere lo strumento giusto per il lavoro abbastanza rapidamente, non appena vengono informati su un nuovo progetto e capiscono dove verrà utilizzato il prototipo.

Di seguito, esploreremo cinque passaggi per decidere lo strumento di prototipazione giusto per il tuo progetto: dalla definizione degli obiettivi, alla comprensione dei requisiti e del contesto, alla valutazione delle opzioni disponibili. L'obiettivo è guidare i progettisti che prendono questa decisione per la prima volta o che devono affrontare un progetto con requisiti e vincoli unici.

Prima di sporcarci le mani con la costruzione del prototipo, dobbiamo pensare al motivo per cui lo stiamo facendo. Quale problema sta cercando di risolvere il prototipo? Perché crediamo che aiuterà il progetto in quel particolare momento?

1. Hai davvero bisogno di uno strumento di prototipazione?

Essere in grado di mostrare in modo tangibile come dovrebbe funzionare un prodotto mentre è ancora in fase di progettazione ha indubbi vantaggi per il progetto e consente ai designer di pensare alle interazioni nel modo più dinamico e reale possibile. Viviamo in un mondo di interfacce vivide e interattive che sono difficili da replicare al di fuori del loro ambiente live e i prototipi interattivi fanno davvero un ottimo lavoro nell'emulare quell'esperienza.

Ma in alcuni casi, uno strumento di prototipazione non è realmente necessario. Quando il progetto è nelle sue fasi iniziali e tutto ciò che vuoi fare è convalidare un concetto, un prototipo di carta è spesso più efficace nel rappresentare come dovrebbe funzionare il prodotto. I prototipi di carta eliminano la necessità di dedicare tempo al software (e, in alcuni casi, di imparare a usarlo), consentendo al contempo iterazioni rapide e a bassa fedeltà del progetto, incentrate più sulla verifica di un concetto che sulla convalida di specifici problemi di usabilità .

In altri casi, invece di creare un prototipo standalone con software dedicato, la cosa migliore da fare è iniziare a costruire il prodotto nel linguaggio di programmazione finale. Durante la creazione di un sito Web, alcune persone iniziano subito con un prototipo HTML. Framework come Bootstrap possono aiutarti a creare un sito Web reattivo abbastanza rapidamente e in alcuni casi non richiede conoscenze tecniche avanzate. Tieni presente che il tipo di codice che viene scritto per un prototipo HTML viene quasi sempre scartato, perché viene scritto rapidamente e possibilmente da non esperti.

Prima di spendere energie per selezionare il software giusto per il lavoro, discuti con il team se un prototipo interattivo è davvero la soluzione migliore e quale tipo di prototipo soddisferà meglio le esigenze particolari di quel progetto.

2. Definire gli obiettivi

La definizione dell'obiettivo del prototipo può aiutarti a pensare al livello di fedeltà e funzionalità necessari, che informa direttamente la scelta dello strumento di prototipazione.

La tabella seguente fornisce una panoramica di alcuni motivi comuni per la creazione di un prototipo in fase di progettazione. Queste categorie non sono esaustive e in alcuni casi lo stesso prototipo può servire aree diverse, ma il framework può essere utilizzato come punto di partenza per stabilire la priorità degli obiettivi del prototipo.

Quale dei seguenti è il tuo obiettivo principale?

• Per vendere un'idea in una presentazione del cliente . I prototipi sono incredibilmente utili per dare vita ai concetti. Sono anche un ottimo strumento di vendita per presentare idee a clienti e stakeholder importanti; visualizzare un'idea in forma interattiva può aiutarli a "sognare in grande". In questi casi, la funzionalità del prototipo tende a essere meno profonda, rappresentando solo le caratteristiche principali e i flussi di utenti che aiutano a vendere l'idea. Non è necessario che lo scopo del prodotto sia rappresentato completamente nel prototipo, ma un po' di raffinatezza visiva avrà un grande impatto. Tieni presente che un prototipo orientato alla vendita spesso deve essere gettato via quando inizia la fase di progettazione incentrata sull'utente effettiva.
• Per testare l'esperienza con gli utenti . Mettere i prototipi di fronte agli utenti è una parte importante di ciò che facciamo come designer quando sosteniamo la migliore esperienza utente possibile. Prima puoi raccogliere feedback per correggere la rotta, meglio è. I prototipi per i test degli utenti tendono ad essere un po' più raffinati, sebbene i prototipi di carta funzionino bene anche quando il prodotto è nelle sue fasi iniziali. Il prototipo deve essere robusto quanto la complessità delle attività che stai assegnando agli utenti durante la sessione di test.
• Dimostrare un concetto internamente . A volte un prototipo viene utilizzato solo come prova interna del concetto: hai un'idea e vuoi assicurarti che funzioni davvero o sembri a posto. Un rapido prototipo ti aiuterà a valutare l'idea con più parti interessate prima di investire tempo e fatica nella progettazione dell'intero prodotto o funzionalità.
• Per testare logica e fattibilità . In alcuni casi, il team ha davvero bisogno di verificare se una funzionalità è fattibile prima di passare allo sviluppo. Il prototipo può funzionare come un documento vivente, da utilizzare nelle discussioni tra designer e sviluppatori, nonché come ambiente sandbox per testare idee e integrare funzionalità.

Il diagramma sopra può darti un vantaggio nella definizione degli obiettivi per il tuo prototipo. Ma tieni presente che il livello di fedeltà varierà a seconda del contesto. Mettere un prototipo a bassa fedeltà davanti a utenti e clienti è perfettamente normale, soprattutto se stai cercando un feedback iniziale su un concetto.

3. Comprendere i requisiti

Una volta definito l'obiettivo di alto livello del prototipo, è il momento di esaminare questioni più specifiche che informeranno la tua decisione, come quelle relative a software, hardware, tempi e risorse.

Un errore comune che i designer commettono all'inizio di un progetto è quello di saltare direttamente al loro strumento di prototipazione preferito, senza perdere tempo per incontrare il team e discutere il contesto in cui il prototipo verrà costruito, condiviso e visualizzato. Cambiare idea sarà difficile se hai investito molte ore nella costruzione di una prima versione del prototipo.

Incontra il tuo team e rispondi ad alcune delle domande seguenti. Coinvolgere project manager, designer e sviluppatori nella discussione: il gruppo nel suo insieme dovrà rispondere alla maggior parte delle domande nell'elenco, prendendo in considerazione requisiti come tempistica, budget, competenze e compatibilità tecnica.

A seconda di come sono configurati i diversi fattori, un prototipo può assumere forme diverse. Ad esempio, potresti riuscire a farla franca con schizzi a mano e wireframe. In alcuni casi, andrà bene una combinazione HTML e CSS non lucidata e modificata. In altri casi, dovrai creare un prototipo più ricco e raffinato per capire davvero se e come funzionerà una determinata interazione.

Ambito: flussi di prototipazione e interazioni

Domande comuni:

• Stai cercando di dimostrare un flusso con una serie di passaggi o rappresenti un'interazione più contenuta?
• Qual è la parte più importante del flusso o dell'interazione di cui hai bisogno per creare un prototipo per far passare l'idea? Qual è la dimensione dello schermo in cui avverrà quell'esperienza?

Il mondo degli strumenti di prototipazione può essere facilmente suddiviso in due gruppi: strumenti che consentono di emulare i flussi utente e strumenti più focalizzati sulla rappresentazione di interazioni specifiche.

Se stai cercando di raccontare una storia sul tuo prodotto o su come lo sperimenteranno gli utenti, la prototipazione di un flusso potrebbe essere un approccio migliore. In tal caso, strumenti come InVision, Axure e Keynote sono estremamente potenti per aumentare l'efficienza e far sentire il prototipo connesso alla storia che stai cercando di raccontare.

Se stai cercando di rappresentare un'interazione unica e approfondita e desideri utilizzare il prototipo come un modo tangibile per spiegare il suo comportamento alle parti interessate e ai membri del team, allora potresti concentrarti su un gruppo diverso di strumenti. Framer, Principle, Pixate e Origami sono in cima alla lista.

Considerazioni:

• capacità di emulare un flusso
• livello di fedeltà e interattività consentito dallo strumento
• dispositivi supportati

Fedeltà: definizione del flusso di lavoro e polacco visivo

Domande comuni:

• Hai intenzione di utilizzare wireframe o modelli visivi come punto di partenza?
• Gli schermi devono ancora essere progettati?
• La stessa persona è responsabile della progettazione e della prototipazione?
• Il tuo team dovrà prima o poi cedere il prototipo a un altro team?
• Qual è l'aspetto e le sensazioni attese del prototipo finale?

Alcuni strumenti di prototipazione ti consentono di progettare e creare allo stesso tempo, mentre altri sono più focalizzati sull'importazione di risorse esistenti, come wireframe o schede visive, nell'area di disegno.

Prenditi del tempo per parlare con il tuo team del processo di progettazione previsto. In alcuni casi, il prototipo dovrà essere costruito in base alle risorse esistenti (ad esempio, il team potrebbe aver già simulato le composizioni visive per l'interfaccia utente) e tutto ciò che il progettista dovrà fare è collegare i modelli insieme in un flusso coerente o narrativa. Diversi strumenti là fuori sono più focalizzati sul collegamento di schermate e sull'emulazione delle interazioni mentre l'utente attraversa il flusso. InVision e Keynote ne sono un buon esempio.

In altri casi, lo stesso membro del team dovrà progettare l'interfaccia utente e creare il prototipo allo stesso tempo . Essere in grado di iterare simultaneamente su questi due aspetti del design consentirà un risultato più raffinato e interattivo alla fine della fase di prototipazione. In questo caso, cerca uno strumento che vada oltre il semplice collegamento e che ti permetta di progettare anche l'interfaccia utente.

Inoltre, considera il livello di raffinatezza visiva necessaria. Uno strumento come Axure o UXPin potrebbe rendere il risultato finale simile a un wireframe, mentre altri consentono un prodotto finale visivamente più perfetto per i pixel. Alcuni team di progettazione scelgono di accoppiare strumenti che interagiscono perfettamente per ottenere lo stesso risultato (ad esempio, Sketch per la progettazione e InVision per la prototipazione). Assicurati che gli strumenti che scegli forniscano un'integrazione automatizzata, per farti risparmiare tempo e fatica ogni volta che il prototipo deve essere aggiornato.

Considerazioni:

• funzionalità di collaborazione (condivisione, condivisione dal vivo, commenti e feedback)
• integrazione con altri software nel tuo flusso di lavoro (come Photoshop, Sketch)
• livello di fedeltà richiesto (design wireframe o pixel-perfect)

Risorse: mappatura del set di abilità richiesto

Domande comuni:

• Chi creerà il prototipo?
• Quali sono le competenze software della persona e quanto velocemente possono lavorare?
• Se non sanno come utilizzare uno strumento particolare, quanto velocemente possono imparare? Sono disposti a farlo?
• Quanti designer collaboreranno al prototipo?

Sfruttare le competenze software del tuo team farà risparmiare molto tempo, ma assicurati che ciò non impedisca alla tua organizzazione di testare nuovi strumenti e incorporarli nel processo di progettazione. Gli strumenti di prototipazione stanno diventando sempre più facili da imparare e utilizzare; i progettisti possono essere meno interessati dalla curva di apprendimento e più dal fatto che lo strumento sia adatto al lavoro.

Mappa con il tuo team quali strumenti sanno già come utilizzare e fai alcune ricerche online per vedere quali sono gli strumenti più semplici da imparare. Incoraggia il tuo team a imparare e giocare con il maggior numero possibile di strumenti di prototipazione: la varietà di scelte e la flessibilità delle competenze del tuo team ti saranno utili quando dovrai scegliere lo strumento migliore per il tuo prossimo progetto.

Considerazioni:

• curva di apprendimento
• facilità d'uso
• velocità

Contesto: definizione del pubblico e dell'utilizzo

Domande comuni:

• Chi è il pubblico del tuo prototipo? Chi deve poter interagire con esso e dare feedback?
• In quale mezzo deve essere visualizzato il prototipo? Su quale dispositivo? In che contesto?
• Hai intenzione di guidare il pubblico attraverso il prototipo o semplicemente inviare un link tramite e-mail? Nel primo caso, la procedura dettagliata avverrà di persona, sarà condotta online tramite condivisione dello schermo o sarà autodiretta?

Se stai mettendo insieme un prototipo mobile e intendi sederti accanto a uno stakeholder in una riunione per spiegare l'idea, allora dovrai avere la giusta combinazione di software (uno strumento che consente prototipi mobili) e hardware (un telefono che soddisfa le vostre specifiche). Un ambiente più controllato come questo non richiede il potenziamento dell'intero flusso, risparmiando tempo e fatica.

Ma la combinazione potrebbe essere completamente diversa se si prevede di utilizzare lo stesso prototipo per eseguire test di usabilità asincroni e remoti con utenti in tutto il paese che non hanno idea di cosa faccia o aspetto il prodotto. In questo caso, potresti aver bisogno di un prototipo più funzionale e a prova di proiettile che consenta un'esperienza autoguidata.

Considerazioni:

• dispositivi supportati
• esperienza di click-through autoguidata
• facilità di condivisione e acquisizione del feedback

Rispondere alle domande precedenti ti aiuterà a comprendere il contesto di utilizzo e definire alcuni requisiti di base per il prototipo. Disegna un elenco, assicurandoti di includere i requisiti per tutti e quattro i gruppi sopra identificati: ambito, fedeltà, risorse e contesto . La prossima cosa che vorrai fare è verificare se gli strumenti che stai considerando offrono le funzionalità di cui hai bisogno.

4. Valuta gli strumenti

Ogni mese escono nuove applicazioni, ognuna delle quali promette di risolvere tutti i problemi che le precedenti non potevano. La realtà è che quando lavori in questo settore da più di 10 anni, quella storia diventa ripetitiva e inizi a vedere lo schema in questi annunci.

Dopo aver esaminato l'elenco iniziale di domande con il tuo team, è il momento di esaminare i potenziali strumenti. Semplicemente rispondendo alle domande del passaggio 3, sarai in grado di eliminare rapidamente alcune opzioni e creare un elenco ristretto per un'analisi più approfondita.

Per ogni strumento nella tua lista, valuta quanto segue:

• Piattaforma e canali . Stai prototipando un sito web o un'app? È un'esperienza desktop o mobile? Hai bisogno di un'interfaccia reattiva e come si comporterà su tutte le dimensioni dello schermo? Alcuni strumenti ti daranno maggiore flessibilità nel fornire un'esperienza attraverso i canali, mentre altri sono più mirati.
• Fedeltà . Che livello di lucidatura consente lo strumento? Lo strumento ti consente di creare prototipi basati su wireframe rapidi e non lucidati? Puoi importare modelli visivi e animarli?
• Condivisione e collaborazione . Lo strumento fornisce il livello di collaborazione di cui hai bisogno? Si integra perfettamente con gli altri strumenti di progettazione e comunicazione utilizzati dal tuo team? Sei in grado di condividere facilmente i lavori in corso online?
• Curva di apprendimento . Qualcuno del tuo team sa come utilizzare lo strumento? Quanto devono essere competenti per creare il prototipo di cui hai bisogno? Quanto è intuitivo lo strumento? Sono richieste conoscenze di programmazione o di programmazione?
• Prezzo . Possiedi una licenza per il software? Quanto sei disposto a pagare? Se lo strumento viene venduto in piani a più livelli, qual è quello giusto per il tuo progetto?

5. Facciamolo!

A questo punto, probabilmente hai ristretto le opzioni a una o due. Il prossimo passo è raggrupparsi con la tua squadra, prendere una decisione finale e dare il via al lavoro. Di solito, la chiamata finale si baserà sulla tempistica e sui costi, ma l'esecuzione del processo qui elencato garantirà che tutti i criteri siano presi in considerazione.

La discussione che il tuo team ha sul miglior strumento di prototipazione ti allineerà su argomenti che vanno ben oltre il risultato finale stesso, come flusso di lavoro, processo, ruoli e responsabilità.

Inoltre, esegui un rapido esercizio post mortem dopo il progetto. Discuti con il tuo team di cosa ha funzionato e cosa no con lo strumento che hai scelto. Nel tuo prossimo progetto, sarai sicuramente in grado di saltare un paio di passaggi nel processo di scelta dello strumento giusto.

Rimettiamo la "U" in UX

Un ultimo consiglio: non cadere nella trappola di imparare tutti i più recenti e migliori strumenti di prototipazione là fuori. Ci sono semplicemente troppe opzioni. Sii premuroso su quelli che scegli e sii intelligente su come investi il ​​tuo tempo nell'imparare a usarli.

In un'era in cui i prodotti vengono valutati in base a quanto soddisfano le esigenze degli utenti, dedicare troppo tempo ed energie allo strumento di prototipazione stesso potrebbe distrarti da ciò che è veramente importante nel tuo lavoro. Dopotutto, passare ore a creare e perfezionare una determinata interazione sarà inutile se la funzionalità che stai cercando di creare non risolve un'esigenza dell'utente legittima e comprovata dalla ricerca.

Per un elenco completo degli strumenti di prototipazione, consulta la sezione Strumenti UX di UX Design.

Grazie a Greg Siegal, Eugene Ahn e Caio Braga per il loro contributo a questo articolo.