Specializzazione di progettazione UX/UI: dalla ricerca all'accessibilità

In questa lezione condividerò con voi le origini dell'UX. Parleremo del Feng Shui del 4000 a.C., di Walt Disney e del suo desiderio di creare esperienze magiche perfette, e di Don Norman, l'uomo che coniò il termine "user experience". Vi spiegherò anche dove, secondo me, si sta dirigendo il settore.

Una breve storia di UX

Principi di accessibilità ed euristica

In questa lezione, riceverai un'introduzione al mondo del design inclusivo e imparerai come rendere i tuoi prodotti e servizi più accessibili. Ti insegnerò anche altre best practice, note anche come euristiche, per la progettazione di interfacce utente.

Introduzione al processo UX

In questa lezione, ti introdurrò al processo di progettazione UX. Ti presenterò le due rappresentazioni più comuni: il modello a doppio diamante e il design thinking. Il processo di progettazione UX si compone di 5 fasi principali: Empatia, Definizione, Ideazione, Prototipo e Test.

Introduzione alla ricerca UX

In questa lezione, ti parlerò del valore della ricerca UX e di cosa può andare storto se non la svolgi affatto. Imparerai anche la differenza tra metodi "attitudinali vs. comportamentali" e "qualitativi vs. quantitativi".

Desk Research, Benchmark, Interviste

In questa lezione ci concentreremo sui tre metodi principali che ogni UX Designer, ricercatore o meno, dovrebbe conoscere: la ricerca documentale, il benchmarking e le interviste. Imparerai quando utilizzare questi metodi e le best practice per ciascuno di essi.

Rilevamento e definizione del problema

Una delle competenze chiave di un UX Designer è la capacità di individuare i problemi. In questa lezione, imparerai come utilizzare i risultati ottenuti e tecniche come l'affinity mapping per aiutarti a definire meglio il problema che stai cercando di risolvere.

Creazione di persone

Le personas sono uno strumento comunemente utilizzato nell'UX. In questa lezione, scoprirai perché sono importanti, le caratteristiche di una buona persona, come crearne una e quando vengono utilizzate nel processo di progettazione UX.

12m

Mappatura del viaggio

Una volta individuata una (o più) persona (o più persone), è consigliabile creare una mappa del percorso. In questa lezione, imparerai i componenti chiave di una mappa, le diverse tipologie esistenti e perché dovresti usarle.

In questa lezione imparerai diverse tecniche di ideazione (brainstorming, bodystorming e mind mapping, per citarne alcune) per aiutarti a trovare possibili soluzioni ai problemi individuati dalla tua ricerca sugli utenti.

Tecniche di ideazione

Informazione architettura

Quando si crea un'app o un sito web, è importante che abbia un'interfaccia utente pulita e ben progettata. In questa lezione, imparerai cos'è l'architettura delle informazioni e come organizzare i contenuti in modo efficace.

Valore della prototipazione

Dopo aver elaborato diverse idee, è il momento di renderle concrete. In questa lezione, imparerai il cosa, il perché e il quando della prototipazione.

Tipi di prototipi e strumenti di prototipazione

In questa lezione, imparerai a conoscere i diversi tipi di prototipi esistenti. Condividerò anche alcuni strumenti che possono essere utilizzati per crearli.

Test utente

Una volta creato il prototipo, è il momento che altri lo provino. In questa lezione imparerai come preparare e condurre test utente efficaci. Condividerò anche alcune best practice per documentare e dare priorità ai risultati.

Lavorare con gli sviluppatori

Anche se non vuoi diventare uno sviluppatore, dovrai lavorare a stretto contatto con loro. In questa lezione imparerai come garantire un passaggio di consegne fluido tra progettazione e sviluppo.

Presentazione a stakeholder / clienti

In questa lezione imparerai come misurare l'esperienza utente (UX) e come presentare i risultati in modo creativo a stakeholder e clienti. Condividerò anche alcuni suggerimenti su come promuovere l'UX Design all'interno dell'azienda.

10m

Casi studio

In questa lezione imparerai a creare un case study, così da poter documentare il processo di progettazione UX dall'inizio alla fine.

Metti in mostra il tuo lavoro

In questa lezione, imparerai a conoscere le diverse piattaforme su cui puoi presentare il tuo lavoro e come creare un portfolio. Analizzeremo anche i vantaggi e gli svantaggi di formati specifici.

