Rivolto alle aziende che desiderano migliorare le competenze della propria forza lavoro di web design, questo programma offre un approccio olistico per padroneggiare l'arte di creare interfacce utente (UI) accattivanti e offrire esperienze utente (UX) impeccabili.
Questo programma dinamico è progettato per fornire ai partecipanti, indipendentemente dalla loro precedente esperienza di progettazione, le competenze fondamentali necessarie per eccellere nel campo del web design. Attraverso un equilibrio tra concetti teorici ed esercizi pratici, i partecipanti acquisiranno una comprensione approfondita dei principi di UI e UX, consentendo loro di creare siti Web che combinano l'eccellenza estetica con un design incentrato sull'utente.
Programma se CHIEDERE tutto IL ce Voglio s Imparare Web design, ENTRAMBI da punto de VEDERE al design interfaccia utente, Come şi al design UX şi IL che i loro Voglio o carriera in che s POTERE portare o schimbare o o miglioramento in "il mondo". prodotti neanche il web Quello PARLARE su sito web-uri, negozi online, applicaii mobili ecc.
- Materiali di studio video registrati e attività pratiche.
- Test intermedi per valutare i tuoi progressi.
- Esame finale, al superamento del quale si riceve un diploma di completamento del programma.
Seguendo questo programma, i partecipanti impareranno a:
- Identifica problemi o difficoltà incontrate dagli utenti nelle applicazioni web, mobili o servizi digitali
- Proporre soluzioni per problemi o difficoltà identificati
- Crea interfacce facili da usare e intuitive per prodotti digitali, inclusi siti Web, negozi online e applicazioni Web e mobili
- Apporta miglioramenti ai prodotti digitali già esistenti come siti Web, negozi online e applicazioni web e mobili
- Ottimizza i layout per aumentare il tasso di conversione degli utenti
I programmatori possono iniziare da zero e non necessitano di conoscenze IT preliminari. Inoltre, non esiste un limite minimo di istruzione.
Lezione 1 – Introduzione allo User Experience Design
– Presentazione del formatore
– Introduzione e storia
– Definizione di UX
– Fasi UX
– Vantaggi UX
– Errori nell'UX
– Principi fondamentali della UX
– Il processo di UX
– Il percorso dell'utente
– Vantaggi Viaggio dell'utente
– Processo di viaggio dell'utente
– Fasi del percorso dell'utente
– Avatar o Persona utente
– Caratteristiche dell'Avatar o della Persona dell'utente
– Come costruire un Avatar
– Concetto USP (proposta di vendita unica)
– Come costruiamo una USP
– Errori USP
– Esempi di USP
– A proposito di MVP
Lezione 2 – Introduzione alla progettazione dell'interfaccia utente (Parte 1)
– Definizione dell'interfaccia utente
– Esempi di interfaccia utente
– Differenze tra UI e UX
– Esempi
– Vantaggi di una buona interfaccia utente
– Bug nell'interfaccia utente
– Principi dell’interfaccia utente
– Processo di interfaccia utente
– Registrazione Figma
– UI Figma – Informazioni sui frame
– UI Figma – Informazioni sulle forme
– Interfaccia utente Figma – Strumento penna
– Interfaccia utente Figma – Strumento matita
– Interfaccia utente Figma – Testo e commenti
– UI Figma – Modifica oggetto, componenti e pannelli
– Interfaccia utente Figma – Pannello di progettazione
– Figma UI – Come organizzo i miei progetti
– Come cerchiamo ispirazione
Lezione 3 – Introduzione alla progettazione dell'interfaccia utente (Parte 2)
– Cos’è un Wireframe
– Cos’è un sistema di progettazione
– Informazioni su griglia e layout automatico
– Informazioni sul testo e sugli stili di testo
– Informazioni sui componenti
Lezione 4 – Realizzazione di un progetto Figma – Sito di presentazione (parte 1)
– Presentazione del progetto
– Impostazione tipografia (2 parti)
– Impostazione elenchi e virgolette
– Come creare un'intestazione
– Sezione griglia e eroe
– Cartolina postale
– Piè di pagina
– Barra laterale
Lezione 5 – Realizzazione di un progetto Figma – Sito di presentazione (parte 2)
– Posta unica
– Pagina della categoria
– Pagina dei contatti
– Informazioni sul prototipo
– Informazioni su Responsive
– Modalità tablet
– Modalità mobile
– Informazioni sugli stili di colore
Lezione 6 – Realizzazione di un progetto Figma – Dashboard (parte 1)
– Intestazione della dashboard (parte 1)
– Intestazione della dashboard (parte 2)
– Menù del cruscotto
– Corpo del cruscotto
– Dashboard – Widget del corpo
– Dashboard – Orario di lavoro del widget del corpo
Lezione 7 – Realizzazione di un progetto Figma – Dashboard (parte 2)
– Dashboard – Plugin per grafici
– Dashboard – Widget di archiviazione
– Dashboard – Widget dei prodotti più venduti
– Cruscotto – 3 widget
– Ultimo widget della dashboard
Lezione 8 – Analisi del progetto
– Come ho pensato ad un sito web per una clinica di chirurgia estetica
– Correzioni per il sito
– Come scegliamo le immagini
– Altre piattaforme con risorse grafiche
Lezione 9 – Introduzione ad Adobe Photoshop
– Adobe Photoshop – Presentazione
- Adobe Photoshop - Come ritagliare manualmente
- Adobe Photoshop - Come ritagliare automaticamente
– Adobe Photoshop – Cos'è e come utilizziamo la maschera di ritaglio
- Adobe Photoshop - Come modificare una foto
Lezione 10 – Introduzione ad Adobe Illustrator
– Adobe Illustrator – Presentazione
- Adobe Photoshop - Oggetti avanzati
– Adobe Photoshop – Esempi di mockup
– Adobe Illustrator – Strumento Penna
– Adobe Illustrator – Strumento Secchio di pittura dinamica
– Adobe Illustrator – Strumento Pathfinder e Creazione forme
– Adobe Illustrator – Come esportare SVG
– Adobe Illustrator con Photoshop – Come collaborano i due programmi
– Come scegliamo un carattere
Lezione 11 – Come costruire un sito fotografico (Parte 1)
– Parte 1 – Comprendere e strutturare il progetto
– Parte 2 – Come troviamo l’ispirazione
– Parte 3 – Moodboard o tavola di ispirazione
Lezione 12 – Come costruire un sito fotografico (Parte 2)
– Layout – Impostazione dei caratteri
– Layout – Struttura e sezioni
– Layout – Impostazione del colore
– Layout – Aggiornamenti
Lezione 13 – Come costruire un sito fotografico (Parte 3)
– Organizzazione dei file
– Pagina dei contatti – parte 1
– Pagina dei contatti – parte 2
– Pagina del portfolio
– Pagina del progetto – parte 1
– Pagina del progetto – parte 2
– Informazioni sulla pagina
Lezione 14 – Come costruire un sito fotografico (Parte 4)
– Prototipo – parte 1
– Prototipo – parte 2
– Pagina Servizi
- Finale
Al termine del corso e al superamento dell'esame di valutazione i partecipanti riceveranno un diploma di laurea.
