Blog

Il nostro processo di progettazione per esperienze utente straordinarie

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 😉

Le nostre risposte
alle vostre domande

Apri o chiudi
Perché scegliere glueglue?

Siamo un’agenzia di prodotto digitale con più di 10 anni di esperienza e competenze altamente specializzate sia in ambito design che sviluppo.
Nel corso del tempo, abbiamo consolidato un metodo agile ed efficace per lavorare al meglio con tutti i tipi di clienti: dalla start-up che ha bisogno di un certo tipo di supporto alla multinazionale che desidera integrare un team dotato di agilità progettuale ed esecutiva, la nostra peculiarità più apprezzata.
Ci posizioniamo in una fascia di mercato medio alta e siamo in grado di offrire un ottimo rapporto qualità prezzo. La supervisione diretta da parte dei soci fondatori di glueglue di ogni progetto garantisce un’altissima qualità del servizio e del prodotto finito. Siamo nella top list delle migliori agenzie di User Experience e prodotto digitale su Clutch, il database delle agenzie di consulenza in ambito digital più utilizzato al mondo.

Apri o chiudi
Come lavora glueglue e quali sono le aree di competenza?

Iniziamo sempre da un’attenta analisi dei bisogni del cliente considerando non solo le esigenze di prodotto ma anche gli obiettivi di business a medio e lungo termine.
Come primo step, spesso ci occupiamo dell’identità visiva, valutando il posizionamento analizzando i competitor e individuando aree di miglioramento a livello di branding e di immagine.
Successivamente, passiamo all’area UX/UI: studiamo l’esperienza utente del tuo prodotto o servizio attraverso una UX Review con 3 professionisti dedicati per individuare i punti in cui è necessario agire per migliorare l’usabilità del sito o dell’app esaminati.
Nella fase seguente, progettiamo la User Journey Map, cioè la mappa di tutti i percorsi che l’utente segue, interagendo con il prodotto e il brand. Individuare tutti i punti di contatto è di importanza strategica per calarci in situazioni d’uso reale e capire dove si può davvero creare valore per l’utente finale e quindi per il prodotto.
Si passerà poi alla fase di realizzazione dei wireframe, con la condivisione di un prototipo interattivo che andrà a definire le funzionalità e la struttura di ogni singola pagina e interazione del prodotto.
Una volta consolidati i wireframe, si passerà alla fase di design dell’interfaccia grafica, curata nei minimi dettagli in modo da assicurare un’esperienza utente positiva e realmente soddisfacente.
A questo punto, entrano in gioco i nostri sviluppatori per la parte di implementazione. Utilizziamo le tecnologie più attuali come React, Flutter, Gatsby JS, Symfony, Node.JS e altri per realizzare prodotti con alti standard di qualità e stabilità, funzionanti e pixel perfect.

Apri o chiudi
Cosa distingue glueglue dalle altre agenzie top che si occupano di design o prodotto?

Per offrire il massimo valore, il team glueglue lavora su un numero limitato di progetti. In questo modo, i nostri professionisti possono dedicare un focus ininterrotto per ottenere sempre risultati eccellenti.
Ogni progetto è gestito sulla base di precise scadenze e meeting intermedi con il cliente. Ci prendiamo cura delle esigenze e delle potenzialità uniche di ogni prodotto e di conseguenza, ogni soluzione realizzata è esclusiva e altamente personalizzata.
Grazie all’esperienza di 10+ anni nel settore digital, abbiamo messo a punto un metodo di successo per raggiungere gli obiettivi più alti nelle aree che contano: strategia, progettazione e sviluppo.

Apri o chiudi
Potete occuparvi di web design?

Lavoriamo su tutti i tipi di prodotti digitali, dalle app iOS e Android alle webapp e piattaforme complesse.
Inoltre, una parte del team è specializzato nella creazione di marketing websites, cioè di siti web totalmente focalizzati sulla promozione del prodotto o dei servizi.

Apri o chiudi
Fate anche branding o devo cercare un'altra agenzia?

Essendo un’agenzia full-service, offriamo anche servizi di branding come naming e logo design. Tra le produzioni che realizziamo per i nostri clienti, spiccano le brand guidelines, cioè il dettagliato documento di linee guida per l’immagine aziendale. Siamo totalmente a nostro agio nel lavorare su guidelines esistenti o in collaborazione con un’agenzia di branding.

Apri o chiudi
Quanto costa affidarvi un progetto digital?

Ci piace essere sempre il più trasparenti possibile e crediamo che parlare apertamente del budget sia importante per capire come ottenere un valore aggiunto dalla partnership per entrambe le parti. Premesso questo, poiché ogni cliente ha le sue peculiarità e presenta sfide differenti, non utilizziamo un listino prezzi, ma investiamo del tempo per comprendere bene la realtà del cliente e fornire un approccio specifico e un prezzo adeguato.
Indicativamente, il prezzo dei progetti di design dell’esperienza utente e di interfaccia grafica possono variare in un intervallo compreso tra i 10.000€ e i 30.000€, a seconda di vari fattori come le esigenze del cliente e la complessità del progetto.
Il costo dei progetti in area Branding si posiziona tra i 5.000€ e i 15.000€, sempre tenendo in considerazione ogni eventuale peculiarità.
Per quanto riguarda invece la parte più tecnica, il costo per lo sviluppo di web e mobile app iOS e Android va dai 20.000€ in su.
Lo sviluppo di siti web si parte da un minimo di 10.000€. La nostra tariffa oraria media per singole consulenza è di 60€ all’ora.
Se vuoi conoscerci meglio, puoi pianificare 30 minuti gratuiti su appuntamento.

Apri o chiudi
Lavorate anche con startup early stage, quindi con risorse limitate?

Certamente, noi amiamo le startup! Abbiamo conosciuto nel tempo molti imprenditori illuminati e di grande talento.
Abbiamo investito in alcune startup, prediligendo il work for equity. La nostra esperienza è stata sempre positiva, contribuendo al raggiungimento di vari round di investimenti per un valore complessivo di oltre 30 milioni di Euro.

Parliamo di una partnership

Prenota una consulenza gratuita di 30 minuti (o anche di più se c'è feeling!)

Prenota ora