SlideShare une entreprise Scribd logo
1  sur  69
Télécharger pour lire hors ligne
UXDEMYSTIFIED
alan blood,
design manager, familysearch.org
Part 1
WHAT UX IS
Part 2
BUSINESS & CODE
Part 3
REAL LIFE
GRAPHIC DESIGN, INTERACTION DESIGN, INFORMATION ARCHITECTURE,
CUSTOMER-FIRST, USER CENTERED DESIGN, ACTIVITY CENTERED
DESIGN, MOBILE FIRST, CONTENT FIRST, CONTENT STRATEGY, USER
RESEARCH, CONTEXTUAL INQUIRY, HEURISTIC EVALUATION,
TYPOGRAPHY, GRIDS, RESPONSIVE DESIGN, CONTEXTUAL DESIGN, WEB
DESIGN, TASK FLOW ANALYSIS, SITE MAP, PRODUCT DESIGN,
ACCESSIBILITY, PERSONAS, ILLUSTRATION, ICONOGRAPHY, ART
DIRECTION, CREATIVE DIRECTION, DESIGN STRATEGY, ETHNOGRAPHY,
USAGE PATTERNS, COMPARATIVE ANALYSIS, MARKET RESEARCH,
MENTAL MODELS, MOOD BOARDS, COMPOSITION, BRANDING, COLOR
THEORY, GESTALT PRINCIPLES, DESIGN LANGUAGE, STYLE GUIDES, USER
INTERFACE GUIDELINES, SEO, OPEN OR CLOSED CARD SORTS,
MODERATED AND UNMODERATED TESTING, AFFINITY EXERCISES, LEAN
UX, UX RESEARCH, UX DESIGN, COLOR THEORY, FLAT DESIGN,
SKEUOMORPH, COGNITIVE DISSONANCE, AESTHETIC USABILITY EFFECT,
80/20 RULE, AFFORDANCE, ARCHETYPES, CHUNKING, DEFENSIBLE SPACE,
DEPTH OF PROCESSING, FEEDBACK LOOP, GOLDEN RATIO, FITTS’ LAW,
HIERARCHY OF NEEDS, SIGNAL:NOISE RATIO, OCKHAM’S RAZOR,
PERFORMANCE LOAD, PROTOTYPING, MOBILE WEB, NATIVE WEB,
WAYFINDING, RECOGNITION OVER RECALL, PROGRESSIVE DISCLOSURE,
TOP-DOWN LIGHTING BIAS, WHITESPACE, STORYTELLING, RULE OF
THIRDS, PRINT PUBLISHING, LETTERPRESS, HTML, CSS, HTML5, CSS3,
PHOTOSHOP, ILLUSTRATOR, FIREWORKS, INDESIGN, MEDIAQUERIES,
JQUERY, JAVASCRIPT, HTML5 CANVAS, ONLINE VS. OFFLINE,
GRAPHIC DESIGN, INTERACTION DESIGN, INFORMATION ARCHITECTURE,
CUSTOMER-FIRST, USER CENTERED DESIGN, ACTIVITY CENTERED
DESIGN, MOBILE FIRST, CONTENT FIRST, CONTENT STRATEGY, USER
RESEARCH, CONTEXTUAL INQUIRY, HEURISTIC EVALUATION,
TYPOGRAPHY, GRIDS, RESPONSIVE DESIGN, CONTEXTUAL DESIGN, WEB
DESIGN, TASK FLOW ANALYSIS, SITE MAP, PRODUCT DESIGN,
ACCESSIBILITY, PERSONAS, ILLUSTRATION, ICONOGRAPHY, ART
DIRECTION, CREATIVE DIRECTION, DESIGN STRATEGY, ETHNOGRAPHY,
USAGE PATTERNS, COMPARATIVE ANALYSIS, MARKET RESEARCH,
MENTAL MODELS, MOOD BOARDS, COMPOSITION, BRANDING, COLOR
THEORY, GESTALT PRINCIPLES, DESIGN LANGUAGE, STYLE GUIDES, USER
INTERFACE GUIDELINES, SEO, OPEN OR CLOSED CARD SORTS,
MODERATED AND UNMODERATED TESTING, AFFINITY EXERCISES, LEAN
UX, UX RESEARCH, UX DESIGN, COLOR THEORY, FLAT DESIGN,
SKEUOMORPH, COGNITIVE DISSONANCE, AESTHETIC USABILITY EFFECT,
80/20 RULE, AFFORDANCE, ARCHETYPES, CHUNKING, DEFENSIBLE SPACE,
DEPTH OF PROCESSING, FEEDBACK LOOP, GOLDEN RATIO, FITTS’ LAW,
HIERARCHY OF NEEDS, SIGNAL:NOISE RATIO, OCKHAM’S RAZOR,
PERFORMANCE LOAD, PROTOTYPING, MOBILE WEB, NATIVE WEB,
WAYFINDING, RECOGNITION OVER RECALL, PROGRESSIVE DISCLOSURE,
TOP-DOWN LIGHTING BIAS, WHITESPACE, STORYTELLING, RULE OF
THIRDS, PRINT PUBLISHING, LETTERPRESS, HTML, CSS, HTML5, CSS3,
PHOTOSHOP, ILLUSTRATOR, FIREWORKS, INDESIGN, MEDIAQUERIES,
JQUERY, JAVASCRIPT, HTML5 CANVAS, ONLINE VS. OFFLINE,
“Information Age”
=
TOO MUCH INFORMATION
=
IRONY
THE
Purpose
OF UX...
INCREASE Relevance
REDUCE Complexity
IMPROVE Timing
USER EXPERIENCE
IS ALL ABOUT THE
Human Experience
THE MANY
UX Roles & Disciplines
BOIL DOWN TO
3 BASIC TYPES...
INCREASE
Relevance
REDUCE
Complexity
IMPROVE Timing
NEED PROOF?
OK, PROFESSOR.
HERE’S YOUR SCIENCE STUFF:
http://dl.acm.org/citation.cfm?id=1089108
http://www.acsu.buffalo.edu/~rkishore/papers/Kim-CACM-48-10.pdf
PLEASE NOTE:
UX IS NOT A TOOLBOX
It’s people trained in UX
PERIOD
Part 1
WHAT UX IS
Part 2
BUSINESS & CODE
Part 3
REAL LIFE
WHAT ABOUT Lean ?
FOCUS OF LEAN METHODS:
LEARN FROM DATA, BUILD IDEAS,
MEASURE SUCCESS OF
MINIMUM VIABLE PRODUCTS,
PIVOT OR PERSEVERE
Formulate a Hypothesis
DECIDE WHAT TO MEASURE
EXPERIMENT
BAIL or CONTINUE
Lean = Business Focus
SO, WHAT ABOUT Agile ?
FOCUS OF AGILE DEVELOPMENT:
TEST AND RELEASE SOLID CODE,
AS QUICKLY AND ACCURATELY
AS POSSIBLE, COLLABORATE
Agile = Technology Focus
AND REMEMBER THAT
UX = User Focus( )
HERE’S A SUMMARY:
(UX + BUSINESS + CODE) = Value
SO, HOW DO
Agile, Lean, and UX
FIT TOGETHER?
2 Phases:
DISCOVER
PRODUCE
&
DISCOVER
TURN THE LEAN
“STEERING WHEEL”
dig into data
discover stuff
build ideas (prototypes)
measure the code
pivot or persevere
PRODUCE
APPLY THE AGILE
“GAS PEDAL”
design (the code)
build stuff
configure
test
release
Phase 1 Phase 2
DISCOVER
TURN THE LEAN
“STEERING WHEEL”
dig into data
discover stuff
build ideas (prototypes)
measure the code
pivot or persevere
PRODUCE
APPLY THE AGILE
“GAS PEDAL”
design (the code)
build stuff
configure
test
release
Phase 1 Phase 2
DISCOVER
TURN THE LEAN
“STEERING WHEEL”
dig into data
discover stuff
build ideas (prototypes)
measure the code
pivot or persevere
PRODUCE
APPLY THE AGILE
“GAS PEDAL”
design (the code)
build stuff
configure
test
release
Phase 1 Phase 2
+ UX Folks +Business Folks Technology Folks
Design
THINKING
ACROSS PHASES
“Design thinking is a human-centered approach to
innovation that draws from the designer's toolkit to
integrate the needs of people, the possibilities of
technology, and the requirements for business success.
- Tim Brown,
PRESIDENT & CEO OF IDEO
User Experience Folks
ARE THE GLUE
SEE WHAT HAPPENS WHEN
User Experience Folks
ARE NOT WELL UTILIZED...
Phase 1 Phase 2
Phase 1 Phase 2
Phase 1 Phase 2
Phase 1 Phase 2
AGILE AND LEAN ARE GREAT
AT ZEROING-IN...
Phase 1 Phase 2
BUT, ZEROING-IN
TO WHAT?
Phase 1 Phase 2
...AND WILL THE END RESULT
work for users?
DID CUSTOMER WANTS
LINE UP WITH
User Needs?
SEE WHAT HAPPENS WHEN
User Experience Folks
ARE AN EQUAL PARTNER...
Partner with your UX resources!
Phase 1 Phase 2
Work with UX to
hammer out business
value...
Phase 1 Phase 2
..UX helps to ensure
that the solution works
for your users!
Phase 1 Phase 2
Phase 1 Phase 2
Phase 1 Phase 2
ZERO-IN USING
Triangulation
“Triangulation is a powerful technique that facilitates
validation of data through cross verification from two
or more sources. In particular, it refers to the
application and combination of several research
methodologies in the study of the same phenomenon.
Bogdan, R. C. & Biklen, S. K. (2006). Qualitative research in education:
An introduction to theory and methods. Allyn & Bacon. ISBN 978-0-205-51225-6.
“Triangulation gives a more detailed and balanced
picture of the situation.
Altrichter, H., Feldman, A., Posch, P. & Somekh, B. (2008). Teachers investigate their work;
An introduction to action research across the professions. Routledge. p. 147. (2nd edition).
INCREASE
Relevance
REDUCE
Complexity
IMPROVE Timing
UX (USERS)
+
LEAN (BUSINESS)
+
AGILE (TECHNOLOGY)
=
Value for People
OATH OF NON-ALLEGIANCE
- Alistair Cockburn
“I promise not to exclude from consideration any
idea based on its source, but to consider ideas
across schools and heritages in order to find the
ones that best suit the current situation.
Part 1
WHAT UX IS
Part 2
BUSINESS & CODE
Part 3
VALUE FOR PEOPLE
NASA, APOLLO 13,
AND TOO MANY KINDS OF
CO2 SCRUBBERS
MINIMUM VIABLE PRODUCT
LIMITED TO MATERIALS ON-HAND
AIR TOXICITY INCREASING
LIVES COULD BE LOST
Constraints Inspire
Creativity
MINIMUM VIABLE PRODUCT
HAD TO WORK THE FIRST TIME
USER CIRCUMSTANCES MUST BE KNOWN
SOLUTION MUST BE PROVED
User Research and Testing
Were Required
MINIMUM VIABLE PRODUCT
COULDN’T DELIVER AN OBJECT
DELIVERY REQUIRED HANDHOLDING
FEEDBACK LOOP HAD TO BE CLOSED
Simple, Relevant,
and Timely
AGILE
TEAM WAS FOCUSED AND CAPABLE
RAPID DEVELOPMENT OF SOLUTION
EFFECTIVE COLLABORATION
Had to be developed on ground
AND in space...
USER EXPERIENCE
GROUND CREW UNDERSTOOD USERS
SOLUTION EFFECTIVELY RELAYED
ASTRONAUTS UNDERSTOOD
Understanding of users was
required, or lives would be lost
UX (USERS)
+
LEAN (BUSINESS)
+
AGILE (TECHNOLOGY)
=
3 Lives Saved
Yes, there’s a
PUNCHLINE
HOW MUCH
MONEY AND TIME WAS LOST
because there were
TWO DIFFERENT
CO2 FILTER DESIGNS
ON THE APOLLO 13 MISSION?
THE LIVES OF
James Lovell,
John Swigert,
and Fred Haise
COULD HAVE BEEN
LOST
IN THE FINAL ANALYSIS
WAS IT WORTH
the cost and the risk
TO NEGLECT THE
USER EXPERIENCE?
Thank you.

