I 10 risultati UX utilizzati dai migliori designer

Ascolta la versione audio di questo articolo

Il lavoro di un designer UX avviene in molti ambienti diversi, da startup snelle e ambienti Agile in cui i team lavorano con poca documentazione, a incarichi di consulenza per terze parti o grandi imprese ed enti governativi con requisiti di documentazione rigorosi. Indipendentemente dalla natura del coinvolgimento o dell'ambiente (e l'unica cosa che lega tutto insieme), è necessario che i professionisti UX comunichino efficacemente le loro idee di design, i risultati della ricerca e il contesto dei progetti a una vasta gamma di destinatari.

Durante il processo di progettazione UX, i designer produrranno un'ampia varietà di "artefatti" e risultati del progetto come parte della loro metodologia di progettazione UX. Questi possono assumere molte forme: i risultati finali aiutano i designer di UX a comunicare con vari stakeholder e team, documentano il lavoro e forniscono artefatti per riunioni e sessioni di ideazione. Aiutano anche a creare "l'unica fonte di verità" - guide e specifiche per l'implementazione e il riferimento.

Ecco i 10 risultati UX che un designer UX tipicamente produce durante un coinvolgimento. (Questo elenco non è affatto completo e potrebbe essere potenzialmente più lungo a seconda della natura dell'impegno.)

1. Obiettivi aziendali e specifiche tecniche

Questo è un passaggio fondamentale. Per un professionista UX tutto inizia con la comprensione della visione del prodotto, ovvero il motivo dell'esistenza del prodotto dal punto di vista del business. Scritta in termini semplici, la dichiarazione dovrebbe includere il problema affrontato, la soluzione proposta e una descrizione generale del mercato di riferimento. Dovrebbe anche descrivere le piattaforme di consegna e sfiorare i mezzi tecnici con cui verrà consegnato il prodotto.

Non deve essere più lungo di una pagina, ma dovrebbe descrivere il nucleo di cosa, perché e come. Ecco un esempio: “The Fantastic App Co. ha individuato una lacuna nelle applicazioni di regali su piattaforme mobili per il mercato dei Millennial (iOS e Android). Un gran numero di Millennials ha difficoltà a ricordare date speciali, identificare il regalo migliore, quindi trovare e acquistare quei regali. La nostra soluzione è progettata per alleviare lo stress. Impiegando un design anticipatorio e le ultime tecnologie di intelligenza artificiale, l'app offre un'esperienza utente utile e quasi magica".

2. Rapporto di analisi competitiva

Per chiunque inizi a progettare un nuovo prodotto, è fondamentale assicurarsi che sia adatto al mercato. Fondamentalmente, come parte di una strategia UX, il prodotto deve anche avere un vantaggio competitivo convincente e una UX superiore agli altri sul mercato.

Analisi competitiva significa: "Identificare i tuoi concorrenti e valutare le loro strategie per determinare i loro punti di forza e di debolezza rispetto a quelli del tuo stesso prodotto o servizio ".

Uno dei compiti iniziali di un designer UX è ricercare quali prodotti o servizi stanno attualmente utilizzando i clienti target per risolvere il problema. Esiste un prodotto o servizio equivalente là fuori? Esiste una soluzione alternativa utilizzata dalle persone che sia abbastanza buona ma non perfetta? Un cerotto: una vitamina ma non un antidolorifico? In che modo una migliore UX può fare la differenza?

Un componente della ricerca sull'esperienza utente, un rapporto di analisi della concorrenza identifica i primi cinque concorrenti ed esamina ciò che stanno facendo bene, così come ciò che stanno facendo di sbagliato. Questo passaggio aiuterà a stabilire una direzione progettuale in cui vengono definiti obiettivi chiari e precisati gli elementi su cui concentrarsi.

3. Rapporti di ricerca su Persona e UX

I designer UX devono assicurarsi che le parti interessate comprendano le esigenze dei clienti del prodotto. La creazione di personaggi per incapsulare e comunicare i modelli di comportamento degli utenti e condurre ricerche sugli utenti sono modi collaudati per farlo. Le Persona sono rappresentative degli utenti tipici di un prodotto: incorporando i loro obiettivi, bisogni e interessi, aiutano il team che lavora al progetto a sviluppare empatia nei confronti dell'utente.

Anche la ricerca degli utenti è una componente integrante del processo di progettazione dell'UX. Implica una serie di tecniche utilizzate per estrarre modelli comportamentali, aggiungere contesto e fornire informazioni sul processo di progettazione. Esistono molti tipi di strumenti e tecniche di ricerca degli utenti disponibili: si tratta di scegliere l'"obiettivo" giusto per la situazione giusta.

Prima di intraprendere la ricerca sugli utenti, è importante dedicare del tempo allo sviluppo di un piano di ricerca . Questo è un documento che aiuterà a comunicare gli obiettivi ei metodi della ricerca, nonché a ottenere il consenso degli stakeholder. È anche un ottimo strumento che può essere utilizzato per mantenere tutti sulla buona strada durante il progetto di ricerca.

Al termine della fase di ricerca degli utenti viene generato un report che traduce i risultati della ricerca in elementi attuabili. Il team UX è quindi impostato per progettare il prodotto attorno a quegli elementi.

4. Mappa del sito e architettura dell'informazione

Una mappa del sito è un modello visivamente organizzato di tutti i componenti e le informazioni contenute in un prodotto digitale. Rappresenta l'organizzazione del contenuto di un'App o di un sito. Insieme ai wireframe, sono uno dei risultati più fondamentali per l'UX e raramente vengono saltati in un processo di progettazione dell'UX.

Le mappe dei siti aiutano a definire l'architettura dell'informazione, l'arte e la scienza dell'organizzazione e dell'etichettatura dei componenti di un prodotto, per supportare la navigazione, la reperibilità e l'usabilità; aiutano anche a definire la tassonomia e l'interfaccia utente.

Le mappe del sito sono utili riferimenti da avere come risorsa e da adattare man mano che il prodotto si evolve in base alla prototipazione iterativa e ai test degli utenti. Durante il flusso di lavoro di progettazione, viene spesso utilizzato un sistema di numerazione per mantenere tutti sulla stessa pagina quando si discute del contenuto del prodotto.

5. Mappe dell'esperienza, percorsi utente e flussi utente

Una mappa dell'esperienza è una rappresentazione visiva che illustra il flusso di un utente all'interno di un prodotto o servizio, i suoi obiettivi, bisogni, tempo trascorso, pensieri, sentimenti, reazioni, ansie, aspettative, ovvero l'esperienza complessiva durante l'interazione con un prodotto. In genere è disposto su una sequenza temporale lineare che mostra i punti di contatto tra l'utente e il prodotto.

I percorsi e i flussi utente riguardano più una serie di passaggi che un utente compie e dimostrano il modo in cui gli utenti interagiscono attualmente o potrebbero interagire potenzialmente con un prodotto. Dimostrano il comportamento, la funzionalità e le attività chiave che un utente potrebbe eseguire. Esaminando e comprendendo il "flusso" delle varie attività che un utente potrebbe intraprendere, puoi iniziare a pensare a quale tipo di contenuto e funzionalità includere nell'interfaccia utente e di quale tipo di interfaccia utente avrà bisogno per realizzarle.

Gran parte della UX riguarda la risoluzione di problemi per gli utenti. Durante la creazione di un percorso utente, il designer deve comprendere la persona, gli obiettivi dell'utente, le motivazioni, i punti critici attuali e le attività principali che desidera raggiungere.

Qual è la differenza tra il percorso dell'utente e il flusso dell'utente ? Pensa a un flusso di utenti come all'utente che lavora su un'attività o un obiettivo tramite il tuo prodotto o servizio, ad esempio prenotando un'auto su Lyft; un percorso dell'utente illustra il quadro più ampio. Un percorso dell'utente si espande oltre le attività e osserva come una particolare interazione con il cliente si inserisce in un contesto più ampio.

6. Wireframe UX

Un punto fermo della metodologia di progettazione UX, i wireframe sono illustrazioni bidimensionali di "progetto" di un framework di progettazione ed elementi di interfaccia e mostrano cosa va dove. Principalmente uno strumento di layout, aiutano a definire l'architettura delle informazioni, la spaziatura dei contenuti, le funzionalità, il design dell'interazione e i comportamenti degli utenti previsti.

I wireframe sono pane e burro per i designer di UX e uno dei risultati più comuni in un progetto. "Mostrami i tuoi wireframe" è probabilmente sentito più spesso di ogni altra cosa durante l'intervista di un designer UX.

Una fase importante nel processo di progettazione UX, il wireframing è un modo conveniente per esplorare idee e generare concetti innovativi che rispondono agli obiettivi dei clienti. Sono ottimi strumenti per ideare rapidamente oltre lo schizzo e sono disponibili in molti gusti diversi, dalla bassa fedeltà (nessuno stile, caselle in bianco e nero, testo greco) all'alta fedeltà (con stile completo, a colori, molto dettagliato).

A volte indicati come "fili" nella stenografia sul posto di lavoro, i wireframe possono far risparmiare un sacco di tempo e denaro su tutta la linea perché sono così flessibili e veloci da produrre. Fungono da fulcro attorno al quale intrattenere conversazioni con le parti interessate e i membri del team mentre si calcola la direzione del design.

I wireframe sono fondamentali e, in quanto tali, sono fondamentali per aiutare a definire strutturalmente un progetto e come funziona un flusso utente attraverso un'app o un sito in diversi scenari di casi d'uso. Ci sono alcune svolte interessanti sui wireframe come "mappe wireframe" discusse in un articolo precedente qui sul blog di Toptal Design e "wireflows:" un prodotto UX per flussi di lavoro e app di NNGroup.

7. Prototipi interattivi

Un altro risultato dominante durante un processo di progettazione incentrato sull'utente, i prototipi interattivi danno vita a un prodotto. I prototipi rudimentali consentono di risparmiare un sacco di tempo e denaro: dimostrano come funzioneranno le cose in uno scenario di caso d'uso reale e consentono una rapida iterazione del progetto e test utente. Aiutano anche un designer a comunicare il proprio design in modo efficace nelle diverse fasi del processo di progettazione UX.

La prototipazione può avvenire in qualsiasi momento del viaggio di scoperta attraverso l'iterazione. Dai prototipi di carta ai design altamente rifiniti, una revisione interna di un prototipo di prodotto consente a tutti i membri del team di vedere come funzioneranno le cose quando un utente reale interagisce con esso.

Schizzi statici e wireframe non danno vita a un prodotto come può fare un prototipo interattivo. Quasi magicamente, si vede e si sente come si comporterà il prodotto, come tutto si connette. È possibile esplorare diversi design e funzionalità; potrebbero emergere nuove idee. I punti problematici possono essere individuati e le interazioni imbarazzanti scoperte.

I prototipi interattivi aiutano enormemente i test degli utenti. Invece di guidare le persone attraverso pagine statiche, i potenziali utenti possono testare un prodotto che sembra reale al 100%, fornire idee e fornire feedback preziosi.

Al giorno d'oggi, gli strumenti di prototipazione per i designer sono disponibili in tutte le forme e dimensioni. Ecco 21 strumenti di prototipazione interattiva per la progettazione UX.

8. Progettazione visiva

Il visual design è la "mano finale di vernice" sul prodotto. Tuttavia, non è solo questo: il visual design può influenzare notevolmente l'UX di un prodotto, e quindi deve essere affrontato con molta attenzione. Si spera che molte euristiche di progettazione dell'interazione ed usabilità siano state elaborate durante le fasi precedenti del processo di progettazione dell'esperienza utente in modo che i designer possano concentrarsi sulla grafica. È un'ultima opportunità per portare il prodotto al livello successivo.

Il design visivo è l'ultimo passaggio prima della consegna agli sviluppatori e la fase in cui vengono create una guida di stile e le specifiche finali. Non si tratta solo di "rendere le cose belle", ma di un'opportunità per definire o implementare una combinazione di colori del marchio e influenzare l'usabilità con il layout, il contrasto e la gerarchia visiva.

9. Guida di stile e specifiche per gli sviluppatori

Il passaggio finale nel flusso di lavoro di progettazione UX è mettere insieme le specifiche e una guida di stile per gli sviluppatori. Le guide di stile sono un must se il design di un prodotto vuole avere successo a lungo termine.

Una guida di stile serve a garantire che i design siano implementati in modo coerente attraverso il marchio, gli stili visivi, i colori, i caratteri e la tipografia. Viene anche usato per modelli di progettazione, lingua, regole (come scorciatoie da tastiera e regole di visualizzazione dei dati) e per specificare i comportamenti dell'interfaccia utente (come la gestione degli errori).

Alcune guide di stile e specifiche vengono messe insieme manualmente, mentre altre vengono generate automaticamente. Mettere insieme una guida di stile manualmente è un processo noioso e spesso può richiedere sei mesi, quindi qualsiasi strumento di automazione è un gradito risparmio di tempo.

Le modalità automatizzate variano a seconda dello strumento utilizzato. Sono un modo più agile e incrementale per trasferire i progetti rispetto alle guide di stile realizzate da molto tempo. Possono essere pensati più come "Bibbie dello stile" sullo scaffale a cui tutti i membri del team possono fare riferimento.

Se lavori in Sketch ci sono mandati divini come Zeplin. Zeplin è uno strumento di collaborazione per progettisti di interfaccia utente e sviluppatori front-end. Va oltre il flusso di lavoro di progettazione e aiuta i team a trasferire la progettazione.

Inoltre, in pochi secondi è possibile generare una guida allo stile del design da Sketch con il plug-in Craft, oppure è possibile acquisire misurazioni e CSS dal design generando un file HTML con il plug-in Marketch, come descritto in questo articolo.

Ecco 50 ottimi esempi di styleguide. Anche uno della BBC e uno di IBM, entrambi ospitano le loro guide online, il che rende facile per tutti visualizzarlo.

10. Test di usabilità e rapporti di analisi dell'utilizzo

Il lavoro di un designer UX non è mai finito. Anche dopo il rilascio di un prodotto ci sono opportunità per raccogliere feedback, raccogliere dati sull'utilizzo, perfezionare, rilasciare e ricominciare il ciclo da capo.

Un test di usabilità ti dirà se i tuoi utenti target possono utilizzare il tuo prodotto. Aiuta a identificare i problemi che le persone hanno con un'interfaccia utente specifica e rivela attività difficili da completare e linguaggio confuso.

I report sui test di usabilità vengono generalmente forniti durante la fase di prototipazione, ma non è insolito testare prodotti esistenti con gli utenti per vedere dove potrebbero esserci margini di miglioramento.

Comprendere i dati raccolti durante i test di usabilità, la raccolta, l'ordinamento e la generazione di report, sta diventando un compito sempre più comune tra i professionisti dell'esperienza utente, in effetti, sta diventando un'abilità fondamentale per l'esperienza utente. Ecco un modello di rapporto di test di usabilità.

Dopo che il prodotto è stato rilasciato in natura, un'altra serie di raccolta di dati, un metodo quantitativo , dirà al team di progettazione come si comporta il prodotto con gli utenti su larga scala.

Esistono innumerevoli strumenti e modi per catturare il comportamento degli utenti e analizzarlo. Dall'eye-tracking al click-tracking e alle mappe di calore (che mostrano clic, tocchi e comportamento di scorrimento) fino al tagging degli elementi dell'interfaccia utente che tiene traccia dell'impronta digitale di ogni utente su dispositivi mobili e Web.

I rapporti di analisi mostrano quali funzionalità utilizzano i clienti, quanto tempo trascorrono sulla tua app o sito mobile, le tendenze nel tempo e aggregano i risultati per aree geografiche, account, utenti e segmenti personalizzati. Forniscono una visibilità completa su come vengono utilizzate le funzionalità e da chi.

Le società di analisi di solito generano automaticamente report personalizzati su richiesta. Questi rapporti sono molto utili e possono fornire informazioni sorprendenti sull'utilizzo del tuo prodotto. Quella caratteristica straordinaria che pensavi avrebbe conquistato tutti i tuoi clienti potrebbe rivelarsi quasi mai utilizzata. D'altra parte, una piccola e insignificante funzione nell'interfaccia utente potrebbe rivelarsi molto utilizzata e potresti decidere che è ora di concentrarti sull'espansione di quella particolare funzionalità.

La missione di un designer UX è consentire alle aziende di realizzare prodotti e servizi basati su una profonda comprensione dei comportamenti, degli obiettivi e delle motivazioni umane. I 10 risultati UX sopra riportati sono alcuni dei più comuni prodotti dagli UX Designer in quanto creano grandi esperienze per gli utenti come parte del "pensiero progettuale" e di un processo di progettazione centrato sull'utente.

• • •

Ulteriori letture sul blog di Toptal Design:

• eCommerce UX: una panoramica delle migliori pratiche (con infografica)
• L'importanza del design incentrato sull'uomo nel design del prodotto
• I migliori portfolio di designer UX: casi di studio ed esempi stimolanti
• Principi euristici per interfacce mobili
• Design anticipatorio: come creare esperienze utente magiche