Come dovrebbero usare i wireframe i product manager?
I wireframe sono spesso trascurati mentre corriamo verso il rilascio di nuove funzionalità, ma possono essere uno strumento importante per i product manager per raccogliere feedback, generare idee rapidamente e prototipare flussi di lavoro complessi senza troppe complicazioni.
Ho diviso la mia carriera tra il product management e la UX design e ho scoperto che i wireframe sono uno strumento prezioso nel processo di progettazione di un prodotto. Sebbene siano perfetti per visualizzare idee e creare prototipi a bassa fedeltà, sono anche ottimi per costruire allineamento tra i vari team.
Cos’è un Wireframe?
Balsamiq, creatori di uno dei più popolari strumenti per wireframing sul mercato, definiscono un wireframe come “uno schema o una planimetria” che aiuta te e i tuoi colleghi a riflettere sulla struttura di ciò che state creando.
Vuoi di più da The CPO Club?
Iscriviti gratuitamente per completare la lettura di questo articolo:
Have an account? Log In
Approfondiamo un po' di più questa definizione. Come una planimetria, un wireframe serve a gettare le fondamenta del prodotto finale, che si tratti di pagine web, app mobile o applicazioni web sofisticate.
Invece di concentrarsi sui dettagli minuziosi dell’interfaccia, come colori, font e stili, il wireframe sposta l’attenzione sulle questioni strutturali più importanti come layout, architettura dell’informazione e funzionalità principali. Gli elementi di design sono sicuramente rilevanti, ma focalizzarsi troppo presto su di essi può distogliere dall’individuare grandi problemi strutturali che diventano ostacoli più avanti nel processo di sviluppo del prodotto.
Una caratteristica importante di un buon wireframe è che sia a bassa fedeltà, il che significa che può essere davvero semplice come delle scatole in uno strumento di collaborazione per la progettazione, o persino un disegno su una lavagna o scarabocchi sul retro di un tovagliolo. Si usano molto i segnaposto per elementi dell’interfaccia come foto e testo, poiché ci si concentra sull’impostazione generale della pagina piuttosto che sui dettagli specifici dei contenuti.
I wireframe non devono essere perfetti: sono pensati per essere grezzi e agili.
I product manager comprendono l’importanza di comunicare significato e spesso il metodo più semplice è il migliore.
Le immagini valgono più di mille parole, specialmente quando si lavora con sviluppatori all’estero e si devono superare le barriere linguistiche… avere effettive possibilità di click permette alle persone di fornire feedback e previene malintesi fin dalle prime fasi.
Chi li usa?
I wireframe sono un ottimo strumento di product management perché fungono da ponte nelle numerose conversazioni multidisciplinari in cui si trovano spesso i PM.
Tutti i membri di un team di prodotto, inclusi product manager, designer e sviluppatori, possono beneficiare del processo di wireframing.
Invece di basare tutta la comunicazione su parole che possono essere fraintese, un wireframe offre un modo rapido per vedere l’intento che si vuole raggiungere. Mostra agli altri ciò che intendi, invece di provarlo solo a spiegarlo a parole.
Più vario è il feedback che ricevi sul wireframe, più idee sarai in grado di valutare — che sia il product manager, il designer o lo sviluppatore a creare il wireframe, poco importa, finché tutti lo usano come base per costruire collaborazione.
Chi è responsabile dei wireframe?
In alcune organizzazioni, capire chi sia "responsabile" della creazione dei wireframe può causare confusione. Se il tuo team ha dei designer, ti consiglio di parlarne insieme per decidere chi dovrebbe essere responsabile della creazione del wireframe. Alla fine dovrebbe essere uno strumento utilizzato da tutti: è solo un altro modo per comunicare chiaramente le idee e rafforzare la squadra.
Non solo per stakeholder interni
Poiché i wireframe sono considerati a bassa fedeltà e poco rifiniti, può sembrare che siano destinati esclusivamente alla comunicazione interna, ma non dimenticare che sono anche un ottimo modo per alimentare le conversazioni con clienti, tester e altri stakeholder esterni.
Perché i Product Manager Dovrebbero Usare i Wireframe?
I Wireframe Semplificano la Tua Comunicazione
Il vecchio adagio “un’immagine vale più di mille parole” è proprio vero! La scrittura è spesso indicata come una competenza fondamentale per i product manager, e sono pienamente d’accordo! Tuttavia, per abitudine, può spesso essere il nostro metodo di comunicazione predefinito anche quando esistono modi più semplici. Realizzare rapidamente un wireframe può farti risparmiare molto tempo che altrimenti spenderesti a rifinire le parole.
I Wireframe Ti Aiutano a Comprendere Flussi Utente Complessi
I wireframe ti forniscono un modo concreto per esplorare idee che devi trasformare in user story o requisiti. Vincoli nascosti diventano più visibili, nuove opportunità che potrebbero essere state trascurate si presentano quando inizi a immaginare una soluzione in modo più tangibile.
I Wireframe Sono Economici
Una cosa fantastica dei wireframe è che offrono a te e al team di sviluppo una possibilità molto leggera di testare le idee senza dover investire troppo in design ad alta fedeltà o codice di qualità di produzione.
Se ti trovi davanti a qualcosa che sembra complicato o addirittura rischioso da sviluppare, scegli la via economica e crea dei wireframe veloci per fare dei primi test di usabilità. Può essere tutto ciò che serve per valutare davvero se vale la pena investire in un’idea oppure no.
Un’Altra Competenza per Far Crescere la Tua Carriera nel Product Management
Avere una solida comprensione delle migliori pratiche di user experience è una delle competenze tecniche fondamentali per un product manager, quindi prendere confidenza con i wireframe come ulteriore strumento è un ottimo modo per perfezionare le tue competenze spendibili nel product management.
Le tue abilità nei wireframe possono mostrare ai potenziali datori di lavoro che sai come passare dai concetti ai prodotti reali.
Come Possono i Product Manager Usare Efficacemente i Wireframe?
User Testing e Riscontri dagli Stakeholder
Ottenere una validazione delle proprie idee il prima possibile è sempre una buona pratica. I wireframe rendono le idee più concrete e facilitano il processo per ricevere feedback da parte degli altri durante le attività di ricerca utente. Questo è vero sia che tu stia raccogliendo feedback da stakeholder interni, sia che tu stia parlando direttamente con gli utenti.
Non lasciare che il fatto che sembrino incompleti ti trattenga dal cercare feedback su di essi. Le persone apprezzeranno che cerchi il loro contributo nelle prime fasi del processo di progettazione del prodotto.
I Wireframe Danno Contesto alle Tue Specifiche
Molti degli attuali strumenti di progettazione prodotto e wireframing più diffusi hanno integrazioni incorporate per collegare user story e requisiti direttamente alle versioni più recenti dei tuoi wireframe. Includere elementi visivi nelle tue specifiche e user story può aiutare a portare un contesto aggiuntivo alle tue parole, quindi non dimenticarli.
Best Practice
- Mantienilo semplice: Utilizzare i wireframe in modo efficace significa non investire troppo tempo per farli sembrare perfetti: non dovresti puntare a un wireframe ad alta fedeltà. Se ti accorgi di passare troppo tempo a perfezionare il risultato nel processo di wireframing, prenditi una pausa e torna sull’idea con una mente fresca. Ricorda che stai cercando di capire come si combinano i grandi pezzi di un’idea. I dettagli fini possono arrivare più avanti man mano che iteri.
- Incoraggia gli altri a usare i wireframe: Può essere difficile descrivere le complessità dei flussi di lavoro di un prodotto. Incoraggia gli altri a mostrarti ciò che intendono usando i wireframe, così potrete costruire questa abitudine insieme. Scoprirai che è più semplice discutere di design di interazione complesso o problemi tecnici quando tutti usate un supporto visivo per guidare la conversazione in tempo reale.
Quali Strumenti di Wireframing Posso Utilizzare?
Il mio primo consiglio è di controllare cosa hai già a disposizione. La carta va benissimo quando hai bisogno di abbozzare un’idea velocemente, ma quando vuoi creare qualcosa che puoi facilmente aggiornare e condividere con gli altri, fortunatamente non mancano ottimi strumenti.
Con molti elementi UI già pronti, che puoi trascinare e rilasciare, questi strumenti ti fanno risparmiare molto tempo. La maggior parte offre anche dei template da cui partire, così sia i principianti sia gli esperti di wireframing possono iniziare in fretta.
Alcuni strumenti sono specifici solo per il wireframing, mentre altri strumenti di UI design usati per creare mockup interattivi più sofisticati possono comunque essere utilizzati. Ecco solo una piccola selezione di strumenti che puoi esplorare:
- Balsamiq: Uno degli strumenti di wireframing più antichi e popolari è Balsamiq. Mantengono volutamente i loro strumenti e le loro visualizzazioni semplici, così puoi concentrarti di più sulla funzionalità che vuoi sviluppare invece di farti distrarre dallo stile.
- Figma: Anche se Figma è un ottimo strumento per realizzare asset di design visivo complessi, può essere utilizzato facilmente anche per creare layout e wireframe più semplici.
- Miro: Anche se non è propriamente uno strumento di design, Miro adotta un approccio molto più libero permettendo di utilizzare vari strumenti, dai post-it alle mappe mentali. Con alcune funzionalità di wireframing già integrate, può essere un modo semplice per iniziare a creare wireframe a bassa fedeltà.
- Framer – Se hai bisogno di qualcosa in più rispetto ai soli wireframe statici, Framer ti consente di costruire prototipi interattivi con animazioni e transizioni. È un’ottima opzione per i team che vogliono testare le interazioni degli utenti già nelle prime fasi del processo di design.
P.S., Dai un’occhiata alle alternative a Framer e altri strumenti software di wireframing. - Lavagna Se sei in ufficio, non dimenticare che uno schizzo veloce su una lavagna, insieme ai colleghi, può essere un modo rapido ed efficace per sviluppare un'idea! Lavori da remoto? Gli strumenti menzionati sopra sono perfetti per collaborare virtualmente!
Lettura correlata: 10 migliori strumenti di wireframing per progettare app e siti web
I Wireframe Possono Renderti Un Product Manager Migliore
Essere versatili negli approcci e negli strumenti che utilizzi ti renderà sempre un product manager sicuro e rispettato. I wireframe sono uno strumento importante nella tua cassetta degli attrezzi, quindi non dimenticare di usarli per aiutarti a comunicare pensieri e idee e per raccogliere feedback tempestivi e frequenti.
Considerare il wireframe come uno strumento di comunicazione elimina il peso di chi lo possiede e concentra le energie su ciò che conta di più: costruire allineamento tra i tuoi team, raccogliere e condividere feedback e portare chiarezza a chi lavora con te.
Per ulteriori approfondimenti e consigli su come sviluppare le tue competenze come product manager, iscriviti alla newsletter di The CPO Club.
Lettura correlata: Product manager nella trasformazione digitale: come farlo funzionare
Guarda anche: I migliori strumenti di mockup per product manager
