SlideShare a Scribd company logo
Integrating Agile UX into your project
Rachel Kammerer
@rlkammerer

Rafael Petry
@rafaelpetry
Understanding and Selling UX
UX
UX
UI
UX
UI
XD
UX
UI
XD
graphic designer
graphic designer
information architect
graphic designer
information architect
user researcher
graphic designer
information architect
user researcher
interaction designer
graphic designer
information architect
user researcher
interaction designer
UI developer
graphic designer
information architect
user researcher
interaction designer
UI developer
usability engineer
psychology
psychology
branding
psychology
branding

aesthetics
psychology
branding

aesthetics
emotion
psychology
perception
branding

aesthetics
emotion
psychology
perception
branding
experience
aesthetics
emotion
graphic design
information architecture
user research
interaction design
UI development
usability engineering
graphic design

psychology

information architecture

perception

user research

branding

interaction design

experience

UI development

aesthetics

usability engineering

emotion
UX
UX/UI
UX/UI/XD
graphic design

psychology

information architecture

perception

user research

branding

interaction design

experience

UI development

aesthetics

usability engineering

emotion

UX/UI/XD
graphic design

psychology

information architecture

perception

user research

branding

interaction design

experience

UI development

aesthetics

usability engineering

emotion

UX/UI/XD
graphic design

psychology

information architecture

perception

user research

branding

interaction design

experience

UI development

aesthetics

usability engineering

emotion

UX/UI/XD
“We need a UX”
graphic design
information architecture
user research
interaction design
UI development
usability engineering
CHECK DESIRED SKILLS

graphic design
information architecture
user research
interaction design
UI development
usability engineering

UX/UI/XD
graphic design

psychology

information architecture

perception

user research

branding

interaction design

experience

UI development

aesthetics

usability engineering

emotion
experience
outcome
?
pretty
intuitive
efficient
rewarding
enjoyable
memorable
pretty
intuitive
efficient
rewarding
enjoyable
memorable
pretty
intuitive
efficient
rewarding
enjoyable
memorable
Avoid rework.
Avoid rework.

50% of developer time is spent on rework.
http://socialmediatoday.com/bitpakkit/267487/roi-ux
Better prioritization of features.
Better prioritization of features.

5% of features are used 95% of the time.
http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf
Save development time.
Save development time.

early integration of UX eliminates 33-50% of dev time.
http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf
Increase loyalty, increase revenue
Increase loyalty, increase revenue

 a loyal customer is worth 2.4 times more.
http://www.sds-consulting.com/sites/default/files/SDS_UX%20Report%202009.pdf
Math
JEDI CLOAK
1 cloak
15 minutes
4 cloaks per hour
100 people
x 400
400 cloaks per hour
=
S/. 40,000
15 minutes
15 minutes
5 minutes
5 developers
1 week (40 hours)
S/. 200 per hour
5 x 40 x 200
developers

hours

soles/hour
5 x 40 x 200 = S/. 40,000
developers

hours

soles/hour
15 minutes
5 minutes
12 cloaks per hour
100 people
S/. 120,000
S/. 40,000

S/. 120,000

per hour

per hour
+ S/. 40,000
30 minutes
A/B Testing
60%

40%
50%
VictoryKit
Whiplash
1
1
1

60%

40%
1

50%
1
2
1
2
1
2

67%

50%
1
2

34%
case studies
7%

15%

27%

30%
http://37signals.com/svn/posts/1525-writing-decisions-headline-tests-on-the-highrise-signup-page
5%
http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/
19%
http://kylerush.net/blog/optimization-at-the-obama-campaign-ab-testing/
http://www.slideshare.net/Upworthy/how-to-make-that-one-thing-go-viral-just-kidding
tools
https://github.com/victorykit/whiplash
Conveying Ideas
DISCUSSION
DISCUSSION
two or more people communicating
DISCUSSION: share ideas
DISCUSSION: big picture
SKETCH
SKETCH
quick drawing
SKETCH: define elements
SKETCH: space
WIREFRAME
WIREFRAME
digital representation of ideas
Link

Link

Link

Logo

Image

Image

Image

Image

Image
WIREFRAME: architecture
WIREFRAME: refine space
WIREFRAME: sharable
MOCK-UP
MOCK-UP
high-fidelity graphic
MOCK-UP: design
MOCK-UP: branding
MOCK-UP: feel
PROTOTYPE
PROTOTYPE
working code with graphics
PROTOTYPE: interaction
prove ideas are possible
create reusable code
expedite development
discussions become more focused
discussion
sketch

discussion
wireframe

sketch

discussion
mock-up

wireframe

sketch

discussion
prototype

mock-up

wireframe

sketch

discussion
working code

prototype

mock-up

wireframe

sketch

discussion
UX in Agile Teams
"Continuous attention to technical excellence 
and good design enhances agility."

http://agilemanifesto.org/principles.html
"Simplicity—the art of maximizing the amount of
work not done—is essential."

http://agilemanifesto.org/principles.html
sharing insights
pairing
prototyping
A/B testing
Integrating Agile UX into your project
Rachel Kammerer
@rlkammerer