Contenu connexe

En vedette

You can't spell CMS without content - Simon Wong CS Forum 2016
You can't spell CMS without content - Simon Wong CS Forum 2016You can't spell CMS without content - Simon Wong CS Forum 2016
You can't spell CMS without content - Simon Wong CS Forum 2016Simon Wong
 
Allahabad - City of global repute
Allahabad - City of global reputeAllahabad - City of global repute
Allahabad - City of global reputeAnindya Singh
 
Piotr Wilam - Product Development Days - Raise the bar high
Piotr Wilam - Product Development Days - Raise the bar highPiotr Wilam - Product Development Days - Raise the bar high
Piotr Wilam - Product Development Days - Raise the bar highInnovation Nest VC
 
Quick installation with an existing router or modern router
Quick installation with an existing router or modern routerQuick installation with an existing router or modern router
Quick installation with an existing router or modern routerIT Tech
 
3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...
3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...
3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...SlideTeam.net
 
Shall we play a game? PL version
Shall we play a game? PL versionShall we play a game? PL version
Shall we play a game? PL versionMaciej Lasyk
 
RED Y NET (Cordara y Beltran)
RED Y NET (Cordara y Beltran)RED Y NET (Cordara y Beltran)
RED Y NET (Cordara y Beltran)Sele Cordara
 
