struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la...
TRANSCRIPT
![Page 1: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/1.jpg)
Struttura del corso
Elementi di informatica e web – a.a. 2017/2018 di Guido Fusco
Università Degli Studi Di Napoli – Federico IIDipartimento di Scienze Sociali - Corso di Laurea in Culture Digitali e Della Comunicazione
![Page 2: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/2.jpg)
Cosa non sarà…
![Page 3: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/3.jpg)
Cosa non sarà…
![Page 4: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/4.jpg)
Struttura corso
![Page 5: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/5.jpg)
Parte I: Evoluzione del web
Nuova visione del web (dal web 1.0 al web 2.0)
Nuovi modelli di business e d’impresa in chiave 2.0
Nuove tecnologie del web 2.0
![Page 6: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/6.jpg)
6
CorsodiProgettazione
Progettazione: attività alla base della costruzione/realizzazione di un oggetto complesso, materiale o concettuale
Nella pratica corrente, soprattutto in informatica, il termine progettare è spesso usato in modo impreciso, per comprendere non soltanto le attività di progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo.
ToDesign=Progettare
Design = Parola spesso usata - soprattutto in Italia - per sottolineare i valori di natura estetica o formale dei prodotti della progettazione.
![Page 7: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/7.jpg)
Al centro l’Utente
Progettare orientata all’utente (Human-Centered Design) che garantisca la valutazione e l’implementazione connessi all’usabilità e alla User Experience
Progettare curando l’esperienza utente
![Page 8: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/8.jpg)
Coinvolgimento degli utenti
![Page 9: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/9.jpg)
User Experience
FasediProgettazioneLa User Experience (UX) s’intende ciò che una persona prova prima, durante e dopo la relazione con un prodotto, un servizio o un brand. L’esperienza d’uso concerne gli aspetti esperienziali, affettivi, l’attribuzione di senso e di valore collegati al possesso di un prodotto e all’interazione con esso, ma include anche le percezioni personali su aspetti quali l’utilità, la semplicità d’utilizzo e l’efficienza del sistema.
• la UX è una prospett iva olistica focalizzata sul vissuto dell’utente in relazione all’uso di un sistema
• La UX non riguarda solo persone che completano il loro task, ma la qualità con lui lo fanno.
![Page 10: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/10.jpg)
ISO9241-210Human-CenteredDesignforinteractivesystems
Lefasi
Interdipendenza tra le attività dell’HCD
![Page 11: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/11.jpg)
Progettazione di un sito web
Pervalutarelaqualitàdiunsito,èmoltoutiledisporrediunsemplice“modellodiqualità”,checiricordiiprincipalifattoricheconcorronoallasuaqualità
![Page 12: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/12.jpg)
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
FasediPre-progettazione
• Tipologia di requisiti
• Tecniche per la raccolta dei requisitiAnalisi dei requisiti
![Page 13: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/13.jpg)
![Page 14: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/14.jpg)
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
FasediProgettazione
Architettura dell’informazione
(web design)
• Schemi di classificazione
• Schemi di navigazione
• Sistemi di etichettatura
• Metadati e vocabolari controllati
![Page 15: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/15.jpg)
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
FasediProgettazione
Visual web designer
• Layout grafici
• Equilibri e gerarchie visive
• Aspetti di colore
• Aspetti di lettering
![Page 16: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/16.jpg)
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
5
FasediProgettazione
Progettazione del contenuto (content marketing)
• Tipologie di contenuti
• Blog corporate
• Linee guida
• Content curation
![Page 17: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/17.jpg)
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
5
FasediProgettazione
Usabilità e accesibilità
• Interfacce d’uso
• Usabilità
• Modelli di progettazione
• Metodi expert based
• Metodi user based
![Page 18: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/18.jpg)
5
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
FasediPromozione
Mercato delle ricerche (Search Engine Marketing)
• Funzionamento dei motori di ricerca
• S.E.O. (Search Engine Optimization)
- Analisi interna al sito
- Analisi esterna al sito
- Le fasi della SEO
• Google AdWords
- Annunci
- Ottimizzazione di una campagna
- Campagne
![Page 19: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/19.jpg)
5
Parte II: Strategie e strumenti per la realizzazione di un modello di qualità per i siti web
FasediAnalisi
Analisi qualitativa e
quantitativa dei dati (Web Analytics)
• Strumenti per le statistiche
• Le metriche
![Page 20: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/20.jpg)
Workflow del modello di qualità
13
![Page 21: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/21.jpg)
MARKETING VC USER EXPERIENCE DESIGN
5
UX e marketing discipline affini e in grado di fare la differenza di un prodotto sul mercato hanno bisogno però di ripensarsi per definire perimetri, ambiti di azione e nuovi modelli da elaborare insieme.
VS
![Page 22: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/22.jpg)
Libro di testo: Evoluzione del web
Editoda:AmazonMediaEUS.àr.l.
EvoluzionedelwebdiGuidoFusco
![Page 23: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/23.jpg)
Libro di testo: Fondamenti di web marketing
Editoda:McGraw-Hill
FondamentidiwebmarketingStrategieestrumentiperlarealizzazionediunmodellodiqualitàperisitiweb
diGuidoFusco
![Page 24: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/24.jpg)
Slides corso
http://www.corso-informatica-web.com/appunti-corso/
![Page 25: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/25.jpg)
Web site corso e contatti
Website corso
http://www.corso-informatica-web.com/
fuscoguido
Contatti
![Page 26: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione](https://reader031.vdocuments.site/reader031/viewer/2022021710/5c69e8f609d3f20f7f8bde53/html5/thumbnails/26.jpg)
Licenza Creative Commons
Il presente materiale è pubblicato con licenza Creative Commons 3.0 Italia “Attribuzione - Non commerciale - Condividi allo stesso modo”
http://creativecommons.org/licenses/by-nc-sa/3.0/it/deed.it