In questa lezione condividerò con voi alcuni suggerimenti per affrontare i colloqui per posizioni UX e i tipi di esercizi di progettazione che incontrerete.

Colloqui di lavoro UX

Modulo 3

Scopri come creare esperienze digitali significative con Patricia Reiners, che mette a frutto la sua esperienza maturata collaborando con Google e Adobe. In questo articolo, analizza il ruolo essenziale della ricerca UX e ti mostra come creare un piano di ricerca personalizzato. Acquisirai gli strumenti per comprendere meglio le esigenze degli utenti e progettare soluzioni di grande impatto.

13 lezioni (1h 47m)

Cos'è la ricerca UX?

In questa lezione impareremo cos'è la ricerca UX e quando integrarla.

Quali sono le metodologie più comuni

Scegliere il metodo giusto per le tue domande ti aiuta a ottenere le giuste intuizioni. In questa lezione vedremo la differenza tra ricerca valutativa e generativa e quando utilizzare ciascuna di esse.

Ricerca quantitativa sugli utenti

La ricerca quantitativa sugli utenti si concentra sulla quantità. È necessaria un'elevata quantità di dati per ottenere insight concreti. Questi insight rispondono alla domanda "cosa?". Mostrano quali dispositivi gli utenti utilizzano, ma non perché li utilizzano. In questa lezione esamineremo diversi metodi quantitativi

Ricerca qualitativa degli utenti

La ricerca qualitativa sugli utenti si basa sulla qualità. Con questi metodi, sarai in grado di capire il tuo "perché". In questa lezione, analizzeremo diversi metodi qualitativi.

Pianificare la tua ricerca

La creazione di un piano di ricerca struttura il tuo pensiero attorno all'attività di ricerca.

Scrivere il piano di ricerca

In questa lezione scriveremo un piano di ricerca per un progetto di ricerca. Analizzeremo ogni aspetto passo dopo passo.

Come scegliere i partecipanti

La scelta dei partecipanti è importante, qualunque sia il metodo scelto. In questa lezione vedremo come farlo.

Come scrivere una guida alla discussione

Quando si conducono studi sul campo, indagini contestuali, interviste individuali o qualsiasi tipo di intervista, è necessaria una guida alla discussione. In questa lezione, inventeremo le domande per formularle in modo appropriato.

Come preparare la sessione

Il tuo obiettivo durante il colloquio è scoprire il più possibile su come pensano e si comportano i tuoi utenti. In questa lezione, impareremo come formulare le domande e quali materiali ci serviranno per il colloquio.

Come si presenta una sessione qualitativa

In questa lezione parleremo della struttura di un'intervista: l'introduzione, la parte principale (le domande) e la conclusione.

Visualizza la tua ricerca qualitativa sugli utenti

In questa lezione sintetizzeremo le intuizioni e le esporremo visivamente per presentarle ai tuoi stakeholder e ai membri del team.

Mappa di viaggio dell'utente e persone 1

In questa lezione impareremo come creare artefatti da condividere con tutti i membri del team e le parti interessate: personaggi e mappe del percorso utente.

Mappa di viaggio dell'utente e persone 2

Concludiamo questa lezione sulle mappe del percorso utente e sulle personalità.

13m

Modulo 4

Scopri come il visual design può diventare uno strumento narrativo con Pablo Stanley come guida. In questo modulo, condivide i principi chiave alla base di composizioni efficaci e come usare Figma per dare vita alle tue idee. Che tu sia alle prime armi con il design o desideri affinare le tue competenze, troverai spunti pratici per valorizzare il tuo lavoro creativo. Pronti a tuffarvi?

18 lezioni (2h 35m)

Principi di composizione e design visivo

Adesso analizzeremo gli elementi che compongono una buona composizione.

Principi della Gestalt utilizzati nel design

Vedremo come i principi della Gestalt influenzano il modo in cui interpretiamo le informazioni visive.

Gerarchia visiva

Determinare quali parti di una composizione siano più rilevanti di altre è fondamentale per catturare l'attenzione dell'osservatore. Qui vedremo come stabilire una gerarchia all'interno del nostro progetto.

Affordance nell'interfaccia utente

In questa lezione parlerò del termine "affordance" e di come implementarlo nelle nostre interfacce.

Introduzione agli elementi visivi e comprensione del brief

Un brief creativo è un documento unificante che identifica i vantaggi critici di una campagna o di un prodotto. Racconta la storia e spiega perché è fondamentale per il pubblico, fungendo da guida per la creazione di qualcosa.