UX Poland 2014: N.Efimov & Y. Vedenin - Playful design
UX Poland 2014: N.Efimov & Y. Vedenin - Playful designUX Poland 2014: N.Efimov & Y. Vedenin - Playful design
UX Poland 2014: N.Efimov & Y. Vedenin - Playful designNikita Efimov
 
My Gopeng Resort
My Gopeng ResortMy Gopeng Resort
My Gopeng ResortCheow Hou
 
第9章 ネットワーク上の他の確率過程
第9章 ネットワーク上の他の確率過程第9章 ネットワーク上の他の確率過程
第9章 ネットワーク上の他の確率過程Ohsawa Goodfellow
 
Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...
Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...
Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...KPIT
 

En vedette (14)

You can't spell CMS without content - Simon Wong CS Forum 2016
You can't spell CMS without content - Simon Wong CS Forum 2016You can't spell CMS without content - Simon Wong CS Forum 2016
You can't spell CMS without content - Simon Wong CS Forum 2016
 
Domek
DomekDomek
Domek
 
Allahabad - City of global repute
Allahabad - City of global reputeAllahabad - City of global repute
Allahabad - City of global repute
 
Piotr Wilam - Product Development Days - Raise the bar high
Piotr Wilam - Product Development Days - Raise the bar highPiotr Wilam - Product Development Days - Raise the bar high
Piotr Wilam - Product Development Days - Raise the bar high
 
