際際滷

際際滷Share a Scribd company logo
Tecnologie per il web
Progettazione di unapplicazione web
Progettazione di un sito
processo di information design

(c) V. De Luca-2013

2
applicazione web < > sito web
 Evoluzione
 Siti vetrina (chi siamo, i nostri prodotti) 
applicazioni web (siti con struttura complesse)
 Tecnologie avanzate  linguaggi dinamici
 Obiettivi ampliati  non pi湛 quello che
vogliamo mostrare di noi ma quello che
lutente vuole da noi
Sito complesso
Applicazione web
SaaS
(c) V. De Luca-2013

3
Dovremmo essere in grado di
sviluppare pagine web?
 Si 竪 No
 Se si tratta di un sito non professionale (sito della
mia associazione sportiva oppure sito personale),
la risposta 竪 SI (perch辿 no?)
 Se si tratta della mia azienda, devo essere in
grado di spiegare che non c竪 spazio per i
dilettanti. Devo essere in grado di pensare al sito
come facente parte di una strategia di
comunicazione integrata ed essere capace di
costruire una campagna di cui faccia parte anche
il sito
 Devo essere in grado di prendere le decisioni
che riguarderanno il sito
(c) V. De Luca-2013

4
Sviluppare un sito web
 Non vuole dire usare tecnologie
 Vuole dire organizzare informazioni

Questo 竪 la sostanza di questo corso
(c) V. De Luca-2013

5
(c) V. De Luca-2013

Information design
 E larte di organizzare i dati in modo da
facilitarne il reperimento e lutilizzo
(Fonte: Ani Phyo. Un sito web in 7 mosse)
 E una competenza utile in TUTTI i
processi di comunicazione

6
Facciamo information design OGNI GIORNO

(c) V. De Luca-2013

7
(c) V. De Luca-2013

8
Il problema 竪 che segue la NOSTRA forma mentale

Non quella dellutente

(c) V. De Luca-2013

9
Lutente

PERSONE che si servono di un determinato sito web

(c) V. De Luca-2013

10
Processo di Information Design
 Determinare le esigenze degli utenti e degli
stakeholder
 Stabilire gli obiettivi del sito
 Analizzare la concorrenza
 Progettare la struttura, i percorsi e gli schemi di
navigazione del sito
Fonte: Ani Phyo, Un sito web in 7
mosse, Arnoldo Mondadori Editore,
 Creare testo e layout
2003
 Sviluppare prototipi
 Condurre testi di usabilit
(c) V. De Luca-2013

11
Il team web

(c) V. De Luca-2013

12
Prima fase
1. Determinare utenti e le loro esigenze
2. Stabilire gli obiettivi (in questa fase: gli
obiettivi di alto livello)
 Marketing manager
 Project manager

(c) V. De Luca-2013

13
(c) V. De Luca-2013

La strategia e il piano di comunicazione
 La strategia deve determinare gli obiettivi
da perseguire, il pubblico da raggiungere
(stakeholder) e gli strumenti da utilizzare
(non solo il web!)

14
(c) V. De Luca-2013

15

Altre domande
1. avete gi un sito web; se si, volete aggiornarlo
oppure rifarlo partendo da zero? (caso di
rifacimento di un sito)
2. avete gi una grafica vostra (colori, logo)  uno
studio di grafica che si occupa della vostra
organizzazione?
3. la grafica del sito dovr anche essere usata
per manifesti, brochure, ecc?
Gli obiettivi del sito
 Sono in relazione con i contenuti,
lespressione del sito (colori, animazioni,
ecc) e gli strumenti che verranno utilizzati
per creare le funzionalit del sito (che si
tratti di un sito puramente informativo
oppure di unapplicazione web)
 A sua volta, i contenuti, lespressione e il
veicolo strumentale sono correlati tra di
loro
(c) V. De Luca-2013

16
Modello astratto di un sito web
Forma
e
sostanza

Contenuto

Espressione
Sito web

tecnologia

veicolo
strumentale

Fonte: G.Brajnik, E.Toppano, Creare siti web multimediali, Pearson. Milano, 2007
(c) V. De Luca-2013