Rafael Petry
@rafaelpetry

More Related Content

Similar to Integrating Agile UX into your project - Ágiles 2013

Sell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks forSell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks for
Jason Mesut
 
UX-дизайнер: основы профессии и тренды
UX-дизайнер: основы профессии и тренды UX-дизайнер: основы профессии и тренды
UX-дизайнер: основы профессии и тренды
#ТЫЖДИЗАЙНЕР
 
What is UX? Or How We're Learning to Build the Right Thing, The Right Way
 What is UX? Or How We're Learning to Build the Right Thing, The Right Way What is UX? Or How We're Learning to Build the Right Thing, The Right Way
What is UX? Or How We're Learning to Build the Right Thing, The Right Way
Ben Melbourne
 
Design Pursuit
Design PursuitDesign Pursuit
Design Pursuit
Ganesh Burle
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
TurboAnchor
 
AI Intervention in Design & Content.pdf
AI Intervention in Design & Content.pdfAI Intervention in Design & Content.pdf
AI Intervention in Design & Content.pdf
YellowSlice1
 
AI: Elevating UI/UX Design to New Heights - Designient School Of Masterminds
AI: Elevating UI/UX Design to New Heights - Designient School Of MastermindsAI: Elevating UI/UX Design to New Heights - Designient School Of Masterminds
AI: Elevating UI/UX Design to New Heights - Designient School Of Masterminds
designient08
 
Visual resume
Visual resumeVisual resume
Visual resume
KANKIPATI KISHORE
 
Help Wanted: Using UX to Your Advantage
Help Wanted: Using UX to Your AdvantageHelp Wanted: Using UX to Your Advantage
Help Wanted: Using UX to Your Advantage
FITC
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
ssuseraaa1581
 
Intro to User Experience
Intro to User ExperienceIntro to User Experience
Intro to User Experience
Gabriela Pereira Neri
 
ui ux design course in hyderabad
ui ux design course in hyderabadui ux design course in hyderabad
ui ux design course in hyderabad
tejashrireddyvibhin
 
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX DesignersTop 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
topseowebmaster
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
ssuseraaa1581
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
 
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best futureui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
aparna3zen
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
sowmyavibhin
 
ui ux design courses and training in hyderabad
ui ux design courses and training in hyderabadui ux design courses and training in hyderabad
ui ux design courses and training in hyderabad
madhupriya3zen
 
ui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabadui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabad
nagendrastoitech
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI Deskala
 

Similar to Integrating Agile UX into your project - Ágiles 2013 (20)

Sell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks forSell yourselves better: What a UX employer looks for
Sell yourselves better: What a UX employer looks for
 
UX-дизайнер: основы профессии и тренды
UX-дизайнер: основы профессии и тренды UX-дизайнер: основы профессии и тренды
UX-дизайнер: основы профессии и тренды
 
What is UX? Or How We're Learning to Build the Right Thing, The Right Way
 What is UX? Or How We're Learning to Build the Right Thing, The Right Way What is UX? Or How We're Learning to Build the Right Thing, The Right Way
What is UX? Or How We're Learning to Build the Right Thing, The Right Way
 
Design Pursuit
Design PursuitDesign Pursuit
Design Pursuit
 
What is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptxWhat is UI UX Design_ Difference Between UI & UX.pptx
What is UI UX Design_ Difference Between UI & UX.pptx
 
AI Intervention in Design & Content.pdf
AI Intervention in Design & Content.pdfAI Intervention in Design & Content.pdf
AI Intervention in Design & Content.pdf
 
AI: Elevating UI/UX Design to New Heights - Designient School Of Masterminds
AI: Elevating UI/UX Design to New Heights - Designient School Of MastermindsAI: Elevating UI/UX Design to New Heights - Designient School Of Masterminds
AI: Elevating UI/UX Design to New Heights - Designient School Of Masterminds
 
Visual resume
Visual resumeVisual resume
Visual resume
 
Help Wanted: Using UX to Your Advantage
Help Wanted: Using UX to Your AdvantageHelp Wanted: Using UX to Your Advantage
Help Wanted: Using UX to Your Advantage
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
 
Intro to User Experience
Intro to User ExperienceIntro to User Experience
Intro to User Experience
 
ui ux design course in hyderabad
ui ux design course in hyderabadui ux design course in hyderabad
ui ux design course in hyderabad
 
Top 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX DesignersTop 10 Skills For UI/UX Designers
Top 10 Skills For UI/UX Designers
 
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
Integrating Artificial Intelligence (AI) with User Experience(UX)/User Interf...
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
 
ui ux design course in hyderabad for best future
ui ux design course in hyderabad for best futureui ux design course in hyderabad for best future
ui ux design course in hyderabad for best future
 
ui ux design course in hyderabad........
ui ux design course in hyderabad........ui ux design course in hyderabad........
ui ux design course in hyderabad........
 
ui ux design courses and training in hyderabad
ui ux design courses and training in hyderabadui ux design courses and training in hyderabad
ui ux design courses and training in hyderabad
 
