RIEPILOGO: seguire un metodo organizzato suddiviso in 6 passaggi principali e chiedere feedback e approvazione al cliente è l'unico modo per realizzare un progetto di design di successo.
Quando abbiamo avviato glueglue come agenzia di design ux più di dieci anni fa, abbiamo preso molte decisioni, soprattutto durante i primi progetti, che si basavano più sull'intuizione che sulla logica. Questo probabilmente perché il nostro lavoro ha una componente creativa che permea naturalmente ogni area. Sebbene ciò possa essere considerato una cosa positiva, nel corso degli anni ci siamo trovati a lottare per sovvertire tale strategia e definire un approccio ben strutturato per il processo di progettazione.
Il nostro metodo di lavoro è in continua evoluzione attraverso i successi e gli errori sempre presenti che sperimentiamo quasi ogni giorno in agenzia.
Abbiamo testato e provato molti approcci diversi e li abbiamo raggruppati in 6 aree principali. Seguiamo questa linea guida durante la maggior parte dei kickoff dei progetti.
1 Briefing
Questo è il primo momento in cui esplori gli obiettivi e la visione del cliente per il progetto. Fiduciosamente. Non è raro incontrare aziende che vogliono iniziare qualcosa senza avere un'idea chiara in testa. Probabilmente perché c'è qualcuno nel management che spinge per agire finalmente. State molto attenti perché questo passaggio cruciale e delicato determina una precisa aspettativa del vostro coinvolgimento.
Si prega di non chiudere la riunione semplicemente osservando che l'obiettivo del design è solo quello di "fare un restyling del sito Web" o "aumentare le vendite".
È fondamentale che l'output finale della prima fase sia definito da un obiettivo comune semplice e diretto. Sarà un chiaro punto di riferimento durante ogni fase dell'intero progetto facilitando la valutazione del tuo lavoro alla fine del gioco.
Se non approfondisci l'analisi dello stato attuale e nomini i veri obiettivi, probabilmente rimarrai bloccato in un gioco difficile da vincere. Non aver paura di porre domande, questo è l'unico modo per ottenere un briefing ben strutturato.
2 ricerca
Alcune agenzie o professionisti spesso trascurano questa parte del processo di progettazione. Forse vogliono solo fare qualcosa di unico o perché non vogliono essere troppo influenzati da altri progetti mentre prendono decisioni. In base alla mia esperienza, posso dire onestamente che tutti i progetti che hanno trascurato la fase di ricerca hanno portato a molte più iterazioni e revisioni rispetto a quelli che l'hanno vista come una parte cruciale del processo.
Questo non significa guardare solo i prodotti della concorrenza. Osservare più da vicino i diversi mercati e modelli è ciò che può fare la vera differenza.
Piaccia o no, siamo sempre influenzati da ciò che usiamo e vediamo ogni giorno intorno a noi. Avere il controllo su queste decisioni è produttivo in termini di anticipazione degli errori e risoluzione rapida dei problemi che altri hanno già risolto. Questo non significa guardare solo i prodotti della concorrenza. Osservare più da vicino i diversi mercati e importare nuovi modelli e strutture di design potrebbe fare la vera differenza.
Qui a glueglue, abbiamo definito il nostro metodo di revisione dell'esperienza utente basato sulla valutazione euristica. È incredibilmente utile quando dobbiamo migliorare un prodotto digitale che è già sul mercato. Il metodo analizza 10 aree assegnando a ciascuna di esse un punteggio. Questo ci aiuta a risparmiare tempo e fatica concentrandoci su ciò che è veramente importante. Nel complesso, avere una visione ampia e ampia è la chiave. Di recente mi sono ispirato a un'app di pianificazione delle riunioni per progettare un nuovo sistema di prenotazione dei viaggi.
3 wireframe
La terza fase del processo di progettazione potrebbe essere vista come inutile o dispendiosa in termini di tempo, ma direi che è totalmente l'opposto. L'obiettivo di questo passaggio è definire le caratteristiche e le funzionalità del tuo prodotto digitale, capire quali sono i modelli migliori da utilizzare e sperimentare diverse soluzioni senza perdere troppo tempo sui dettagli.
Qui dobbiamo concentrarci prima sulle strutture e le caratteristiche del layout piuttosto che sull'estetica...
Probabilmente inizierai semplicemente facendo degli schizzi (guarda l'immagine sopra di una disordinata sessione di wireframing allo studio di colla e colla 😉) e poi utilizzerai Sketch o il tuo strumento di progettazione preferito per concepirli digitalmente e condividerli con il cliente. Perché? Perché devi assolutamente ottenere un feedback preciso e capire se sei sulla stessa pagina prima di iniziare ad affrontare la parte visiva. Di solito presento i miei wireframe con qualcosa del tipo "sono brutti di proposito, dobbiamo concentrarci sulle strutture di layout e prima le caratteristiche piuttosto che l'estetica…'
4 design
La parte divertente che ogni designer non può aspettare dall'inizio di un progetto. Se non hai saltato un passaggio lungo la strada, dovrebbe essere un grande piacere perché il duro lavoro è già stato fatto.
Disegna almeno 3 proposte e chiedi il feedback sullo stato di avanzamento. Rendi il cliente parte del processo decisionale
Considera le linee guida del marchio per tavolozze di colori e loghi e trai ispirazione dai prodotti di altre aziende, considerando sempre che una buona interfaccia digitale dovrebbe avere il giusto equilibrio estetico e funzionale. Prova a progettare almeno 3 proposte e chiedi il feedback sullo stato di avanzamento. Rendi il cliente parte del processo decisionale.
Di solito disegno con Sketch e condivido le mie creazioni su Zeplin o Invision a seconda del tipo di prodotto su cui sto lavorando. Zeplin è ottimo per i prodotti strutturati quando ottenere feedback è lo scopo principale, mentre Invision aiuta a concentrarsi sul flusso di utenti. Le app sono in continua evoluzione aggiungendo numerose funzionalità e opzioni, quindi tieni gli occhi aperti 😉
L'obiettivo di questo passaggio è ottenere un feedback preciso sull'aspetto generale e sulla grafica per arrivare a una versione finale approvata del progetto prima di trasmetterla agli sviluppatori.
5 prototype
Questa è la fase del processo di progettazione che rende le cose chiare al 100% in termini di flusso e interazioni dell'utente. Se hai tempo (e ovviamente un budget) per produrre un prototipo completamente interattivo del tuo nuovo prodotto digitale (utilizzando, ad esempio, InVision), non te ne pentirai mai.
L'obiettivo principale qui è rappresentare le interazioni più complicate
Inoltre, i prototipi di prodotti nuovi di zecca sono un ottimo modo per testare il prodotto dagli utenti reali prima ancora di svilupparlo. Anticipa possibili errori di progettazione e introduci i miglioramenti prima di andare online. Questo può far risparmiare tempo e denaro al tuo cliente. L'obiettivo principale qui è rappresentare le interazioni più complicate ed evitare fraintendimenti con gli sviluppatori che non ti chiederanno mai: "cosa succede quando clicco qui o là?...".
6 test
Quindi, hai fatto il tuo lavoro (quasi) da quando hai il tuo prodotto vivo e lucidato. Ma le persone lo usano come previsto? La risposta che deriva dalla nostra esperienza è: probabilmente NO!
C'è un numero infinito di modi creativi in cui le persone possono interagire con un'interfaccia...
È normale, però, c'è un numero infinito di modi creativi in cui le persone possono interagire con un'interfaccia e alcune registrazioni di Hotjar possono ovviamente aiutare in questo. È uno strumento freemium che registra il comportamento degli utenti reali sul tuo prodotto digitale ed è un modo semplice ed economico per dare una prima occhiata a ciò che sta accadendo e se ci sono potenziali problemi con il prodotto stesso. Ovviamente, anche i test dal vivo sono un buona scelta ma anche molto più costosa e strutturata.
7… repeat
Abbiamo detto 6 passaggi di un processo di progettazione? Bene, questo non è uno propriamente uno step, è qualcosa che è praticamente perpetuo. Consideriamo sempre un prodotto digitale come un work in progress che non è mai finito.
Tutto cambia. Dai concorrenti alle esigenze e ai comportamenti degli utenti
Ecco perché eseguiamo rapporti di approfondimento trimestrali sui prodotti dei nostri clienti. È un ottimo modo per valutare l'introduzione di miglioramenti UX efficaci. Perché? Perché tutto cambia, dai concorrenti alle esigenze e ai comportamenti degli utenti e anche noi dobbiamo adattare il nostro prodotto se vogliamo rimanere in gioco.
Possiamo dire che questi sono i passaggi che definiscono il nostro processo di lavoro qui a glueglue. E tu? Hai qualche passaggio o dettaglio aggiuntivo che rende unico il tuo processo di progettazione? Condividete 😉