SlideShare una empresa de Scribd logo
1 de 23
Descargar para leer sin conexión
12 dicembre 2017 @ Copernico
12 dicembre 2017 @ Copernico
Designer specializzato in User Experience per
prodotti e servizi digiali.
+10 anni di attività come consulente per agenzie -
es. VISUP, AKQA, H-Farm - startup, PMI e istituzioni.
Collaborazione continuativa col Politecnico di
Milano nella didattica e nei progetti di ricerca.
Direttore Tecnico del Corso di Alta Formazione in
User Experience Design di POLI.design.
Quick bio
12 dicembre 2017 @ Copernico
Javier Oliver
Dal low-fidelity all’high-fidelity.
12 dicembre 2017 @ Copernico
Lo UX/UI designer esiste davvero?
12 dicembre 2017 @ Copernico
Minimalismo > Usabilità
Dettaglio > Sistema
Stile > Flusso
Quando lo UI fa UX
12 dicembre 2017 @ Copernico
Rework, rework, rework
Quando lo UI fa UX
12 dicembre 2017 @ Copernico
Familiarità > Impatto
Quick & dirty > Dettaglio
Concept > Esecutivi
Quando lo UX fa UI
12 dicembre 2017 @ Copernico
Rework, rework, rework
Quando lo UX fa UI
12 dicembre 2017 @ Copernico
Di fatto esistono sul mercato persone
con valide skill sia di UX che di UI.
Ma in un progetto è comunque bene
separare i ruoli in due figure diverse.
12 dicembre 2017 @ Copernico
Dedicare una fase alla UX e una alla UI
ha un costo, ma è un costo che
dovrebbe massimizzare quelli a venire.
Il problema
12 dicembre 2017 @ Copernico
Integrare più strumenti per non
sovraccaricare le persone.
La soluzione
12 dicembre 2017 @ Copernico
12 dicembre 2017 @ Copernico
12 dicembre 2017 @ Copernico
Una buona pratica: nomi univoci
Template
Componenti
12 dicembre 2017 @ Copernico
UX e UI designer lavorano:
• con lo stesso formato
• con la stessa griglia
• con gli stessi contenuti
• nello stesso ambiente
Perché ora Sketch è lo standard
12 dicembre 2017 @ Copernico
Sketch
Un cocktail di strumenti
Craft InVision Zep.lin+ + +
12 dicembre 2017 @ Copernico
Sketch
Alternative
Marvel
Sketch
Plugin
Marvel
App
Marvel
Handoff
+ + +
12 dicembre 2017 @ Copernico
Dropbox
Repository remota
Google Drive/
12 dicembre 2017 @ Copernico
Da tenere d’occhio
InVision Studio
12 dicembre 2017 @ Copernico
Da tenere d’occhio
Framer
12 dicembre 2017 @ Copernico
Da tenere d’occhio
Design Systems tools
• https://medium.com/sketch-app-sources/sketch-tools-for-managing-a-design-
system-ca8845d1903b
• https://www.uxpin.com/design-systems
12 dicembre 2017 @ Copernico
“Non devi mai permettere ai tuoi strumenti
di avere la meglio sul messaggio.”


Platon, Abstract
Grazie.
http://www.polidesign.net/uxd

Más contenido relacionado

Similar a UX e UI: buone pratiche e strumenti

Similar a UX e UI: buone pratiche e strumenti (20)

Impari premio forum pa 2017
Impari premio forum pa 2017Impari premio forum pa 2017
Impari premio forum pa 2017
 
Lean UX Development - Approach and toolkit - Fabbrucci
Lean UX Development - Approach and toolkit - FabbrucciLean UX Development - Approach and toolkit - Fabbrucci
Lean UX Development - Approach and toolkit - Fabbrucci
 
Lean UX Development
Lean UX DevelopmentLean UX Development
Lean UX Development
 
Bot and related technologies landscape - BotConference 2017 - Turin - ISMB
Bot and related technologies landscape - BotConference 2017 - Turin - ISMBBot and related technologies landscape - BotConference 2017 - Turin - ISMB
Bot and related technologies landscape - BotConference 2017 - Turin - ISMB
 
APP CSIA
APP CSIAAPP CSIA
APP CSIA
 
#WUDTour - UX/IA tra dati e parole - Data Driven UX
#WUDTour - UX/IA tra dati e parole - Data Driven UX#WUDTour - UX/IA tra dati e parole - Data Driven UX
#WUDTour - UX/IA tra dati e parole - Data Driven UX
 
Il viaggio di un'architettura: dal monolite ad un ecosistema di API ed eventi
Il viaggio di un'architettura: dal monolite ad un ecosistema di API ed eventiIl viaggio di un'architettura: dal monolite ad un ecosistema di API ed eventi
Il viaggio di un'architettura: dal monolite ad un ecosistema di API ed eventi
 
