SlideShare a Scribd company logo
1 of 13
Download to read offline
Luigi Rossini - UX Designer@dopaminoACCESSIBILITÀ EUSER-CENTERED DESIGNL´ecosistema web, modelli di design e modelli di interazione utente Roma, 14 febbrio 2014 0
Luigi Rossini - UX Designer@dopaminoCHI SONOMi chiamo Luigi Rossinidisegno siti e applicazioni. 1
Luigi Rossini - UX Designer@dopaminoCOSA FACCIOGli obiettivi obiettivi del mio lavoro: Intuire le esigenze dell'utente; Avvicinare il concetto di design a quello di funzionalità e praticità; Approcciare al design con una logica di "processo"; Disegnare interfacce dando priorità all'utilità, all'usabilità e all'esteticapossibilmente in questo ordine; 2
Luigi Rossini - UX Designer@dopaminoDESIGN ECO-COMPATIBILEEco in questo caso indica il termine Ecosistema, ovvero l'insieme dei dispositivi connessi. Eco come la capacità che ha il contenuto informativo di raggiungere gliutenti. 3
Luigi Rossini - UX Designer@dopaminoDESIGN ECO-COMPATIBILEUtente + Software + Device + AmbienteCross Browsing - Browser di nuova generazione, browser datati e browser atipici; Cross Device - Device mobili, device tradizionali e wearable devices; Cross Accounting - Account legati alle utenze social (API) account vecchio stile; ES. Apple e Google account 4
Luigi Rossini - UX Designer@dopaminoProtocollo ISO 13407 del 1999, sioccupa didefinire delle linee guida per: Standard riferiti al processo: normesulle procedure e i processi da seguire; Standard riferiti al prodotto: normesugli attributi di una interfaccia utente; Legge sull'accessibilità dei siti webn°4 del 2004detta "Legge Stanca" Standard riferiti all'output: 22 punti dicontrollo, costante confronto con leWGCA; USER CENTERED DESIGN5
Luigi Rossini - UX Designer@dopaminoAPPROCCIOUCD è focalizzato sul creare una soddisfacente esperienza d'uso per gliutenti di un servizio o prodotto. Cosa è importante per l’utente? Che operazioni deve compiere l’utente? Con che frequenza? In che ordine? Esistono vincoli legati alle funzionalità del servizio? Quali sono le aspettative? In che ambiti il UCD può migliorare i processi cognitivi? ES. Strumenti di Home Banking 6
Luigi Rossini - UX Designer@dopaminoATTIVITÀAnalisi Requisiti; Individuazione contesto d’uso; Disegnare soluzioni progettuali; Valutazione del design; ES. Storyboard 7
Luigi Rossini - UX Designer@dopaminoUSER CENTERED DESIGNApproccio centrato sul focus sulle soluzioni, robustezza della UI, scenario diriferimento, qualità dei task presentati e qualità dei task completati. Sequenza dei singoli eventi necessari alla formazione di un qualsiasicontenuto di conoscenza Alfabetizzazione - Considerare il livello medio di capacità di utilizzo delle UI da parte deltarget; Gestures - Analizzare gli eventi che richiamano all’azione sui dispositivi target; Modelli di interazione e archiviazione - Analizzare come sono visti, percepiti e archiviatii contenuti informativi; 8
Luigi Rossini - UX Designer@dopaminoGESTIONE DEGLI UTENTIMisurare il livello di soddisfazione dell'utente per valutare la robustezzadelle soluzioni adottate Gestire le modalità di accesso ai servizi e il sovraccarico cognitivo User Satisfaction - Misuriamo la soddisfazione dell'utente e il livello della sua esperienzad'uso; ES. Skype 9
Luigi Rossini - UX Designer@dopaminoGESTIONE DEGLI UTENTIModificare approccio di UCD in base alle diverse necessitàEs: Comprare un prodotto - Ottimizzare lo scorrimento dei contenuti per i diversi device(Apple Store); Es: Interagire con altre persone - Modellare gli spazi (Facebook); Es: Sincronizzare dati - Determinare il carico cognitivo, progressive disclosure(Dropbox); 10
Luigi Rossini - UX Designer@dopaminoSTRUMENTIRaccolta di link agli strumenti più diffusi per UX. conceptcodify.com - Strumento per le attività di card sorting; quizlabs.github.io/HTML_CodeSniffer/ - Strumento per il controllodel codice HTML; validator.w3.org - Strumento per il controllo del codice HTML; balsamiq.com/ - Strumento per la creazione di wireframe; axure.com - Strumento per la creazione di wireframe; usabilityhub.com - Test di usabilità; usabilitytools.com - Test di usabilità; uxmag.com - Portale di riferimento per la UX; 12
Luigi Rossini - UX Designer@dopaminoGRAZIE! Domande e risposte13