Waleed C.V
Waleed C.V Waleed C.V
Waleed C.V
 
Glass lions pdf
Glass lions pdfGlass lions pdf
Glass lions pdf
 
Quick installation with an existing router or modern router
Quick installation with an existing router or modern routerQuick installation with an existing router or modern router
Quick installation with an existing router or modern router
 
3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...
3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...
3 d pie chart circular puzzle with hole in center process 6 stages style 1 po...
 
Shall we play a game? PL version
Shall we play a game? PL versionShall we play a game? PL version
Shall we play a game? PL version
 
RED Y NET (Cordara y Beltran)
RED Y NET (Cordara y Beltran)RED Y NET (Cordara y Beltran)
RED Y NET (Cordara y Beltran)
 
UX Poland 2014: N.Efimov & Y. Vedenin - Playful design
UX Poland 2014: N.Efimov & Y. Vedenin - Playful designUX Poland 2014: N.Efimov & Y. Vedenin - Playful design
UX Poland 2014: N.Efimov & Y. Vedenin - Playful design
 
My Gopeng Resort
My Gopeng ResortMy Gopeng Resort
My Gopeng Resort
 
第9章 ネットワーク上の他の確率過程
第9章 ネットワーク上の他の確率過程第9章 ネットワーク上の他の確率過程
第9章 ネットワーク上の他の確率過程
 
Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...
Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...
Building a Safer and Healthier Workspace with JD Edwards Health, Safety and E...
 

Similaire à User Experience (UX) Demystified

Software as Material (Greg Petroff at Enterprise UX 2016)
Software as Material (Greg Petroff at Enterprise UX 2016)Software as Material (Greg Petroff at Enterprise UX 2016)
Software as Material (Greg Petroff at Enterprise UX 2016)Rosenfeld Media
 
MIT Experience Design Course Overview
MIT Experience Design Course OverviewMIT Experience Design Course Overview
MIT Experience Design Course OverviewMarisa Gallagher
 
Heuristics — The Holy Grail of UX
Heuristics — The Holy Grail of UXHeuristics — The Holy Grail of UX
Heuristics — The Holy Grail of UXDarren Hood, MSUXD
 
Inside Out: Understanding UI and UX Designers’ Mind
Inside Out: Understanding UI and UX Designers’ Mind Inside Out: Understanding UI and UX Designers’ Mind
Inside Out: Understanding UI and UX Designers’ Mind Logo Design Guru
 
UX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big BangUX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big BangHowie Chang
 
Designers are from Mars, BAs are from Venus
Designers are from Mars, BAs are from VenusDesigners are from Mars, BAs are from Venus
Designers are from Mars, BAs are from VenusCornelius Rachieru Jr.
 