17
(c) V. De Luca-2013

Gli obiettivi del sito?
 Esempi:
 Attirare nuovi clienti
 Fidelizzare clienti esistenti
 Fare conoscere i nuovi prodotti
 Vendere online
 Posizionarsi sul mercato
 Fare parlare di se
 Cambiare il brand
 ecc

18
Si tratta di rispondere anche a
domande quali
 Cosa il sito permetter di fare? (Quali caratteristiche
permetteranno di soddisfare gli obiettivi aziendali?)
 Qui sono i concorrenti e cosa fanno nel web
 Quale funzionalit permetteranno di supportare gli
obiettivi del sito
 Quali sono le priorit?
 Come finanziare il sito?
 Come si far la comunicazione tra utenti e il sito?
 Come sar misurato il successo del sito?
 (se si tratta di un sito esistente, quali sono gli obiettivi
esistenti? In quale misura devono essere modificati?)
(Cosa vi piace o non vi piace nel sito esistente?)
(c) V. De Luca-2013

19
Fonte: G.Brajnik, E.Toppano, Creare siti web multimediali, Pearson. Milano, 2007

Stakeholder di un sito
 Chi sono i cointeressati al sito?

 Dirigenti dellazienda (il committente)
 Finanziatori del progetto (sponsor, oppure committente
stesso)
 Dipendenti della societ (possono essere fornitori di
informazioni  ma non sempre tutta linformazione appartiene
allazienda)
 Clienti
 Partner aziendali (fornitori, consulenti, distributori, ecc)
 Esperti (informatici, legali, ecc)
 Tecnici (possono anche essere dipendenti dellazienda)
 Stampa (fanno parte degli opinion maker)
 Investitori (fanno parte degli opinion maker)
 Comunit
 Influencer
(c) V. De Luca-2013

20
Inoltre, per completare il processo
di information design

Etichettare i documenti (preparazione dei contenuti del sito)
Raccogliere informazioni riguardanti il BRAND (guida dello 束stile損
aziendale  se non esiste ancora, 竪 tempo di redigerne una!)

PROCESSO DI INFORMATION
DESIGN
(c) V. De Luca-2013

21
(c) V. De Luca-2013

22

More Related Content