More Related Content

Viewers also liked

Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5Francesco Rodighiero
 
Sharitaly manzini selloni _low
Sharitaly manzini selloni _lowSharitaly manzini selloni _low
Sharitaly manzini selloni _lowDaniela Selloni
 
Candidatura #AG RENA: FIRENZE
Candidatura #AG RENA: FIRENZECandidatura #AG RENA: FIRENZE
Candidatura #AG RENA: FIRENZERENA
 
Candidatura #AG RENA: TORINO
Candidatura #AG RENA: TORINOCandidatura #AG RENA: TORINO
Candidatura #AG RENA: TORINORENA
 
Pervasive IA (IA Summit)
Pervasive IA (IA Summit)Pervasive IA (IA Summit)
Pervasive IA (IA Summit)Andrea Resmini
 
“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...
“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...
“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...RENA
 
Imprese a prova di futuro di Paolo Venturi
Imprese a prova di futuro di Paolo VenturiImprese a prova di futuro di Paolo Venturi
Imprese a prova di futuro di Paolo VenturiRENA
 
AG Bologna 18.06.2016 I Renaissance
AG Bologna 18.06.2016 I RenaissanceAG Bologna 18.06.2016 I Renaissance
AG Bologna 18.06.2016 I RenaissanceRENA
 
“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca
“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca
“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT LuccaRENA
 
Ezio Manzini: innovazione sociale, design e prosperità
Ezio Manzini: innovazione sociale, design e prosperitàEzio Manzini: innovazione sociale, design e prosperità
Ezio Manzini: innovazione sociale, design e prosperitàRENA
 
L'importanza dell'utente finale nel processo di progettazione del front end
L'importanza dell'utente finale nel processo di progettazione del front endL'importanza dell'utente finale nel processo di progettazione del front end
L'importanza dell'utente finale nel processo di progettazione del front endFrancesca Tassistro
 
Design deiservizicollaborativi danielaselloni_sharingschool
Design deiservizicollaborativi danielaselloni_sharingschoolDesign deiservizicollaborativi danielaselloni_sharingschool
Design deiservizicollaborativi danielaselloni_sharingschoolDaniela Selloni
 
Daniela selloni exploretalks_ok
Daniela selloni exploretalks_okDaniela selloni exploretalks_ok
Daniela selloni exploretalks_okDaniela Selloni
 

Viewers also liked (14)

Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5Design per l'accessibilità - Lezione 5
Design per l'accessibilità - Lezione 5
 
Sharitaly manzini selloni _low
Sharitaly manzini selloni _lowSharitaly manzini selloni _low
Sharitaly manzini selloni _low
 
Candidatura #AG RENA: FIRENZE
Candidatura #AG RENA: FIRENZECandidatura #AG RENA: FIRENZE
Candidatura #AG RENA: FIRENZE
 
Candidatura #AG RENA: TORINO
Candidatura #AG RENA: TORINOCandidatura #AG RENA: TORINO
Candidatura #AG RENA: TORINO
 
Pervasive IA (IA Summit)
Pervasive IA (IA Summit)Pervasive IA (IA Summit)
Pervasive IA (IA Summit)
 
“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...
“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...
“Senza leadership al femminile non c'è cambiamento” di Annalisa Monfreda, Don...
 
Imprese a prova di futuro di Paolo Venturi
Imprese a prova di futuro di Paolo VenturiImprese a prova di futuro di Paolo Venturi
Imprese a prova di futuro di Paolo Venturi
 
AG Bologna 18.06.2016 I Renaissance
AG Bologna 18.06.2016 I RenaissanceAG Bologna 18.06.2016 I Renaissance
AG Bologna 18.06.2016 I Renaissance
 
“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca
“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca
“Dinamiche comunitarie nell'era della credulità” di Fabiana Zollo, IMT Lucca
 
Hacking public services
Hacking public servicesHacking public services
Hacking public services
 
Ezio Manzini: innovazione sociale, design e prosperità
Ezio Manzini: innovazione sociale, design e prosperitàEzio Manzini: innovazione sociale, design e prosperità
Ezio Manzini: innovazione sociale, design e prosperità
 
L'importanza dell'utente finale nel processo di progettazione del front end
L'importanza dell'utente finale nel processo di progettazione del front endL'importanza dell'utente finale nel processo di progettazione del front end
L'importanza dell'utente finale nel processo di progettazione del front end
 