1.3 Evolution Of Sustainability Within Design
1.3 Evolution Of Sustainability Within Design1.3 Evolution Of Sustainability Within Design
1.3 Evolution Of Sustainability Within DesignLeNS_slide
 
5D Modelling and solar study of shopping complex
5D Modelling and solar study of shopping complex5D Modelling and solar study of shopping complex
5D Modelling and solar study of shopping complexNagendra Sah
 
BA Thesis_Boris Gantz_DMI Lucerne_2015
BA Thesis_Boris Gantz_DMI Lucerne_2015BA Thesis_Boris Gantz_DMI Lucerne_2015
BA Thesis_Boris Gantz_DMI Lucerne_2015Boris Gantz
 
3.1 Sustainability system design tools
   3.1 Sustainability system design tools   3.1 Sustainability system design tools
3.1 Sustainability system design toolsUtttam Kumar
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1studiokandm
 
Democratization of Manufacturing
Democratization of ManufacturingDemocratization of Manufacturing
Democratization of ManufacturingMarcus Bolen
 
Paveway Democratization of Manufacturing Workshop Report
Paveway Democratization of Manufacturing Workshop ReportPaveway Democratization of Manufacturing Workshop Report
Paveway Democratization of Manufacturing Workshop ReportTravis DeMeester
 
Chapter 3
Chapter 3Chapter 3
Chapter 3detjen
 
Leaning Lab il Living Lab di Pisa
Leaning Lab il Living Lab di PisaLeaning Lab il Living Lab di Pisa
Leaning Lab il Living Lab di PisaDaniele Mazzei
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1studiokandm
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Cyber-Duck
 
7.1 design exercise presentation 10 11 (47)
7.1 design exercise presentation 10 11 (47)7.1 design exercise presentation 10 11 (47)
7.1 design exercise presentation 10 11 (47)LeNS_slide
 

Similaire à User Experience (UX) Demystified (20)

Software as Material (Greg Petroff at Enterprise UX 2016)
Software as Material (Greg Petroff at Enterprise UX 2016)Software as Material (Greg Petroff at Enterprise UX 2016)
Software as Material (Greg Petroff at Enterprise UX 2016)
 
MIT Experience Design Course Overview
MIT Experience Design Course OverviewMIT Experience Design Course Overview
MIT Experience Design Course Overview
 
Heuristics — The Holy Grail of UX
Heuristics — The Holy Grail of UXHeuristics — The Holy Grail of UX
Heuristics — The Holy Grail of UX
 
PDC+++ Module 2 Class 9 Design Techniques I
PDC+++ Module 2 Class 9 Design Techniques IPDC+++ Module 2 Class 9 Design Techniques I
PDC+++ Module 2 Class 9 Design Techniques I
 
Inside Out: Understanding UI and UX Designers’ Mind
Inside Out: Understanding UI and UX Designers’ Mind Inside Out: Understanding UI and UX Designers’ Mind
Inside Out: Understanding UI and UX Designers’ Mind
 
UX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big BangUX 101 - Ways To A Better Next Big Bang
UX 101 - Ways To A Better Next Big Bang
 
Designers are from Mars, BAs are from Venus
Designers are from Mars, BAs are from VenusDesigners are from Mars, BAs are from Venus
Designers are from Mars, BAs are from Venus
 
1.3 Evolution Of Sustainability Within Design
1.3 Evolution Of Sustainability Within Design1.3 Evolution Of Sustainability Within Design
1.3 Evolution Of Sustainability Within Design
 
5D Modelling and solar study of shopping complex
5D Modelling and solar study of shopping complex5D Modelling and solar study of shopping complex
5D Modelling and solar study of shopping complex
 
BA Thesis_Boris Gantz_DMI Lucerne_2015
BA Thesis_Boris Gantz_DMI Lucerne_2015BA Thesis_Boris Gantz_DMI Lucerne_2015
BA Thesis_Boris Gantz_DMI Lucerne_2015
 
3.1 Sustainability system design tools
   3.1 Sustainability system design tools   3.1 Sustainability system design tools
3.1 Sustainability system design tools
 
NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1NYU Web Intensive - Week 3 Class 1
NYU Web Intensive - Week 3 Class 1
 
Democratization of Manufacturing
Democratization of ManufacturingDemocratization of Manufacturing
Democratization of Manufacturing
 
Paveway Democratization of Manufacturing Workshop Report
Paveway Democratization of Manufacturing Workshop ReportPaveway Democratization of Manufacturing Workshop Report
Paveway Democratization of Manufacturing Workshop Report
 
