SlideShare a Scribd company logo
1 of 30
Download to read offline
<L’evoluzione del web-site/>
Obbiettivo: conversione!
UI & UX
La User Experience Design (UXD) è il processo che punta a
migliorare la customer satisfacion migliorando la facilità
nell’uso del prodotto e il piacere provocato nell'uso del pro-
dotto stesso, in questo caso un sito web.
“Don’t make the user think”
Voi non siete il vostro utente
L’utente va guidato, molte volte
non sa cosa vuole
Le best practies della UX non sempre
funzionano, ogni sito ha una sua UX
Il mondo cambia ogni giorno, di
conseguenza anche gli utenti si evolvono
Ma cosa serve per una buona UX?
Fissarsi l’obbiettivo, ovvero
la conversione
Conoscere il progetto
Information Architecture
Wireframing, wireframing e wireframing!
aim
Layout o GUI
User Interface
L'interfaccia utente, anche conosciuta come UI (dall'inglese
User Interface), è ciò che si frappone tra una macchina e
un utente, consentendo l'interazione tra i due. In generale
può riferirsi a macchina di qualsiasi natura, tuttavia
l'accezione più nota è in ambito informatico.
Call to action
CONTRASTO NELLA CTA
Il testo della CTA deve essere chiaro
SCOPRI LA RISPOSTA ALLA VITA
ALL’UNIVERSO E AL TUTTO
42
La direzione dello sguardo..
..Indica dove guardare
- Limitare i link prima della CTA
- Form: solo campi (pochi) necessari!
- Le CTA con la stessa funzione devono avere
lo stesso stile
Coerenza nella Ui
VOGLIAMO COERENZA!
Il mobile è vitale (oggi).
OK, ma una volta realizzato il sito?
Mobile, wear, ma non solo.
Relatore:
Enea Nurri
enea.nurri@gmail.com
UI/UX Designer @ Svega SAGL
Linkedin:
https://www.linkedin.com/in/eneanurri
Grazie.

More Related Content

What's hot

What's hot (20)

UX Design Myths
UX Design Myths UX Design Myths
UX Design Myths
 
What is a User Experience?
What is a User Experience? What is a User Experience?
What is a User Experience?
 
UX Design Mini Course
UX Design Mini CourseUX Design Mini Course
UX Design Mini Course
 
Good Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UXGood Morning UX #3 : Les fondamentaux du design UX
Good Morning UX #3 : Les fondamentaux du design UX
 
Hablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designerHablemos de UX - José Ma. Medina, UX UI designer
Hablemos de UX - José Ma. Medina, UX UI designer
 
Introduction to UX
Introduction to UXIntroduction to UX
Introduction to UX
 
ICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and FigmaICCIT Council × GDSC: UX / UI and Figma
ICCIT Council × GDSC: UX / UI and Figma
 
UX UI para Programadores
UX UI para Programadores UX UI para Programadores
UX UI para Programadores
 
UX/UI Introduction
UX/UI IntroductionUX/UI Introduction
UX/UI Introduction
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
UI & UX Design for Startups
UI & UX Design for StartupsUI & UX Design for Startups
UI & UX Design for Startups
 
Pixel Perfect Guide
Pixel Perfect GuidePixel Perfect Guide
Pixel Perfect Guide
 
10 user centered design
10 user centered design10 user centered design
10 user centered design
 
UX research
UX researchUX research
UX research
 
Ux design
Ux designUx design
Ux design
 
What is UX, in 10 Slides
What is UX, in 10 SlidesWhat is UX, in 10 Slides
What is UX, in 10 Slides
 
Arquitetura de informação para Interface Digital
Arquitetura de informação para Interface DigitalArquitetura de informação para Interface Digital
Arquitetura de informação para Interface Digital
 
i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design  i/o extended: Intro to <UX> Design
i/o extended: Intro to <UX> Design
 
Wireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber VasquezWireframing Basics - UX and the Design Process by Amber Vasquez
Wireframing Basics - UX and the Design Process by Amber Vasquez
 
UX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & designUX 101: A quick & dirty introduction to user experience strategy & design
UX 101: A quick & dirty introduction to user experience strategy & design
 

Viewers also liked

Amazon's User Experience
Amazon's User ExperienceAmazon's User Experience
Amazon's User Experience
Jorge Franco
 
Psicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social UsabilityPsicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social Usability
UXconference
 

Viewers also liked (20)

UI/UX l' approccio giusto ad un progetto.
UI/UX l' approccio giusto ad un progetto.UI/UX l' approccio giusto ad un progetto.
UI/UX l' approccio giusto ad un progetto.
 
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
UX Genova 2016 - Dalla UX alla UI: interfacce grafiche
 
Amazon's User Experience
Amazon's User ExperienceAmazon's User Experience
Amazon's User Experience
 
Ux e Ui for Mobile
Ux e Ui for MobileUx e Ui for Mobile
Ux e Ui for Mobile
 
Psicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social UsabilityPsicologia applicata alla UX e Social Usability
Psicologia applicata alla UX e Social Usability
 
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
Explore Talks on "User Experience & User Interface Design" / UX e UI: le diff...
 
Progettazione UX. UX design per non designers
Progettazione UX. UX design per non designersProgettazione UX. UX design per non designers
Progettazione UX. UX design per non designers
 
Workshop User Experience per Coworking Multiverso Valdarno
Workshop User Experience per Coworking Multiverso ValdarnoWorkshop User Experience per Coworking Multiverso Valdarno
Workshop User Experience per Coworking Multiverso Valdarno
 
Portfolio Rossana Valastro
Portfolio Rossana ValastroPortfolio Rossana Valastro
Portfolio Rossana Valastro
 
Relazioni tra i personaggi di un videogioco
Relazioni tra i personaggi di un videogiocoRelazioni tra i personaggi di un videogioco
Relazioni tra i personaggi di un videogioco
 
Cosa sono le Personas e perchè usarle
Cosa sono le Personas e perchè usarleCosa sono le Personas e perchè usarle
Cosa sono le Personas e perchè usarle
 
UI Composition
UI CompositionUI Composition
UI Composition
 
Architettura dell'informazione
Architettura dell'informazioneArchitettura dell'informazione
Architettura dell'informazione
 
Il documento di design
Il documento di designIl documento di design
Il documento di design
 
Explore Talks on "User Experience & User Interface Design" / UX Design is Bus...
Explore Talks on "User Experience & User Interface Design" / UX Design is Bus...Explore Talks on "User Experience & User Interface Design" / UX Design is Bus...
Explore Talks on "User Experience & User Interface Design" / UX Design is Bus...
 
Why user experience design fails.
Why user experience design fails.Why user experience design fails.
Why user experience design fails.
 
Creactivity Presentazione - Design dei Servizi sul tema mobilità
Creactivity Presentazione - Design dei Servizi sul tema mobilitàCreactivity Presentazione - Design dei Servizi sul tema mobilità
Creactivity Presentazione - Design dei Servizi sul tema mobilità
 
Il Design dei Servizi. Un nuovo modo di fare Design, verso la progettazione p...
Il Design dei Servizi. Un nuovo modo di fare Design, verso la progettazione p...Il Design dei Servizi. Un nuovo modo di fare Design, verso la progettazione p...
Il Design dei Servizi. Un nuovo modo di fare Design, verso la progettazione p...
 
I Love WordPress
I Love WordPressI Love WordPress
I Love WordPress
 
Social Usability Workshop - Lift13
Social Usability Workshop - Lift13Social Usability Workshop - Lift13
Social Usability Workshop - Lift13
 

Similar to Slides - Le basi di UX e UI

