UI e web design: disegna siti e app che funzionano

Quali sono le convenzioni e i principi di UI da seguire tutte le volte che disegni una pagina web o un’app mobile? Scoprilo in questo corso!
2+ ore di contenuto, 100% pratico.

Mi hanno dato fiducia i designer di:

Hai qualcuno di questi obiettivi?

I miei 4.000+ studenti volevano raggiungere almeno uno di questi obiettivi.

Vuoi conoscere le regole nascoste per creare un buon design

Come si fa concretamente a progettare per l’utente finale? Esaminiamo il suo modo di pensare quando naviga le pagine di un sito web.

Vuoi sapere a cosa prestare attenzione per migliorare la qualità del tuo design

Progressive disclosure, dominanza, allineamento, ritmo, prevedibilità, consistenza: vediamo con esempi concreti come si fa a progettare delle pagine di qualità.

Vuoi imparare a ragionare come un designer professionista

Non basta conoscere gli strumenti di design per essere un designer professionista: la teoria è il bagaglio di conoscenze che ti porterai per tutta la tua carriera.

Cosa imparerai
in questo corso

Come dare un ordine di lettura

Analizziamo insieme degli esempi reali per capire come organizzare al meglio le informazioni presenti sulla pagina attraverso la cosidetta “progressive disclosure”.

Come creare un buon ritmo visivo

Ritmo! Tutti i siti più importanti al mondo ne hanno uno, ecco perché non possiamo ignorare questo principio durante la fase di progettazione.

Come differenziare visivamente le aree del layout

Consistenza & prevedibilità da un lato, allineamento & prossimità dall’altro: attraverso questi quattro principi riuscirai a creare dei design di valore per l’utente.

Il programma dettagliato

20 video
2,5 ore di contenuti
9 esercitazioni
6 link esterni

Modulo 1 – Intro

1. Intro – 03:55
2. Non è (solo) una questione di creatività – 03:42
3. UI non è sviluppo front-end – 06:07
4. Modello implementativo VS mentale – 08:06
5. Compito per casa: Perché un sito è difficile da navigare?

Modulo 2 – Principi e convenzioni di design

1. Perché semplificare è difficile? – 05:42
2. Compito per casa: web restyling
3. Semplicità e online banking – 07:15
4. Compito per casa: web restyling
5. Progressive disclosure – 10:01
6. Dominanza – 05:26
7. Compito per casa: Il caos di bloomberg.com
8. Compito per casa: web restyling
9. Allineamento – 04:23
10. Griglia – 05:04
11. Compito per casa: web restyling
12. Come progettare usando le griglie – 14:40
13. I messaggi di errore – 03:38
14. Compito per casa: La pagina di accesso di Easyjet
15. Icone – 05:41
15. Ritmo- 03:27
16. Compito per casa: web restyling
17. Prevedibilità – 06:41
18. Invito all’uso (affordance) – 05:59
19. Consistenza – 05:21
20. Compito per casa: app restyling
21. Prossimità – 08:11
22. Colore – 08:11
23. Contrasto – 08:11
24. Fine corso – 12:49

Perché seguire questo corso?

File di esercitazione

Prova subito ciò che hai appena imparato, scaricando i file per fare le tue esercitazioni, comprensivi dei file originali usati durante la lezione.

Feedback personalizzati

Vuoi un feedback sulle esercitazioni? Posta il tuo lavoro all’interno del gruppo Facebook.
Ti darò un feedback in diretta video!

Aggiornamenti costanti

Compri una sola volta, ma ottieni aggiornamenti costanti man mano che Figma introduce nuove funzionalità. Affare fatto?

Cosa dicono gli studenti?

Solo vere recensioni da chi ha frequentato i miei corsi di web design.

100% recensioni reali

Il docente

Luca è un product manager e negli ultimi 18 anni ha lavorato come consulente per aziende di tutti i tipi, aiutandole a creare prodotti digitali usabili e di valore.

Dalla sua passione sui temi di UX e UI design sono nati 6 videocorsi e due libri.

Ad oggi più di 4.000 aspiranti web designer hanno seguito i suoi corsi e letto i suoi libri.

Potrebbero interessarti questi altri corsi…

Figma basics

Se non hai mai lavorato con Figma, qui scoprirai l’interfaccia di questo famosissimo software che non può mancare al tuo curriculum da designer.

UX design basics

Vorresti diventare un vero UX designer ma non sai da dove cominciare? Questo corso è per te.

Figma Pro

Affina la tecnica dell’auto-layout e l’uso avanzato dei componenti, applicando così la metodologia di progettazione chiamata “Atomic Design”.