Chapter 3
Chapter 3Chapter 3
Chapter 3
 
Mec 1
Mec 1Mec 1
Mec 1
 
Leaning Lab il Living Lab di Pisa
Leaning Lab il Living Lab di PisaLeaning Lab il Living Lab di Pisa
Leaning Lab il Living Lab di Pisa
 
Website Usability | Day 1
Website Usability | Day 1Website Usability | Day 1
Website Usability | Day 1
 
Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013Designing Better Experiences - UX London 2013
Designing Better Experiences - UX London 2013
 
7.1 design exercise presentation 10 11 (47)
7.1 design exercise presentation 10 11 (47)7.1 design exercise presentation 10 11 (47)
7.1 design exercise presentation 10 11 (47)
 

Dernier

Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxmarckustrevion
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIyuj
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxDanielTamiru4
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptMaryamAfzal41
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic global solution
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书zdzoqco
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioThink360 Studio
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 

Dernier (20)

Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
General Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptxGeneral Knowledge Quiz Game C++ CODE.pptx
General Knowledge Quiz Game C++ CODE.pptx
 
How to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AIHow to Empower the future of UX Design with Gen AI
How to Empower the future of UX Design with Gen AI
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Pearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptxPearl Disrtrict urban analyusis study pptx
Pearl Disrtrict urban analyusis study pptx
 
cda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis pptcda.pptx critical discourse analysis ppt
cda.pptx critical discourse analysis ppt
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
Iconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing servicesIconic Global Solution - web design, Digital Marketing services
Iconic Global Solution - web design, Digital Marketing services
 
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
办理卡尔顿大学毕业证成绩单|购买加拿大文凭证书
 
guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
Color Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 StudioColor Theory Explained for Noobs- Think360 Studio
Color Theory Explained for Noobs- Think360 Studio
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 