Usabilità e User Experience Design: STOP alle Leggende Metropolitane
Usabilità e User Experience Design: STOP alle Leggende MetropolitaneUsabilità e User Experience Design: STOP alle Leggende Metropolitane
Usabilità e User Experience Design: STOP alle Leggende Metropolitane
FormazioneTurismo
 
Usabilità e User Experience Design: #4 Come e Perché Fare un Test di Usabilità
Usabilità e User Experience Design: #4 Come e Perché Fare un Test di UsabilitàUsabilità e User Experience Design: #4 Come e Perché Fare un Test di Usabilità
Usabilità e User Experience Design: #4 Come e Perché Fare un Test di Usabilità
FormazioneTurismo
 
UXstrategy: User Experience e Global Brand Experience
UXstrategy: User Experience e Global Brand ExperienceUXstrategy: User Experience e Global Brand Experience
UXstrategy: User Experience e Global Brand Experience
UXconference
 

Similar to Slides - Le basi di UX e UI (20)

UX VS UI
UX VS UIUX VS UI
UX VS UI
 
Usabilità, UX e UI
Usabilità, UX e UIUsabilità, UX e UI
Usabilità, UX e UI
 
Migliorare la User eXperience?
Migliorare la User eXperience?Migliorare la User eXperience?
Migliorare la User eXperience?
 
What is UX design? everything is user experience. Powered by Youthquake.it
What is UX design? everything is user experience. Powered by Youthquake.itWhat is UX design? everything is user experience. Powered by Youthquake.it
What is UX design? everything is user experience. Powered by Youthquake.it
 
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
 
pdfPresFeb2014
pdfPresFeb2014pdfPresFeb2014
pdfPresFeb2014
 
Responsive Design: dall'identità al web
Responsive Design: dall'identità al webResponsive Design: dall'identità al web
Responsive Design: dall'identità al web
 
Responsive web design RT
Responsive web design RTResponsive web design RT
Responsive web design RT
 
Lezione 01/2006
Lezione 01/2006Lezione 01/2006
Lezione 01/2006
 
Design & User Experience
Design & User ExperienceDesign & User Experience
Design & User Experience
 
Cosa è un servizio digitale?
Cosa è un servizio digitale?Cosa è un servizio digitale?
Cosa è un servizio digitale?
 
Agile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioniAgile Ux: progettare e sviluppare web a iterazioni
Agile Ux: progettare e sviluppare web a iterazioni
 
User Experience ROI
User Experience ROIUser Experience ROI
User Experience ROI
 
Web content design: creare contenuti di qualità con Newired
Web content design: creare contenuti di qualità con NewiredWeb content design: creare contenuti di qualità con Newired
Web content design: creare contenuti di qualità con Newired
 
Usabilità e User Experience Design: STOP alle Leggende Metropolitane
Usabilità e User Experience Design: STOP alle Leggende MetropolitaneUsabilità e User Experience Design: STOP alle Leggende Metropolitane
Usabilità e User Experience Design: STOP alle Leggende Metropolitane
 
Ux activities
Ux activitiesUx activities
Ux activities
 
Usabilità e User Experience Design: #4 Come e Perché Fare un Test di Usabilità
Usabilità e User Experience Design: #4 Come e Perché Fare un Test di UsabilitàUsabilità e User Experience Design: #4 Come e Perché Fare un Test di Usabilità
Usabilità e User Experience Design: #4 Come e Perché Fare un Test di Usabilità
 
WordPress Meetup Torino Giugno 2015
WordPress Meetup Torino Giugno 2015WordPress Meetup Torino Giugno 2015
WordPress Meetup Torino Giugno 2015
 
Global Brand Experience & UX Strategy
Global Brand Experience & UX StrategyGlobal Brand Experience & UX Strategy
Global Brand Experience & UX Strategy
 
UXstrategy: User Experience e Global Brand Experience
UXstrategy: User Experience e Global Brand ExperienceUXstrategy: User Experience e Global Brand Experience
UXstrategy: User Experience e Global Brand Experience
 

Slides - Le basi di UX e UI