La prototipazione
La prototipazioneLa prototipazione
La prototipazione
 
One style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
One style to rule'em all - Styleguide & Atomic Design ~ Gaia ZuccaroOne style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
One style to rule'em all - Styleguide & Atomic Design ~ Gaia Zuccaro
 
Web Design ottimizzato per Contao CMS
Web Design ottimizzato per Contao CMSWeb Design ottimizzato per Contao CMS
Web Design ottimizzato per Contao CMS
 
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
Angular kit e Design system del Paese - Meetup ngRome 30 Gennaio 2023
 
Responsive Design: dall'identità al web
Responsive Design: dall'identità al webResponsive Design: dall'identità al web
Responsive Design: dall'identità al web
 
CodesignToscana - 2017 annual report
CodesignToscana - 2017 annual reportCodesignToscana - 2017 annual report
CodesignToscana - 2017 annual report
 
MƎTHESIS - METALLO STAMPATO IN 3D, IL PRODUCT DESIGN DEL FUTURO ALLA MILANO D...
MƎTHESIS - METALLO STAMPATO IN 3D, IL PRODUCT DESIGN DEL FUTURO ALLA MILANO D...MƎTHESIS - METALLO STAMPATO IN 3D, IL PRODUCT DESIGN DEL FUTURO ALLA MILANO D...
MƎTHESIS - METALLO STAMPATO IN 3D, IL PRODUCT DESIGN DEL FUTURO ALLA MILANO D...
 
We are #hiring - Ariadne Digital.pdf
We are #hiring - Ariadne Digital.pdfWe are #hiring - Ariadne Digital.pdf
We are #hiring - Ariadne Digital.pdf
 
Tutto sulla prototipazione: cos’è, perché e quando si utilizza
Tutto sulla prototipazione: cos’è, perché e quando si utilizzaTutto sulla prototipazione: cos’è, perché e quando si utilizza
Tutto sulla prototipazione: cos’è, perché e quando si utilizza
 
Covegno UPI - Lavorare in movimento
Covegno UPI - Lavorare in movimentoCovegno UPI - Lavorare in movimento
Covegno UPI - Lavorare in movimento
 
Sql Saturday a Pordenone - Sql Server journey, da dev a ops
Sql Saturday a Pordenone - Sql Server journey, da dev a opsSql Saturday a Pordenone - Sql Server journey, da dev a ops
Sql Saturday a Pordenone - Sql Server journey, da dev a ops
 
Final Thesis - Project Management e User Experience Design: Una integrazione ...
Final Thesis - Project Management e User Experience Design: Una integrazione ...Final Thesis - Project Management e User Experience Design: Una integrazione ...
Final Thesis - Project Management e User Experience Design: Una integrazione ...
 
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...
 

Más de Coppa+Landini

Más de Coppa+Landini (20)

Food trend 2018 abstract gellify
Food trend 2018 abstract gellifyFood trend 2018 abstract gellify
Food trend 2018 abstract gellify
 
Progettare esperienze per emozionare. La transizione dalla UX alla UI.
Progettare esperienze per emozionare. La transizione dalla UX alla UI.Progettare esperienze per emozionare. La transizione dalla UX alla UI.
Progettare esperienze per emozionare. La transizione dalla UX alla UI.
 
UX: chi, come, cosa e perché
UX: chi, come, cosa e perchéUX: chi, come, cosa e perché
UX: chi, come, cosa e perché
 
La comunicazione interna nell'era multicanale
La comunicazione interna nell'era multicanaleLa comunicazione interna nell'era multicanale
La comunicazione interna nell'era multicanale
 
L'intelligenza artificiale al servizio dell'HR
L'intelligenza artificiale al servizio dell'HRL'intelligenza artificiale al servizio dell'HR
L'intelligenza artificiale al servizio dell'HR
 
L'agenda dell'HR per la digital transformation: presentazione della survey
L'agenda dell'HR per la digital transformation: presentazione della surveyL'agenda dell'HR per la digital transformation: presentazione della survey
L'agenda dell'HR per la digital transformation: presentazione della survey
 
HR digitalization: processi e progetti
HR digitalization: processi e progetti HR digitalization: processi e progetti
HR digitalization: processi e progetti
 
L'ecosistema digitale di Siemens Healthineers: dall'analisi del dato alla med...
L'ecosistema digitale di Siemens Healthineers: dall'analisi del dato alla med...L'ecosistema digitale di Siemens Healthineers: dall'analisi del dato alla med...
L'ecosistema digitale di Siemens Healthineers: dall'analisi del dato alla med...
 
Informatica e Genetica per una vera precision medicine
Informatica e Genetica per una vera precision medicine Informatica e Genetica per una vera precision medicine
Informatica e Genetica per una vera precision medicine
 
Sistemi indossabili per la salute e il benessere della persona
Sistemi indossabili per la salute e il benessere della personaSistemi indossabili per la salute e il benessere della persona
Sistemi indossabili per la salute e il benessere della persona
 