User Experience (UX) Demystified

  • 2. Part 1 WHAT UX IS Part 2 BUSINESS & CODE Part 3 REAL LIFE
  • 3. GRAPHIC DESIGN, INTERACTION DESIGN, INFORMATION ARCHITECTURE, CUSTOMER-FIRST, USER CENTERED DESIGN, ACTIVITY CENTERED DESIGN, MOBILE FIRST, CONTENT FIRST, CONTENT STRATEGY, USER RESEARCH, CONTEXTUAL INQUIRY, HEURISTIC EVALUATION, TYPOGRAPHY, GRIDS, RESPONSIVE DESIGN, CONTEXTUAL DESIGN, WEB DESIGN, TASK FLOW ANALYSIS, SITE MAP, PRODUCT DESIGN, ACCESSIBILITY, PERSONAS, ILLUSTRATION, ICONOGRAPHY, ART DIRECTION, CREATIVE DIRECTION, DESIGN STRATEGY, ETHNOGRAPHY, USAGE PATTERNS, COMPARATIVE ANALYSIS, MARKET RESEARCH, MENTAL MODELS, MOOD BOARDS, COMPOSITION, BRANDING, COLOR THEORY, GESTALT PRINCIPLES, DESIGN LANGUAGE, STYLE GUIDES, USER INTERFACE GUIDELINES, SEO, OPEN OR CLOSED CARD SORTS, MODERATED AND UNMODERATED TESTING, AFFINITY EXERCISES, LEAN UX, UX RESEARCH, UX DESIGN, COLOR THEORY, FLAT DESIGN, SKEUOMORPH, COGNITIVE DISSONANCE, AESTHETIC USABILITY EFFECT, 80/20 RULE, AFFORDANCE, ARCHETYPES, CHUNKING, DEFENSIBLE SPACE, DEPTH OF PROCESSING, FEEDBACK LOOP, GOLDEN RATIO, FITTS’ LAW, HIERARCHY OF NEEDS, SIGNAL:NOISE RATIO, OCKHAM’S RAZOR, PERFORMANCE LOAD, PROTOTYPING, MOBILE WEB, NATIVE WEB, WAYFINDING, RECOGNITION OVER RECALL, PROGRESSIVE DISCLOSURE, TOP-DOWN LIGHTING BIAS, WHITESPACE, STORYTELLING, RULE OF THIRDS, PRINT PUBLISHING, LETTERPRESS, HTML, CSS, HTML5, CSS3, PHOTOSHOP, ILLUSTRATOR, FIREWORKS, INDESIGN, MEDIAQUERIES, JQUERY, JAVASCRIPT, HTML5 CANVAS, ONLINE VS. OFFLINE,
  • 4.
  • 5. GRAPHIC DESIGN, INTERACTION DESIGN, INFORMATION ARCHITECTURE, CUSTOMER-FIRST, USER CENTERED DESIGN, ACTIVITY CENTERED DESIGN, MOBILE FIRST, CONTENT FIRST, CONTENT STRATEGY, USER RESEARCH, CONTEXTUAL INQUIRY, HEURISTIC EVALUATION, TYPOGRAPHY, GRIDS, RESPONSIVE DESIGN, CONTEXTUAL DESIGN, WEB DESIGN, TASK FLOW ANALYSIS, SITE MAP, PRODUCT DESIGN, ACCESSIBILITY, PERSONAS, ILLUSTRATION, ICONOGRAPHY, ART DIRECTION, CREATIVE DIRECTION, DESIGN STRATEGY, ETHNOGRAPHY, USAGE PATTERNS, COMPARATIVE ANALYSIS, MARKET RESEARCH, MENTAL MODELS, MOOD BOARDS, COMPOSITION, BRANDING, COLOR THEORY, GESTALT PRINCIPLES, DESIGN LANGUAGE, STYLE GUIDES, USER INTERFACE GUIDELINES, SEO, OPEN OR CLOSED CARD SORTS, MODERATED AND UNMODERATED TESTING, AFFINITY EXERCISES, LEAN UX, UX RESEARCH, UX DESIGN, COLOR THEORY, FLAT DESIGN, SKEUOMORPH, COGNITIVE DISSONANCE, AESTHETIC USABILITY EFFECT, 80/20 RULE, AFFORDANCE, ARCHETYPES, CHUNKING, DEFENSIBLE SPACE, DEPTH OF PROCESSING, FEEDBACK LOOP, GOLDEN RATIO, FITTS’ LAW, HIERARCHY OF NEEDS, SIGNAL:NOISE RATIO, OCKHAM’S RAZOR, PERFORMANCE LOAD, PROTOTYPING, MOBILE WEB, NATIVE WEB, WAYFINDING, RECOGNITION OVER RECALL, PROGRESSIVE DISCLOSURE, TOP-DOWN LIGHTING BIAS, WHITESPACE, STORYTELLING, RULE OF THIRDS, PRINT PUBLISHING, LETTERPRESS, HTML, CSS, HTML5, CSS3, PHOTOSHOP, ILLUSTRATOR, FIREWORKS, INDESIGN, MEDIAQUERIES, JQUERY, JAVASCRIPT, HTML5 CANVAS, ONLINE VS. OFFLINE, “Information Age” = TOO MUCH INFORMATION = IRONY
  • 8. USER EXPERIENCE IS ALL ABOUT THE Human Experience
  • 9. THE MANY UX Roles & Disciplines BOIL DOWN TO 3 BASIC TYPES...
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 16. NEED PROOF? OK, PROFESSOR. HERE’S YOUR SCIENCE STUFF: http://dl.acm.org/citation.cfm?id=1089108 http://www.acsu.buffalo.edu/~rkishore/papers/Kim-CACM-48-10.pdf
  • 17.
  • 18. PLEASE NOTE: UX IS NOT A TOOLBOX It’s people trained in UX PERIOD
  • 19. Part 1 WHAT UX IS Part 2 BUSINESS & CODE Part 3 REAL LIFE
  • 21. FOCUS OF LEAN METHODS: LEARN FROM DATA, BUILD IDEAS, MEASURE SUCCESS OF MINIMUM VIABLE PRODUCTS, PIVOT OR PERSEVERE
  • 22. Formulate a Hypothesis DECIDE WHAT TO MEASURE EXPERIMENT BAIL or CONTINUE
  • 24. SO, WHAT ABOUT Agile ?
  • 25. FOCUS OF AGILE DEVELOPMENT: TEST AND RELEASE SOLID CODE, AS QUICKLY AND ACCURATELY AS POSSIBLE, COLLABORATE
  • 27. AND REMEMBER THAT UX = User Focus( )
  • 28. HERE’S A SUMMARY: (UX + BUSINESS + CODE) = Value
  • 29. SO, HOW DO Agile, Lean, and UX FIT TOGETHER?
  • 31. DISCOVER TURN THE LEAN “STEERING WHEEL” dig into data discover stuff build ideas (prototypes) measure the code pivot or persevere PRODUCE APPLY THE AGILE “GAS PEDAL” design (the code) build stuff configure test release Phase 1 Phase 2
  • 32. DISCOVER TURN THE LEAN “STEERING WHEEL” dig into data discover stuff build ideas (prototypes) measure the code pivot or persevere PRODUCE APPLY THE AGILE “GAS PEDAL” design (the code) build stuff configure test release Phase 1 Phase 2
  • 33. DISCOVER TURN THE LEAN “STEERING WHEEL” dig into data discover stuff build ideas (prototypes) measure the code pivot or persevere PRODUCE APPLY THE AGILE “GAS PEDAL” design (the code) build stuff configure test release Phase 1 Phase 2 + UX Folks +Business Folks Technology Folks
  • 35. “Design thinking is a human-centered approach to innovation that draws from the designer's toolkit to integrate the needs of people, the possibilities of technology, and the requirements for business success. - Tim Brown, PRESIDENT & CEO OF IDEO
  • 37. SEE WHAT HAPPENS WHEN User Experience Folks ARE NOT WELL UTILIZED...
  • 41. Phase 1 Phase 2 AGILE AND LEAN ARE GREAT AT ZEROING-IN...
  • 42. Phase 1 Phase 2 BUT, ZEROING-IN TO WHAT?
  • 43. Phase 1 Phase 2 ...AND WILL THE END RESULT work for users?
  • 44. DID CUSTOMER WANTS LINE UP WITH User Needs?
  • 45. SEE WHAT HAPPENS WHEN User Experience Folks ARE AN EQUAL PARTNER...
  • 46. Partner with your UX resources!
  • 47. Phase 1 Phase 2 Work with UX to hammer out business value...
  • 48. Phase 1 Phase 2 ..UX helps to ensure that the solution works for your users!
  • 51. Phase 1 Phase 2 ZERO-IN USING Triangulation
  • 52. “Triangulation is a powerful technique that facilitates validation of data through cross verification from two or more sources. In particular, it refers to the application and combination of several research methodologies in the study of the same phenomenon. Bogdan, R. C. & Biklen, S. K. (2006). Qualitative research in education: An introduction to theory and methods. Allyn & Bacon. ISBN 978-0-205-51225-6.
  • 53. “Triangulation gives a more detailed and balanced picture of the situation. Altrichter, H., Feldman, A., Posch, P. & Somekh, B. (2008). Teachers investigate their work; An introduction to action research across the professions. Routledge. p. 147. (2nd edition).
  • 55. UX (USERS) + LEAN (BUSINESS) + AGILE (TECHNOLOGY) = Value for People
  • 56. OATH OF NON-ALLEGIANCE - Alistair Cockburn “I promise not to exclude from consideration any idea based on its source, but to consider ideas across schools and heritages in order to find the ones that best suit the current situation.
  • 57. Part 1 WHAT UX IS Part 2 BUSINESS & CODE Part 3 VALUE FOR PEOPLE
  • 58. NASA, APOLLO 13, AND TOO MANY KINDS OF CO2 SCRUBBERS
  • 59. MINIMUM VIABLE PRODUCT LIMITED TO MATERIALS ON-HAND AIR TOXICITY INCREASING LIVES COULD BE LOST Constraints Inspire Creativity
  • 60. MINIMUM VIABLE PRODUCT HAD TO WORK THE FIRST TIME USER CIRCUMSTANCES MUST BE KNOWN SOLUTION MUST BE PROVED User Research and Testing Were Required
  • 61. MINIMUM VIABLE PRODUCT COULDN’T DELIVER AN OBJECT DELIVERY REQUIRED HANDHOLDING FEEDBACK LOOP HAD TO BE CLOSED Simple, Relevant, and Timely
  • 62. AGILE TEAM WAS FOCUSED AND CAPABLE RAPID DEVELOPMENT OF SOLUTION EFFECTIVE COLLABORATION Had to be developed on ground AND in space...
  • 63. USER EXPERIENCE GROUND CREW UNDERSTOOD USERS SOLUTION EFFECTIVELY RELAYED ASTRONAUTS UNDERSTOOD Understanding of users was required, or lives would be lost
  • 64. UX (USERS) + LEAN (BUSINESS) + AGILE (TECHNOLOGY) = 3 Lives Saved
  • 66. HOW MUCH MONEY AND TIME WAS LOST because there were TWO DIFFERENT CO2 FILTER DESIGNS ON THE APOLLO 13 MISSION?
  • 67. THE LIVES OF James Lovell, John Swigert, and Fred Haise COULD HAVE BEEN LOST
  • 68. IN THE FINAL ANALYSIS WAS IT WORTH the cost and the risk TO NEGLECT THE USER EXPERIENCE?