SlideShare uma empresa Scribd logo
1 de 26
Web Design Andrea Crevola [email_address] http://webdesign.3juice.com
Obiettivo del corso ,[object Object],[object Object]
Web design? ,[object Object],[object Object],[object Object],[object Object],[object Object]
Ecologia dell’informazione Un sito web è la risposta data dal team di progetto e sviluppo ad una precisa ecologia dell’informazione. Questa risposta è spesso un compromesso: il web design è l’arte e la scienza dell’individuare il miglior equilibrio possibile tra le diverse componenti dell’ecologia dell’informazione Contesto Contenuti Utenti Tecnologia
Un duplice punto di vista ,[object Object],[object Object]
Il design dei siti web: argomenti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
La “vita” di un progetto web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Il web come professione ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
L’interfaccia ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Una prima distinzione ,[object Object],[object Object],[object Object]
Interfacce web ,[object Object],[object Object],[object Object]
User experience ,[object Object],[object Object],[object Object],[object Object],[http://semanticstudios.com/publications/semantics/000029.php]
Interaction design (1) ,[object Object],[object Object],[object Object],[object Object],[object Object]
Interaction design (2) ,[object Object],[object Object]
Modello implementativo Vs  Modello mentale Modello implementativo Modello mentale  dell’utente Immagine del sistema Azione Feedback [D. Norman] Team di progetto e sviluppo Utente http:// Sistema
L’azione umana Formazione dello scopo Formazione dell’intenzione Specificazione dell’azione Esecuzione Interpretazione Percezione Valutazione del risultato [D. Norman] Utente http://
L’utente di un sito web dovrebbe… ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Il compito del designer ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Progettazione user-centered ,[object Object],[object Object],[object Object],[object Object],[object Object]
Conoscere gli utenti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Modelli dell’utente:  il metodo delle  personae ,[object Object],[object Object],[object Object],[object Object]
Personae:  un esempio ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Personae:  utilità ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Attività #1 ,[object Object],[object Object],[object Object],[object Object],[object Object]
Riferimenti ,[object Object],[object Object],[object Object]
Web Design Andrea Crevola [email_address] http://webdesign.3juice.com

Mais conteúdo relacionado

Mais procurados

Web strategy
Web strategyWeb strategy
Web strategyDML Srl
 
Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Alessio Mantegna
 
Sviluppo Di Un Sito Web
Sviluppo Di Un Sito WebSviluppo Di Un Sito Web
Sviluppo Di Un Sito Webcarlol
 
Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Luca Mascaro
 
Progettare e gestire la user experience nel processo di sviluppo del software
Progettare e gestire la user experience nel processo di sviluppo del softwareProgettare e gestire la user experience nel processo di sviluppo del software
Progettare e gestire la user experience nel processo di sviluppo del softwareLuca Mascaro
 
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebAlberto Rota
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RTJservice
 
La web-collaboration come supporto metodologico per lo sviluppo di una Intranet
La web-collaboration come supporto metodologico per lo sviluppo di una IntranetLa web-collaboration come supporto metodologico per lo sviluppo di una Intranet
La web-collaboration come supporto metodologico per lo sviluppo di una IntranetGianluigi Cogo
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerMatteo Magni
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerMatteo Magni
 

Mais procurados (12)

Web strategy
Web strategyWeb strategy
Web strategy
 
Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?Screen Reader e web 2.0: binomio possibile?
Screen Reader e web 2.0: binomio possibile?
 
Sviluppo Di Un Sito Web
Sviluppo Di Un Sito WebSviluppo Di Un Sito Web
Sviluppo Di Un Sito Web
 
Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...Users on social networks: Cinque scoperte fatte durante le attività user cent...
Users on social networks: Cinque scoperte fatte durante le attività user cent...
 
Progettare e gestire la user experience nel processo di sviluppo del software
Progettare e gestire la user experience nel processo di sviluppo del softwareProgettare e gestire la user experience nel processo di sviluppo del software
Progettare e gestire la user experience nel processo di sviluppo del software
 
Gal.Internet
Gal.InternetGal.Internet
Gal.Internet
 
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il WebElementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
Elementi di Architettura dell'Informazione, Usabilità e Scrittura per il Web
 
Realizzare un sito web
Realizzare un sito webRealizzare un sito web
Realizzare un sito web
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RT
 
La web-collaboration come supporto metodologico per lo sviluppo di una Intranet
La web-collaboration come supporto metodologico per lo sviluppo di una IntranetLa web-collaboration come supporto metodologico per lo sviluppo di una Intranet
La web-collaboration come supporto metodologico per lo sviluppo di una Intranet
 
Web usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesignerWeb usability - 2 | WebMaster & WebDesigner
Web usability - 2 | WebMaster & WebDesigner
 
Web Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesignerWeb Usability - 2 | WebMaster & WebDesigner
Web Usability - 2 | WebMaster & WebDesigner
 

Destaque

BDD & design paradoxes appunti devoxx2012
BDD & design paradoxes   appunti devoxx2012BDD & design paradoxes   appunti devoxx2012
BDD & design paradoxes appunti devoxx2012Nicola Pedot
 
Laboratorio di Web Design 2015/16 - Introduzione al corso
Laboratorio di Web Design 2015/16 - Introduzione al corsoLaboratorio di Web Design 2015/16 - Introduzione al corso
Laboratorio di Web Design 2015/16 - Introduzione al corsoGiovanni Buffa
 
Master in giornalismo, corso di web design - 2 di 4
Master in giornalismo, corso di web design - 2 di 4Master in giornalismo, corso di web design - 2 di 4
Master in giornalismo, corso di web design - 2 di 4Luca Di Bella
 
Studio e realizzazione di Web Services in Ambienti di Sviluppo Integrati
Studio e realizzazione di Web Services in Ambienti di Sviluppo IntegratiStudio e realizzazione di Web Services in Ambienti di Sviluppo Integrati
Studio e realizzazione di Web Services in Ambienti di Sviluppo IntegratiGiusy E Marco Tutone-Calandra
 
Dalla UX alla UI: interfacce grafiche
Dalla UX alla UI: interfacce graficheDalla UX alla UI: interfacce grafiche
Dalla UX alla UI: interfacce graficheFrancesco Acerbi
 
Sito Web Aziendale - 5 passi per il successo
Sito Web Aziendale - 5 passi per il successoSito Web Aziendale - 5 passi per il successo
Sito Web Aziendale - 5 passi per il successoStudio Aqua
 
Breve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaBreve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaSimone Terenziani
 
Come si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internetCome si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internetseopuglia
 
4 Step per analizzare un sito web
4 Step per analizzare un sito web4 Step per analizzare un sito web
4 Step per analizzare un sito webAlessandro Mazzù
 
Modello "Preventivo web design - scheda preliminare"
Modello "Preventivo web design - scheda preliminare"Modello "Preventivo web design - scheda preliminare"
Modello "Preventivo web design - scheda preliminare"Artlandis' Webinar & Workshop
 

Destaque (14)

Lezione 06/2006
Lezione 06/2006Lezione 06/2006
Lezione 06/2006
 
BDD & design paradoxes appunti devoxx2012
BDD & design paradoxes   appunti devoxx2012BDD & design paradoxes   appunti devoxx2012
BDD & design paradoxes appunti devoxx2012
 
Laboratorio di Web Design 2015/16 - Introduzione al corso
Laboratorio di Web Design 2015/16 - Introduzione al corsoLaboratorio di Web Design 2015/16 - Introduzione al corso
Laboratorio di Web Design 2015/16 - Introduzione al corso
 
Master in giornalismo, corso di web design - 2 di 4
Master in giornalismo, corso di web design - 2 di 4Master in giornalismo, corso di web design - 2 di 4
Master in giornalismo, corso di web design - 2 di 4
 
Studio e realizzazione di Web Services in Ambienti di Sviluppo Integrati
Studio e realizzazione di Web Services in Ambienti di Sviluppo IntegratiStudio e realizzazione di Web Services in Ambienti di Sviluppo Integrati
Studio e realizzazione di Web Services in Ambienti di Sviluppo Integrati
 
Dalla UX alla UI: interfacce grafiche
Dalla UX alla UI: interfacce graficheDalla UX alla UI: interfacce grafiche
Dalla UX alla UI: interfacce grafiche
 
Web design basics
Web design basicsWeb design basics
Web design basics
 
Betanzos-Budapest
Betanzos-BudapestBetanzos-Budapest
Betanzos-Budapest
 
Sito Web Aziendale - 5 passi per il successo
Sito Web Aziendale - 5 passi per il successoSito Web Aziendale - 5 passi per il successo
Sito Web Aziendale - 5 passi per il successo
 
Breve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitariaBreve introduzione alla grafica pubblicitaria
Breve introduzione alla grafica pubblicitaria
 
8. Architetture web
8. Architetture web8. Architetture web
8. Architetture web
 
Come si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internetCome si calcolano i costi per la creazione di un sito internet
Come si calcolano i costi per la creazione di un sito internet
 
4 Step per analizzare un sito web
4 Step per analizzare un sito web4 Step per analizzare un sito web
4 Step per analizzare un sito web
 
Modello "Preventivo web design - scheda preliminare"
Modello "Preventivo web design - scheda preliminare"Modello "Preventivo web design - scheda preliminare"
Modello "Preventivo web design - scheda preliminare"
 

Semelhante a Lezione 01/2006

Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7Argentea
 
Principi di interattività in web design for hospitality
Principi di interattività in web design for hospitalityPrincipi di interattività in web design for hospitality
Principi di interattività in web design for hospitalityValentina Iannaco
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto PedalamiMelaniaMauri
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusJessica Forlani
 
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...dario betti
 
Lez 3 parte A DESIGN DI INTERFACCE
Lez 3 parte A  DESIGN DI INTERFACCELez 3 parte A  DESIGN DI INTERFACCE
Lez 3 parte A DESIGN DI INTERFACCELella Varesano
 
Web designer vs Web developer
Web designer vs Web developerWeb designer vs Web developer
Web designer vs Web developerGiuseppe Vizzari
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developerGiuseppe Vizzari
 
Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018Redazione InnovaPuglia
 
Progettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commercialeProgettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commercialeGiulia S
 
14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... 14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... Giuseppe Vizzari
 
L’ufficio stampa online francesca anzalone
L’ufficio stampa online francesca anzaloneL’ufficio stampa online francesca anzalone
L’ufficio stampa online francesca anzaloneNetlife s.r.l.
 
Docenza per Cesvot - Prato
Docenza per Cesvot - PratoDocenza per Cesvot - Prato
Docenza per Cesvot - Pratoneri & neri
 
La semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designersLa semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designersLuna Gasparini
 
WordPress Meetup Torino Giugno 2015
WordPress Meetup Torino Giugno 2015WordPress Meetup Torino Giugno 2015
WordPress Meetup Torino Giugno 2015Maurizio Pelizzone
 

Semelhante a Lezione 01/2006 (20)

Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7
 
Principi di interattività in web design for hospitality
Principi di interattività in web design for hospitalityPrincipi di interattività in web design for hospitality
Principi di interattività in web design for hospitality
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto Pedalami
 
Ux activities
Ux activitiesUx activities
Ux activities
 
Layout tesi stampa
Layout tesi stampaLayout tesi stampa
Layout tesi stampa
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +Plus
 
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...Buone pratiche di progettazione  per i siti web della PA. Tutto quello che av...
Buone pratiche di progettazione per i siti web della PA. Tutto quello che av...
 
UX VS UI
UX VS UIUX VS UI
UX VS UI
 
Lez 3 parte A DESIGN DI INTERFACCE
Lez 3 parte A  DESIGN DI INTERFACCELez 3 parte A  DESIGN DI INTERFACCE
Lez 3 parte A DESIGN DI INTERFACCE
 
Web designer vs Web developer
Web designer vs Web developerWeb designer vs Web developer
Web designer vs Web developer
 
15 - Web designer vs Web developer
15 - Web designer vs Web developer15 - Web designer vs Web developer
15 - Web designer vs Web developer
 
Lezione 2
Lezione 2Lezione 2
Lezione 2
 
Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018Costabile fiera del levante 13 set 2018
Costabile fiera del levante 13 set 2018
 
Progettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commercialeProgettare per la condivisione: usabilità e redesign di un sito web commerciale
Progettare per la condivisione: usabilità e redesign di un sito web commerciale
 
14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ... 14 - Web designer vs Web developer ...
14 - Web designer vs Web developer ...
 
L’ufficio stampa online francesca anzalone
L’ufficio stampa online francesca anzaloneL’ufficio stampa online francesca anzalone
L’ufficio stampa online francesca anzalone
 
Docenza per Cesvot - Prato
Docenza per Cesvot - PratoDocenza per Cesvot - Prato
Docenza per Cesvot - Prato
 
La semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designersLa semiotica a supporto della progettazione: vademecum per UX designers
La semiotica a supporto della progettazione: vademecum per UX designers
 
pdfPresFeb2014
pdfPresFeb2014pdfPresFeb2014
pdfPresFeb2014
 
WordPress Meetup Torino Giugno 2015
WordPress Meetup Torino Giugno 2015WordPress Meetup Torino Giugno 2015
WordPress Meetup Torino Giugno 2015
 

Lezione 01/2006

  • 1. Web Design Andrea Crevola [email_address] http://webdesign.3juice.com
  • 2.
  • 3.
  • 4. Ecologia dell’informazione Un sito web è la risposta data dal team di progetto e sviluppo ad una precisa ecologia dell’informazione. Questa risposta è spesso un compromesso: il web design è l’arte e la scienza dell’individuare il miglior equilibrio possibile tra le diverse componenti dell’ecologia dell’informazione Contesto Contenuti Utenti Tecnologia
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15. Modello implementativo Vs Modello mentale Modello implementativo Modello mentale dell’utente Immagine del sistema Azione Feedback [D. Norman] Team di progetto e sviluppo Utente http:// Sistema
  • 16. L’azione umana Formazione dello scopo Formazione dell’intenzione Specificazione dell’azione Esecuzione Interpretazione Percezione Valutazione del risultato [D. Norman] Utente http://
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.
  • 22.
  • 23.
  • 24.
  • 25.
  • 26. Web Design Andrea Crevola [email_address] http://webdesign.3juice.com