Salta al contenuto
Web · UX research · Wireframing

UX research e wireframing

Prima di scegliere colori, font e immagini, capiamo chi userà il sito, perché lo userà e cosa cerca davvero. Interviste agli utenti reali, analisi dei dati esistenti, mappe di navigazione e wireframe navigabili: il design grafico arriva dopo, sopra fondamenta solide.

  • Preventivo in 48h
  • Interviste utenti reali
  • Wireframe navigabili
180 + progetti dal 2008
5/5 su 82 recensioni Google
50+ percorsi utente disegnati
Google Partner certificati dal 2018
Una piccola introduzione

Cos'è la UX research e perché viene prima del design grafico

La UX research è il lavoro di ascolto e analisi che si fa prima di disegnare il sito: interviste agli utenti reali, analisi dei dati che hai già (Analytics, Search Console, customer support), studio di come si comportano i visitatori sul sito attuale. Il wireframing è il passo successivo: disegniamo le pagine in scala di grigi, senza colori e immagini, per concentrarci sui contenuti e sui percorsi prima della grafica.

Perché serve davvero: il design grafico fatto sopra a delle ipotesi è la causa numero uno di siti rifatti dopo 12-18 mesi. La UX research è un investimento contenuto, rifare il sito costa molte volte di più. Trovare un errore di flusso in fase di wireframe costa una mattina, trovarlo dopo che il sito è online costa settimane.

Da Vicenza dal 2008 con oltre 180 progetti consegnati: nei progetti più strutturati la fase di UX research è la prima settimana di lavoro. Ti diciamo prima del preventivo se nel tuo caso serve un workshop intero o bastano tre interviste mirate.

Esempi tipici

Tre esempi di intervento, in settori diversi

Esempio · settore B2B servizi

Sito di una società di servizi (settore consulenza)

5 interviste con clienti reali e 3 con commerciali interni. Mappa di flusso del processo di richiesta preventivo, riduzione del modulo di contatto da 12 a 5 campi, riorganizzazione del menù principale. Aumento del tasso di compilazione del form.

+45% form compilati
Esempio · settore e-commerce moda

Sito di un brand artigianale (settore tessile)

Analisi delle ricerche interne, heatmap del checkout, 6 interviste con clienti che hanno abbandonato il carrello. Riprogettazione del flusso di pagamento con login opzionale e wireframe testati su 5 utenti reali prima del design.

-32% abbandoni in checkout
Esempio · settore servizi professionali

Sito di uno studio professionale (settore legale)

Workshop con il team, interviste a 5 clienti, analisi delle parole chiave più cercate. Riorganizzazione completa dell'architettura del sito intorno ai problemi reali del cliente, non ai servizi dello studio. Wireframe approvati prima della grafica.

+60% tempo medio sul sito
Cosa includiamo

Cosa contiene un progetto di UX research e wireframing

Un percorso strutturato, non una serie di slide.

Interviste e ascolto utenti

5-8 interviste con utenti reali del tuo prodotto.

Parliamo direttamente con i clienti del tuo prodotto o servizio: qualche domanda aperta, l'osservazione di come usano il sito attuale, l'ascolto di obiezioni e dubbi. Niente questionari da 50 domande: 30 minuti per intervista, 5-8 interviste per coprire i ruoli principali.

  • 5-8 interviste con clienti reali
  • Domande aperte, niente questionari rigidi
  • Osservazione dell'uso del sito attuale
  • Sintesi con i punti ricorrenti emersi

Analisi dei dati esistenti

Cosa fanno gli utenti già oggi.

Studiamo Google Analytics, Search Console, log del customer support, recensioni online, conversazioni con il team commerciale. Da qui escono pattern di comportamento, ricerche frequenti, ostacoli ricorrenti. Spesso il dato è già lì, basta saperlo leggere.

  • Analisi dei flussi attuali in Analytics
  • Ricerche frequenti in Search Console
  • Ricorrenze nelle email del customer support
  • Recensioni online e feedback diretti

Mappa di navigazione e percorsi utente

Disegniamo l'albero del sito prima del design.

Mappa delle pagine, gerarchia, percorsi che gli utenti fanno per arrivare a un'azione (acquisto, contatto, prenotazione). Identificazione dei punti di abbandono e delle leve per ridurli. Tutto su carta o tool dedicati, niente Photoshop ancora.

  • Albero del sito completo (information architecture)
  • 3-5 percorsi utente principali disegnati
  • Punti di abbandono identificati
  • Leve di conversione mappate per ogni percorso

Wireframe navigabili

Prototipo cliccabile prima del design grafico.

Disegniamo i template chiave (home, categoria, dettaglio prodotto, checkout, contatto) in scala di grigi, con i contenuti reali e i pulsanti funzionanti. Tu ci clicchi sopra, ti accorgi prima di cosa funziona e cosa no. Il design grafico arriva dopo, sopra a fondamenta condivise.

  • Wireframe dei 5-10 template chiave
  • Versioni mobile e desktop
  • Prototipo navigabile (Figma)
  • Sessione di test con utenti reali sui wireframe
Il problema

Cosa succede senza UX research a monte

Pattern che vediamo nei progetti rifatti dopo 12-18 mesi:

  • Sito disegnato sulle preferenze del titolare, non su quelle dei clienti reali
  • Menù pieno di voci che nessuno cerca, mentre quello che cercano davvero è nascosto
  • Form di contatto da 12 campi che fa scappare 8 persone su 10
  • Checkout che richiede registrazione obbligatoria, abbandono al 60% prima del pagamento
  • Testi pieni di gergo aziendale che il cliente finale non capisce
  • Design rifatto da zero ogni 2 anni perché i flussi non funzionano
  • Costo totale di un sito rifatto tre volte quello di uno fatto bene la prima

