1. Tecnologie per il web
Progettazione di un’applicazione 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
l’utente 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’ l’arte di organizzare i dati in modo da
facilitarne il reperimento e l’utilizzo
(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 dell’utente
(c) V. De Luca-2013
9

10. L’utente
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,
l’espressione 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 un’applicazione web)
• A sua volta, i contenuti, l’espressione 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 dell’azienda (il committente)
– Finanziatori del progetto (sponsor, oppure committente
stesso)
– Dipendenti della società (possono essere fornitori di
informazioni – ma non sempre tutta l’informazione appartiene
all’azienda)
– Clienti
– Partner aziendali (fornitori, consulenti, distributori, ecc)
– Esperti (informatici, legali, ecc)
– Tecnici (possono anche essere dipendenti dell’azienda)
– 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