ui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabadui ux design course in hyderabad Ameerpet, Hyderabad
ui ux design course in hyderabad Ameerpet, Hyderabad
 
Introduction to HCI
Introduction to HCI Introduction to HCI
Introduction to HCI
 

Recently uploaded

LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
DanBrown980551
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
DianaGray10
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Neo4j
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
christinelarrosa
 
AI in the Workplace Reskilling, Upskilling, and Future Work.pptx
AI in the Workplace Reskilling, Upskilling, and Future Work.pptxAI in the Workplace Reskilling, Upskilling, and Future Work.pptx
AI in the Workplace Reskilling, Upskilling, and Future Work.pptx
Sunil Jagani
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
DianaGray10
 
Introducing BoxLang : A new JVM language for productivity and modularity!
Introducing BoxLang : A new JVM language for productivity and modularity!Introducing BoxLang : A new JVM language for productivity and modularity!
Introducing BoxLang : A new JVM language for productivity and modularity!
Ortus Solutions, Corp
 
Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
BibashShahi
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving
 
Discover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched ContentDiscover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched Content
ScyllaDB
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
Neo4j
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
Ivo Velitchkov
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
zjhamm304
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
UiPathCommunity
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
Javier Junquera
 
Containers & AI - Beauty and the Beast!?!
Containers & AI - Beauty and the Beast!?!Containers & AI - Beauty and the Beast!?!
Containers & AI - Beauty and the Beast!?!
Tobias Schneck
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
Jason Yip
 
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptxPRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
christinelarrosa
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
Neo4j
 
What is an RPA CoE? Session 2 – CoE Roles
What is an RPA CoE?  Session 2 – CoE RolesWhat is an RPA CoE?  Session 2 – CoE Roles
What is an RPA CoE? Session 2 – CoE Roles
DianaGray10
 

Recently uploaded (20)

LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
LF Energy Webinar: Carbon Data Specifications: Mechanisms to Improve Data Acc...
 
What is an RPA CoE? Session 1 – CoE Vision
What is an RPA CoE?  Session 1 – CoE VisionWhat is an RPA CoE?  Session 1 – CoE Vision
What is an RPA CoE? Session 1 – CoE Vision
 
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and BioinformaticiansBiomedical Knowledge Graphs for Data Scientists and Bioinformaticians
Biomedical Knowledge Graphs for Data Scientists and Bioinformaticians
 
Christine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptxChristine's Product Research Presentation.pptx
Christine's Product Research Presentation.pptx
 
AI in the Workplace Reskilling, Upskilling, and Future Work.pptx
AI in the Workplace Reskilling, Upskilling, and Future Work.pptxAI in the Workplace Reskilling, Upskilling, and Future Work.pptx
AI in the Workplace Reskilling, Upskilling, and Future Work.pptx
 
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectorsConnector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
Connector Corner: Seamlessly power UiPath Apps, GenAI with prebuilt connectors
 
Introducing BoxLang : A new JVM language for productivity and modularity!
Introducing BoxLang : A new JVM language for productivity and modularity!Introducing BoxLang : A new JVM language for productivity and modularity!
Introducing BoxLang : A new JVM language for productivity and modularity!
 
Principle of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptxPrinciple of conventional tomography-Bibash Shahi ppt..pptx
Principle of conventional tomography-Bibash Shahi ppt..pptx
 
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance PanelsNorthern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
Northern Engraving | Modern Metal Trim, Nameplates and Appliance Panels
 
Discover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched ContentDiscover the Unseen: Tailored Recommendation of Unwatched Content
Discover the Unseen: Tailored Recommendation of Unwatched Content
 
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge GraphGraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
GraphRAG for LifeSciences Hands-On with the Clinical Knowledge Graph
 
Apps Break Data
Apps Break DataApps Break Data
Apps Break Data
 
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...QA or the Highway - Component Testing: Bridging the gap between frontend appl...
QA or the Highway - Component Testing: Bridging the gap between frontend appl...
 
Day 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio FundamentalsDay 2 - Intro to UiPath Studio Fundamentals
Day 2 - Intro to UiPath Studio Fundamentals
 
GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)GNSS spoofing via SDR (Criptored Talks 2024)
GNSS spoofing via SDR (Criptored Talks 2024)
 
Containers & AI - Beauty and the Beast!?!
Containers & AI - Beauty and the Beast!?!Containers & AI - Beauty and the Beast!?!
Containers & AI - Beauty and the Beast!?!
 
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
[OReilly Superstream] Occupy the Space: A grassroots guide to engineering (an...
 
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptxPRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
PRODUCT LISTING OPTIMIZATION PRESENTATION.pptx
 
Leveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and StandardsLeveraging the Graph for Clinical Trials and Standards
Leveraging the Graph for Clinical Trials and Standards
 
What is an RPA CoE? Session 2 – CoE Roles
What is an RPA CoE?  Session 2 – CoE RolesWhat is an RPA CoE?  Session 2 – CoE Roles
What is an RPA CoE? Session 2 – CoE Roles
 

Integrating Agile UX into your project - Ágiles 2013