Il nostro approccio: ascoltiamo gli utenti veri, validiamo i flussi sui wireframe, il design grafico arriva sopra fondamenta testate.

I vantaggi

Cosa ti porta una UX research fatta bene

Quello che ti porti a casa

Risultati concreti per business e progetto:

  • Sito che fai una volta sola, fatto bene, niente rifacimento dopo 18 mesi
  • Conversioni più alte perché i percorsi sono allineati al cliente reale
  • Form più corti e meno abbandoni in checkout o richiesta preventivo
  • Menù più chiaro, gli utenti trovano subito quello che cercano
  • Decisioni di design basate su dati, non sulle preferenze personali
  • Risparmio sui costi di sviluppo, gli errori si trovano prima del codice
  • Documentazione utile anche per il marketing e il customer support
Come lavoriamo

Le 4 fasi della UX research e del wireframing

1. Discovery e analisi dati

Settimana 1.

  • Kickoff con stakeholder del cliente
  • Analisi Analytics e Search Console
  • Lettura recensioni e feedback esistenti
  • Sintesi punti caldi da approfondire

2. Interviste utenti

Settimana 1-2.

  • Reclutamento 5-8 utenti reali
  • Interviste da 30 minuti
  • Osservazione uso sito attuale
  • Sintesi dei pattern ricorrenti

3. Architettura dell'informazione

Settimana 2-3.

  • Mappa del sito e gerarchia
  • 3-5 percorsi utente disegnati
  • Identificazione punti di abbandono
  • Sign-off del cliente sull'architettura

4. Wireframe e test

Settimana 3-4.

  • Wireframe dei template chiave (mobile e desktop)
  • Prototipo navigabile su Figma
  • Test con 3-5 utenti sui wireframe
  • Hand-off al designer grafico per il visual
Strumenti

Strumenti di UX research e wireframing

Best-in-class per il caso, niente tool esotici per impressionare:

  • Figma per wireframe, prototipi e collaborazione con il cliente
  • Google Analytics 4 + Search Console per i dati di comportamento
  • analytics comportamentale per heatmap e registrazioni di sessione
  • Maze per i test sui prototipi a distanza
  • Miro / FigJam per le mappe di flusso e i workshop con il cliente
Tecnologie

Stack di UX research che usiamo

Risultati

Cosa garantiamo come output

Quello che ti consegniamo a fine progetto:

  • Report di research con sintesi delle interviste e dei dati
  • Mappa del sito e architettura dell'informazione
  • Prototipo navigabile dei template chiave (Figma)
  • Documentazione per il design grafico e per lo sviluppo
  • Hand-off al team di design o sviluppo (interno o esterno)
  • Personas sintetiche basate sugli utenti reali intervistati
Domande & risposte

FAQ

Quanto costa la UX research?

Servizio su misura: il preventivo dipende dalla complessità dei requisiti, dalle integrazioni con sistemi terzi (CRM, gestionale, API esterne), dal volume di test richiesto e dal livello di SLA in manutenzione. Prima cosa che facciamo è una discovery call gratuita di 30-45 minuti per capire scope e contesto, poi mandiamo un preventivo scritto entro 48-72 ore. Niente listini standard.

Quanto tempo richiede?

Una research base si chiude in 3-4 settimane. Una research strutturata con tante interviste e test sui wireframe può richiedere 5-7 settimane. Tempi precisi dopo lo scoping iniziale.

Possiamo farla solo per il restyling, senza rifare tutto?

Sì. Spesso i clienti ci chiamano per la sola fase di research e wireframe, e poi affidano la realizzazione a un altro fornitore (anche interno). Lavoriamo bene anche in modalità di sola consulenza.

Le personas sono ancora utili?

Sì, se costruite sulle interviste vere e non inventate dietro a un tavolo. Una persona basata su 5 colloqui reali è uno strumento utile, una persona inventata è un cartone animato che fa danno.

Lavorate solo Veneto?

Operiamo in tutta Italia. Per workshop on-site con il team consideriamo Veneto, Lombardia, Emilia. Le interviste agli utenti finali si fanno via Zoom o Teams in tutta Italia, da remoto.

Cosa NON fate?

Niente personas inventate senza interviste reali. Niente questionari da 50 domande che nessuno compila. Niente UX research come scusa per giustificare un preventivo gonfio: ti diciamo prima se nel tuo caso bastano 3 interviste mirate.

Perché Web Elettronica

Quattro motivi per scegliere il nostro team

Un solo interlocutore tecnico

Research, wireframing, design e sviluppo sotto la stessa squadra dal 2008. Niente passaggio di mano tra UX, designer grafico e sviluppatore.

Interviste a utenti reali

5-8 colloqui con clienti veri, non personas inventate. Domande aperte, osservazione del comportamento sul sito attuale, sintesi onesta.

Wireframe navigabili prima del codice

Prototipo cliccabile su Figma, validato dal cliente e testato su 3-5 utenti prima di scrivere una riga di codice. Gli errori si trovano in tempo.

Documentazione utile dopo

La research lascia documenti che servono al marketing, al customer support, ai futuri progetti. Non un PDF chiuso in un drawer.

Inizia ora

30 minuti con un nostro esperto. Niente commerciali

Analisi preliminare gratuita + report sintetico via email entro 48h.

Recensioni verificate

5/5 su 82 recensioni. Le parole dei nostri clienti