Composizione di base in Figma

In questa lezione faremo alcuni esercizi in Figma, imparando come utilizzare alcune funzionalità per applicare ciò che abbiamo imparato. Sapere come utilizzare questi strumenti e applicare queste competenze ti aiuterà a raggiungere un livello superiore di competenze di progettazione in Figma.

La tipografia è uno degli elementi più potenti di un design. Esalta il contenuto e riflette il tono e le esigenze di un progetto. Il suo scopo non è solo estetico, ma anche funzionale e tecnico.

Tipografia

Creazione di una tavolozza di colori

I colori hanno un significato. Comunicano un tono e un'emozione, e questo li rende un potente strumento di design. Ma le possibilità con cui lavorare sono praticamente infinite: quando inizi a combinare i colori per creare una tavolozza, le opzioni sono infinite. Quindi, da dove si comincia? In questa lezione impareremo un po' su come combinare i colori.

Grafica e icone

Le immagini ti permettono di fare di più con meno. Si dice che un'immagine valga più di mille parole. Ecco perché immagini e grafica sono potenti strumenti visivi che possono contribuire a trasmettere un messaggio e a definire l'identità visiva di un prodotto. Puoi usare foto, illustrazioni e icone. Impariamo quando usare quali.

In questa lezione apriremo Figma e testeremo diversi stili visivi, per vedere come provarli e perché funzionano. Uno per uno.

Stili di visualizzazione

19m

Disegnare un wireframe

Abbozzare un wireframe ci permette di identificare rapidamente i problemi di usabilità fin dalle prime fasi del processo di progettazione. Invita inoltre diverse parti interessate a fornire il loro contributo e le loro idee. E ci offre un'idea di come potrebbe apparire il progetto finale.

Definire il tuo stile visivo Guida 1

Prima di inserire i nostri schizzi in alta fedeltà, definiamo lo stile di alcuni elementi essenziali. Avere questo sistema di base ci permetterà di procedere più velocemente nella realizzazione del layout e delle composizioni nel mockup ad alta fedeltà.

Definire la tua guida allo stile visivo 2

In questa seconda parte della lezione ci concentreremo sullo stile delle illustrazioni che verranno utilizzate nel tuo progetto.

Costruire un mock-up ad alta fedeltà 1

Ora utilizziamo la nostra guida di stile e il wireframe dello schizzo per creare una versione ad alta fedeltà della nostra pagina su Figma.

15m

Costruire un mock-up ad alta fedeltà 2

Qui continuerò a dare forma e a finalizzare il mio mock-up ad alta fedeltà, mantenendone sempre l'aspetto vibrante e dinamico.

Interazioni dei pulsanti

Impareremo come aggiungere semplici interazioni tra componenti per far sì che i nostri pulsanti o qualsiasi altro componente si animino con trigger diversi.

Collegamento a pagine e modali

È fondamentale creare collegamenti tra le diverse pagine e gli altri stati del nostro prototipo per ottenere un risultato più naturale. In questa lezione, impareremo come creare un collegamento a una nuova pagina e aprire una finestra modale.

Condividere il tuo prototipo

Ora che abbiamo tutto insieme, condividiamolo con il mondo!

Modulo 5

Con Chiara Aliotta come guida, immergiti nel potere dello storytelling come strumento per creare design emozionali e incentrati sull'utente. Esplora come gli elementi narrativi, come il pubblico, lo scopo e il personaggio, possano dare forma a esperienze digitali immersive. Imparerai a trasformare i brief UX in storie avvincenti che connettono, coinvolgono e lasciano un'impressione duratura.

11 lezioni (2h 22m)

Storytelling per UX e UI Design

Come per ogni percorso, ritengo sia fondamentale capire dove si sta andando. In questa lezione, vi presenterò il corso, come è strutturato e cosa impareremo insieme. Parlerò anche della differenza tra progettazione dell'esperienza utente (UX) e progettazione dell'interfaccia utente (UI).

Elementi della narrazione: pubblico, scopo, personaggi e contesto

Ancora prima di scriverla, i primi elementi per definire una storia sono il pubblico, la motivazione/lo scopo, il contesto e la consapevolezza che una storia deve avere un ritmo.

17m

Elementi di narrazione: la struttura

Da Aristotele ai giorni nostri, la struttura di una storia non è cambiata molto. Scopriamo come si crea uno storytelling e come applicare gli stessi principi alla progettazione dell'esperienza utente.