aXurge: la matematica va in corsia
aXurge: la matematica va in corsia aXurge: la matematica va in corsia
aXurge: la matematica va in corsia
 
From prevention to the chronic patient management
From prevention to the chronic patient management From prevention to the chronic patient management
From prevention to the chronic patient management
 
Trend analysis in healthcare
Trend analysis in healthcare Trend analysis in healthcare
Trend analysis in healthcare
 
Message in a chatbot. I bot tra hype e realtà, come interfaccia conversaziona...
Message in a chatbot. I bot tra hype e realtà, come interfaccia conversaziona...Message in a chatbot. I bot tra hype e realtà, come interfaccia conversaziona...
Message in a chatbot. I bot tra hype e realtà, come interfaccia conversaziona...
 
Quando l'umanità non servirà più
Quando l'umanità non servirà piùQuando l'umanità non servirà più
Quando l'umanità non servirà più
 
Vocal interaction & chatbot
Vocal interaction & chatbot Vocal interaction & chatbot
Vocal interaction & chatbot
 
La nuova era dei robots: grandi opportunità e rischi
La nuova era dei robots: grandi opportunità e rischiLa nuova era dei robots: grandi opportunità e rischi
La nuova era dei robots: grandi opportunità e rischi
 
Mappe e algoritmi
Mappe e algoritmi Mappe e algoritmi
Mappe e algoritmi
 
Map interfaces
Map interfaces Map interfaces
Map interfaces
 
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
Costruire mappe per i progetti di territorio: interpretare contesti e "comunità"
 

UX e UI: buone pratiche e strumenti

  • 1. 12 dicembre 2017 @ Copernico
  • 2. 12 dicembre 2017 @ Copernico Designer specializzato in User Experience per prodotti e servizi digiali. +10 anni di attività come consulente per agenzie - es. VISUP, AKQA, H-Farm - startup, PMI e istituzioni. Collaborazione continuativa col Politecnico di Milano nella didattica e nei progetti di ricerca. Direttore Tecnico del Corso di Alta Formazione in User Experience Design di POLI.design. Quick bio
  • 3. 12 dicembre 2017 @ Copernico Javier Oliver Dal low-fidelity all’high-fidelity.
  • 4. 12 dicembre 2017 @ Copernico Lo UX/UI designer esiste davvero?
  • 5. 12 dicembre 2017 @ Copernico Minimalismo > Usabilità Dettaglio > Sistema Stile > Flusso Quando lo UI fa UX
  • 6. 12 dicembre 2017 @ Copernico Rework, rework, rework Quando lo UI fa UX
  • 7. 12 dicembre 2017 @ Copernico Familiarità > Impatto Quick & dirty > Dettaglio Concept > Esecutivi Quando lo UX fa UI
  • 8. 12 dicembre 2017 @ Copernico Rework, rework, rework Quando lo UX fa UI
  • 9. 12 dicembre 2017 @ Copernico Di fatto esistono sul mercato persone con valide skill sia di UX che di UI. Ma in un progetto è comunque bene separare i ruoli in due figure diverse.
  • 10. 12 dicembre 2017 @ Copernico Dedicare una fase alla UX e una alla UI ha un costo, ma è un costo che dovrebbe massimizzare quelli a venire. Il problema
  • 11. 12 dicembre 2017 @ Copernico Integrare più strumenti per non sovraccaricare le persone. La soluzione
  • 12. 12 dicembre 2017 @ Copernico
  • 13. 12 dicembre 2017 @ Copernico
  • 14. 12 dicembre 2017 @ Copernico Una buona pratica: nomi univoci Template Componenti
  • 15. 12 dicembre 2017 @ Copernico UX e UI designer lavorano: • con lo stesso formato • con la stessa griglia • con gli stessi contenuti • nello stesso ambiente Perché ora Sketch è lo standard
  • 16. 12 dicembre 2017 @ Copernico Sketch Un cocktail di strumenti Craft InVision Zep.lin+ + +
  • 17. 12 dicembre 2017 @ Copernico Sketch Alternative Marvel Sketch Plugin Marvel App Marvel Handoff + + +
  • 18. 12 dicembre 2017 @ Copernico Dropbox Repository remota Google Drive/
  • 19. 12 dicembre 2017 @ Copernico Da tenere d’occhio InVision Studio
  • 20. 12 dicembre 2017 @ Copernico Da tenere d’occhio Framer
  • 21. 12 dicembre 2017 @ Copernico Da tenere d’occhio Design Systems tools • https://medium.com/sketch-app-sources/sketch-tools-for-managing-a-design- system-ca8845d1903b • https://www.uxpin.com/design-systems
  • 22. 12 dicembre 2017 @ Copernico “Non devi mai permettere ai tuoi strumenti di avere la meglio sul messaggio.” 
 Platon, Abstract