Design deiservizicollaborativi danielaselloni_sharingschool
Design deiservizicollaborativi danielaselloni_sharingschoolDesign deiservizicollaborativi danielaselloni_sharingschool
Design deiservizicollaborativi danielaselloni_sharingschool
 
Daniela selloni exploretalks_ok
Daniela selloni exploretalks_okDaniela selloni exploretalks_ok
Daniela selloni exploretalks_ok
 

Similar to pdfPresFeb2014

Usabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazioneUsabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazionesemrush_webinars
 
Portfolio matteo vacca
Portfolio matteo vaccaPortfolio matteo vacca
Portfolio matteo vaccaMatteo Vacca
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusJessica Forlani
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto PedalamiMelaniaMauri
 
Model view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction designModel view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction designStefano Bussolon
 
Portfolio-Nausica Tempesti-UI designer.pdf
 Portfolio-Nausica Tempesti-UI designer.pdf Portfolio-Nausica Tempesti-UI designer.pdf
Portfolio-Nausica Tempesti-UI designer.pdfNausicaTempesti
 
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 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
 
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionLezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionMarco Buonvino
 
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
 
Application Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centeredApplication Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centeredMiriade Spa
 
TSW@e-Commerce Forum 2014: il Design svelato
TSW@e-Commerce Forum 2014: il Design svelatoTSW@e-Commerce Forum 2014: il Design svelato
TSW@e-Commerce Forum 2014: il Design svelatoTSW
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7Argentea
 
WorkUp - Popup Cms
WorkUp - Popup CmsWorkUp - Popup Cms
WorkUp - Popup CmsWorkUp
 

Similar to pdfPresFeb2014 (20)

Usabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazioneUsabilità e User Experience​ - L'utente al centro della progettazione
Usabilità e User Experience​ - L'utente al centro della progettazione
 
Ux activities
Ux activitiesUx activities
Ux activities
 
Portfolio matteo vacca
Portfolio matteo vaccaPortfolio matteo vacca
Portfolio matteo vacca
 
Progetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +PlusProgetto di Ergonomia Cognitiva: Decathlon +Plus
Progetto di Ergonomia Cognitiva: Decathlon +Plus
 
Relazione finale progetto Pedalami
Relazione finale progetto PedalamiRelazione finale progetto Pedalami
Relazione finale progetto Pedalami
 
Ux fast - workshop
Ux fast - workshop Ux fast - workshop
Ux fast - workshop
 
Model view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction designModel view controller: un pattern per l’interaction design
Model view controller: un pattern per l’interaction design
 
Ux for nerds
Ux for nerdsUx for nerds
Ux for nerds
 
User Visual Impact - SR Labs Marketing&Usability
User Visual Impact - SR Labs Marketing&UsabilityUser Visual Impact - SR Labs Marketing&Usability
User Visual Impact - SR Labs Marketing&Usability
 
Portfolio-Nausica Tempesti-UI designer.pdf
 Portfolio-Nausica Tempesti-UI designer.pdf Portfolio-Nausica Tempesti-UI designer.pdf
Portfolio-Nausica Tempesti-UI designer.pdf
 
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 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
 
B com 2014 | Caffeina
B com 2014 | CaffeinaB com 2014 | Caffeina
B com 2014 | Caffeina
 
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 editionLezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
Lezione Comunicazione Visiva e Design delle Interfacce - Unimib - 2014 edition
 
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...
 
Application Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centeredApplication Development: come sviluppare un'app user centered
Application Development: come sviluppare un'app user centered
 
TSW@e-Commerce Forum 2014: il Design svelato
TSW@e-Commerce Forum 2014: il Design svelatoTSW@e-Commerce Forum 2014: il Design svelato
TSW@e-Commerce Forum 2014: il Design svelato
 
Com pa 05nov2009_7
Com pa 05nov2009_7Com pa 05nov2009_7
Com pa 05nov2009_7
 
Ux scrum e gilde...
Ux scrum e gilde...Ux scrum e gilde...
Ux scrum e gilde...
 
WorkUp - Popup Cms
WorkUp - Popup CmsWorkUp - Popup Cms
WorkUp - Popup Cms
 