Il potere della narrazione: le emozioni

Le emozioni giocano un ruolo fondamentale nel nostro comportamento. Le storie più belle evocano emozioni e riescono a coinvolgere il pubblico. In questa lezione, esplorerai come padroneggiare il potere della narrazione usando le emozioni per raggiungere i tuoi obiettivi.

Trovare gli elementi della storia 1

Dato un marchio fittizio, userò atti, sequenze e scene per mappare l'esperienza e approfondire il modo in cui la progettazione UX avvantaggia la narrazione tradizionale.

13m

Trovare gli elementi della storia 2

Durante questa seconda parte della lezione, continuerò a spiegarvi come mappare gli elementi della storia.

13m

Ispirazione visiva per scatenare l'immaginazione

In questa lezione, imparerai come trovare ispirazione visiva da diverse fonti prima di passare all'ultimo passaggio dell'incarico: il wireframe della landing page.

Costruire la narrazione e il wireframe 1

Finora ho utilizzato atti, sequenze e scene per mappare il percorso dell'utente. La griglia che ho creato con la post-produzione fungerà da modello e mi aiuterà a garantire che il prodotto digitale che sto progettando offra la giusta esperienza utente.

Costruire la narrazione e Wireframe 2

Per concludere questa unità, imparerai come approfondire la narrazione esaminando le inquadrature e progettando il wireframe.

15m

Sostenere la narrazione: wireframe vs mock-up ad alta fedeltà

In questa lezione presenterò il mock-up ad alta fedeltà ispirato al wireframe progettato nell'unità precedente. La fase di decostruzione è essenziale perché ci aiuta a capire se siamo coerenti con la nostra storia (anche detta coerenza con il wireframe e con le scelte prese in fase di analisi del brief).

Coinvolgere il pubblico con la narrazione

Lo storytelling è uno strumento potente che deve essere usato con saggezza. Ecco perché imparerai a usarlo per motivare, persuadere e ispirare il tuo pubblico.

Modulo 6

Entra nel mondo del design inclusivo con Margot Gabel e scopri come l'accessibilità può trasformare le esperienze digitali per tutti. Margot condivide suggerimenti pratici per rendere il tuo sito web più intuitivo, dal contrasto cromatico al testo alternativo. Scoprirai come il design inclusivo non solo promuove l'equità, ma migliora anche la SEO e l'usabilità complessiva.

14 lezioni (1h 53m)

Introduzione all'accessibilità digitale

Per iniziare, imparerai a conoscere gli standard di accessibilità e i loro vantaggi.

I vantaggi dell’accessibilità digitale

Ora parlerò del perché è fondamentale rendere l'accessibilità digitale una necessità durante la progettazione.

Accessibilità nella vita reale

È il momento di scoprire come riprodurre alcune situazioni di navigazione in cui l'accessibilità digitale è fondamentale. Ti aiuterà a relazionarti con essa e a capire perché è importante.

Colori e contrasto

Per prima cosa, imparerai a conoscere il "famoso" rapporto di contrasto e come applicarlo a testo e immagini. Poi ti insegnerò a scegliere un abbinamento di colori.

Caratteri tipografici e gerarchia

Ora esamineremo le opzioni tipografiche e come renderle accessibili. Vedremo anche come scegliere un abbinamento.

Testo alternativo e microcopia

In questa lezione ti insegnerò un elemento molto importante dell'accessibilità digitale e come può influenzare il tuo design thinking.

Stati

Lasciami aiutarti a capire in che modo gli utenti possono usare in modo diverso gli input tramite tastiera/voce/tocco e come devi adattarli/pensarli in termini di scelte di design e UX.

Animazioni e controlli multimediali

Diamo un'occhiata ai diversi modi per restituire il controllo e fare scelte di animazione responsabili.

Wireframing per l'accessibilità

In questa lezione imparerai come realizzare un design a bassa fedeltà del tuo progetto e come integrare in questo passaggio fondamentale tutto ciò che hai imparato finora.

10m

Un sistema di progettazione essenziale e accessibile

Ti mostrerò come impostare gli elementi fondamentali: una tavolozza di colori, una scala di caratteri di base, la creazione di alcuni pulsanti e campi di testo e la riflessione sui loro vari stati.

17m

Progettare

Infine, ti mostrerò come costruire i tuoi design con tutti gli elementi di cui ho parlato in precedenza. Poi, imparerai a usare il design system.