Il progetto web

  • 1. Tecnologie per il web Progettazione di unapplicazione web
  • 2. Progettazione di un sito processo di information design (c) V. De Luca-2013 2
  • 3. applicazione web < > sito web Evoluzione Siti vetrina (chi siamo, i nostri prodotti) applicazioni web (siti con struttura complesse) Tecnologie avanzate linguaggi dinamici Obiettivi ampliati non pi湛 quello che vogliamo mostrare di noi ma quello che lutente vuole da noi Sito complesso Applicazione web SaaS (c) V. De Luca-2013 3
  • 4. Dovremmo essere in grado di sviluppare pagine web? Si 竪 No Se si tratta di un sito non professionale (sito della mia associazione sportiva oppure sito personale), la risposta 竪 SI (perch辿 no?) Se si tratta della mia azienda, devo essere in grado di spiegare che non c竪 spazio per i dilettanti. Devo essere in grado di pensare al sito come facente parte di una strategia di comunicazione integrata ed essere capace di costruire una campagna di cui faccia parte anche il sito Devo essere in grado di prendere le decisioni che riguarderanno il sito (c) V. De Luca-2013 4
  • 5. Sviluppare un sito web Non vuole dire usare tecnologie Vuole dire organizzare informazioni Questo 竪 la sostanza di questo corso (c) V. De Luca-2013 5
  • 6. (c) V. De Luca-2013 Information design E larte di organizzare i dati in modo da facilitarne il reperimento e lutilizzo (Fonte: Ani Phyo. Un sito web in 7 mosse) E una competenza utile in TUTTI i processi di comunicazione 6
  • 7. Facciamo information design OGNI GIORNO (c) V. De Luca-2013 7
  • 8. (c) V. De Luca-2013 8
  • 9. Il problema 竪 che segue la NOSTRA forma mentale Non quella dellutente (c) V. De Luca-2013 9
  • 10. Lutente PERSONE che si servono di un determinato sito web (c) V. De Luca-2013 10
  • 11. Processo di Information Design Determinare le esigenze degli utenti e degli stakeholder Stabilire gli obiettivi del sito Analizzare la concorrenza Progettare la struttura, i percorsi e gli schemi di navigazione del sito Fonte: Ani Phyo, Un sito web in 7 mosse, Arnoldo Mondadori Editore, Creare testo e layout 2003 Sviluppare prototipi Condurre testi di usabilit (c) V. De Luca-2013 11
  • 12. Il team web (c) V. De Luca-2013 12
  • 13. Prima fase 1. Determinare utenti e le loro esigenze 2. Stabilire gli obiettivi (in questa fase: gli obiettivi di alto livello) Marketing manager Project manager (c) V. De Luca-2013 13
  • 14. (c) V. De Luca-2013 La strategia e il piano di comunicazione La strategia deve determinare gli obiettivi da perseguire, il pubblico da raggiungere (stakeholder) e gli strumenti da utilizzare (non solo il web!) 14
  • 15. (c) V. De Luca-2013 15 Altre domande 1. avete gi un sito web; se si, volete aggiornarlo oppure rifarlo partendo da zero? (caso di rifacimento di un sito) 2. avete gi una grafica vostra (colori, logo) uno studio di grafica che si occupa della vostra organizzazione? 3. la grafica del sito dovr anche essere usata per manifesti, brochure, ecc?
  • 16. Gli obiettivi del sito Sono in relazione con i contenuti, lespressione del sito (colori, animazioni, ecc) e gli strumenti che verranno utilizzati per creare le funzionalit del sito (che si tratti di un sito puramente informativo oppure di unapplicazione web) A sua volta, i contenuti, lespressione e il veicolo strumentale sono correlati tra di loro (c) V. De Luca-2013 16
  • 17. Modello astratto di un sito web Forma e sostanza Contenuto Espressione Sito web tecnologia veicolo strumentale Fonte: G.Brajnik, E.Toppano, Creare siti web multimediali, Pearson. Milano, 2007 (c) V. De Luca-2013 17
  • 18. (c) V. De Luca-2013 Gli obiettivi del sito? Esempi: Attirare nuovi clienti Fidelizzare clienti esistenti Fare conoscere i nuovi prodotti Vendere online Posizionarsi sul mercato Fare parlare di se Cambiare il brand ecc 18
  • 19. Si tratta di rispondere anche a domande quali Cosa il sito permetter di fare? (Quali caratteristiche permetteranno di soddisfare gli obiettivi aziendali?) Qui sono i concorrenti e cosa fanno nel web Quale funzionalit permetteranno di supportare gli obiettivi del sito Quali sono le priorit? Come finanziare il sito? Come si far la comunicazione tra utenti e il sito? Come sar misurato il successo del sito? (se si tratta di un sito esistente, quali sono gli obiettivi esistenti? In quale misura devono essere modificati?) (Cosa vi piace o non vi piace nel sito esistente?) (c) V. De Luca-2013 19
  • 20. Fonte: G.Brajnik, E.Toppano, Creare siti web multimediali, Pearson. Milano, 2007 Stakeholder di un sito Chi sono i cointeressati al sito? Dirigenti dellazienda (il committente) Finanziatori del progetto (sponsor, oppure committente stesso) Dipendenti della societ (possono essere fornitori di informazioni ma non sempre tutta linformazione appartiene allazienda) Clienti Partner aziendali (fornitori, consulenti, distributori, ecc) Esperti (informatici, legali, ecc) Tecnici (possono anche essere dipendenti dellazienda) Stampa (fanno parte degli opinion maker) Investitori (fanno parte degli opinion maker) Comunit Influencer (c) V. De Luca-2013 20
  • 21. Inoltre, per completare il processo di information design Etichettare i documenti (preparazione dei contenuti del sito) Raccogliere informazioni riguardanti il BRAND (guida dello 束stile損 aziendale se non esiste ancora, 竪 tempo di redigerne una!) PROCESSO DI INFORMATION DESIGN (c) V. De Luca-2013 21
  • 22. (c) V. De Luca-2013 22