pdfPresFeb2014

  • 1. Luigi Rossini - UX Designer@dopaminoACCESSIBILITÀ EUSER-CENTERED DESIGNL´ecosistema web, modelli di design e modelli di interazione utente Roma, 14 febbrio 2014 0
  • 2. Luigi Rossini - UX Designer@dopaminoCHI SONOMi chiamo Luigi Rossinidisegno siti e applicazioni. 1
  • 3. Luigi Rossini - UX Designer@dopaminoCOSA FACCIOGli obiettivi obiettivi del mio lavoro: Intuire le esigenze dell'utente; Avvicinare il concetto di design a quello di funzionalità e praticità; Approcciare al design con una logica di "processo"; Disegnare interfacce dando priorità all'utilità, all'usabilità e all'esteticapossibilmente in questo ordine; 2
  • 4. Luigi Rossini - UX Designer@dopaminoDESIGN ECO-COMPATIBILEEco in questo caso indica il termine Ecosistema, ovvero l'insieme dei dispositivi connessi. Eco come la capacità che ha il contenuto informativo di raggiungere gliutenti. 3
  • 5. Luigi Rossini - UX Designer@dopaminoDESIGN ECO-COMPATIBILEUtente + Software + Device + AmbienteCross Browsing - Browser di nuova generazione, browser datati e browser atipici; Cross Device - Device mobili, device tradizionali e wearable devices; Cross Accounting - Account legati alle utenze social (API) account vecchio stile; ES. Apple e Google account 4
  • 6. Luigi Rossini - UX Designer@dopaminoProtocollo ISO 13407 del 1999, sioccupa didefinire delle linee guida per: Standard riferiti al processo: normesulle procedure e i processi da seguire; Standard riferiti al prodotto: normesugli attributi di una interfaccia utente; Legge sull'accessibilità dei siti webn°4 del 2004detta "Legge Stanca" Standard riferiti all'output: 22 punti dicontrollo, costante confronto con leWGCA; USER CENTERED DESIGN5
  • 7. Luigi Rossini - UX Designer@dopaminoAPPROCCIOUCD è focalizzato sul creare una soddisfacente esperienza d'uso per gliutenti di un servizio o prodotto. Cosa è importante per l’utente? Che operazioni deve compiere l’utente? Con che frequenza? In che ordine? Esistono vincoli legati alle funzionalità del servizio? Quali sono le aspettative? In che ambiti il UCD può migliorare i processi cognitivi? ES. Strumenti di Home Banking 6
  • 8. Luigi Rossini - UX Designer@dopaminoATTIVITÀAnalisi Requisiti; Individuazione contesto d’uso; Disegnare soluzioni progettuali; Valutazione del design; ES. Storyboard 7
  • 9. Luigi Rossini - UX Designer@dopaminoUSER CENTERED DESIGNApproccio centrato sul focus sulle soluzioni, robustezza della UI, scenario diriferimento, qualità dei task presentati e qualità dei task completati. Sequenza dei singoli eventi necessari alla formazione di un qualsiasicontenuto di conoscenza Alfabetizzazione - Considerare il livello medio di capacità di utilizzo delle UI da parte deltarget; Gestures - Analizzare gli eventi che richiamano all’azione sui dispositivi target; Modelli di interazione e archiviazione - Analizzare come sono visti, percepiti e archiviatii contenuti informativi; 8
  • 10. Luigi Rossini - UX Designer@dopaminoGESTIONE DEGLI UTENTIMisurare il livello di soddisfazione dell'utente per valutare la robustezzadelle soluzioni adottate Gestire le modalità di accesso ai servizi e il sovraccarico cognitivo User Satisfaction - Misuriamo la soddisfazione dell'utente e il livello della sua esperienzad'uso; ES. Skype 9
  • 11. Luigi Rossini - UX Designer@dopaminoGESTIONE DEGLI UTENTIModificare approccio di UCD in base alle diverse necessitàEs: Comprare un prodotto - Ottimizzare lo scorrimento dei contenuti per i diversi device(Apple Store); Es: Interagire con altre persone - Modellare gli spazi (Facebook); Es: Sincronizzare dati - Determinare il carico cognitivo, progressive disclosure(Dropbox); 10
  • 12. Luigi Rossini - UX Designer@dopaminoSTRUMENTIRaccolta di link agli strumenti più diffusi per UX. conceptcodify.com - Strumento per le attività di card sorting; quizlabs.github.io/HTML_CodeSniffer/ - Strumento per il controllodel codice HTML; validator.w3.org - Strumento per il controllo del codice HTML; balsamiq.com/ - Strumento per la creazione di wireframe; axure.com - Strumento per la creazione di wireframe; usabilityhub.com - Test di usabilità; usabilitytools.com - Test di usabilità; uxmag.com - Portale di riferimento per la UX; 12
  • 13. Luigi Rossini - UX Designer@dopaminoGRAZIE! Domande e risposte13