Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la...

26
Struttura del corso Elementi di informatica e web – a.a. 2017/2018 di Guido Fusco Università Degli Studi Di Napoli – Federico II Dipartimento di Scienze Sociali - Corso di Laurea in Culture Digitali e Della Comunicazione

Transcript of Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la...

Page 1: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione

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

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

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

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

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

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

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

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

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

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

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

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
Page 14: Struttura del corso - corso-informatica-web.com · progettazione in senso proprio, ma anche la successiva realizzazione o sviluppo. ... • Google AdWords - Annunci - Ottimizzazione

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

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

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

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

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

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

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

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

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

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

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

Web site corso e contatti

[email protected]

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

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