This document summarizes a presentation by Kazumichi Sakata on integrating UX design and agile development. The presentation discusses how UX/UCD practices like personas, scenarios, and user testing can improve agile development processes. It provides a case study of applying UX and agile methods to mobile app development, resulting in improved usability through continuous iteration and a 20-25% shorter schedule. The presentation argues that integrating design and development allows for a common language between teams and clearer prioritization of features.

1. Agile Partly UX
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

2. Kazumichi (Mario) Sakata
UX Designer in Rakuten, Inc.
Undergoing web analysis, personas, wireframe and
userflow development, user testings and visual /
interaction direction for 3 ½ years.
Specialized in UX Design and AgileUX.
sprmari0 Kazumichi Sakata kazumichisakata
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

3. Agile UX / UCD
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

4. UX / UCD Agile
Designer
Developer
Graphic
System
Front-end Back-end
Design Develop
Handover
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

5. Design ≠ Graphic only
 Information Design
 User Flow Design
 Screen Design
 Interaction Design
 etc
©Jesse James Garrett
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

6. Agile Development
Ability to make product;
UX / UCD
Ability to explore more about product;
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

7. Agile Development UX / UCD
Function Content
Quality Usability
Satisfaction Behavior
They need each other for better solution.
Why don’t we make designers take part in development process,
and vise versa?
Design
Develop
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

8. Just like modern “Romeo & Juliet”
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

9. Information Design Screen Design
Workflow Design Interaction Design
©Directi
Agile Development Timeline
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

10. Get out of the
office! Learn and
http://ja-jp.facebook.com/ShibuyaUX see how users use
your product.
• Having difficulty to integrate We definitely need
UX / UCD into each to implement
usability test in our
organization.
company as well!
• Cannot evaluate the Need more
necessity of each function communication
because it’s decided between designers
and developers!
beforehand.
• AgileUX? Nice idea!!
More than 30% of the
participants are developer
who is interested in studying
UCD.
©ShibuyaUX
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

11. http://agile2008.agilealliance.org/program.html http://www.agile-ux.com/
User Experience Stage Agile UX Stage
Producer: Jeff Patton Organizer: Jean Claude
Grosjean
Session
-Agile and Paper Prototyping -Agile and Paper Prototyping
-Using Persona with XP -Using Persona with XP
-Usability in an Agile Organization -Usability in an Agile Organization
-The User Feedback Two-Step -The User Feedback Two-Step
etc. etc.
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

12. Abstract
Framework Imperative
 Persona  Information
 Scenario Architecture
Analysis Synthesis
Observation Solution
 Heuristic  UI Patterns
Evaluation Iterative
 User Test
Concrete ©Colleen Murray & UX Methods Trading Cards
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

13. Design is too important to leave it to Development is too important to
only designers. leave it to only developers.
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

14. UX / UCD Agile lives
lives here here
Visual Design
Software
Engineering
Business
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

15. Design Iteration 1
Programming Iteration 1
Better Weeks
Design Iteration 1
Programming Iteration 1
Best Weeks
First Usability Test Second Usability Test
Feedback Feedback
Goal Weeks
First Usability Test Second Usability Test
©Why user-centered design is more efficient than waterfall development methodology | Usabilla
<http://blog.usabilla.com/why-user-centered-design-is-more-efficient-than-waterfall-development-methodology-part-2-of-2/>
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

16. By introducing UX / UCD methodology from the
earlier stage of the project, team will be….
 Able to eliminate function-driven and subjective
thoughts.
 Able to maintain user’s point-of-view.
 Able to make prioritization of function and content
clear for improving UX.
 Able to define suitable and consistent requirement.
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

17. Brief Case Study at
iPhone & Android App Development
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

18. Objective Process Roadmap & Outputs
Formed closely packed team with Stakeholder,
Project Owner, Engineer, UX Designer, and Visual
Designer.
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

19. Persona Scenario by Function Diagram
Visualized and designed each
requirements with User Flow, Storyboard,
and Wireframes.
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

20. Design Iteration 1
Programming Iteration 1
1st Scenario
First Usability Test Second Usability Test
Feedback Feedback
Design Iteration 2
Programming Iteration 2
2nd Scenario
First Usability Test
Feedback
3rd Scenario…continue
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

21. 1. Allows full commitment of team members.
2. Persona & Scenario became our common
language.
3. Prioritization was clear. (Categorizing main &
sub functions)
4. Was able to improve usability continuously.
5. Schedule has shorten compared to ordinary
development. (Approx. 20-25%)
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

22. Integration of Satisfaction
Project Methodology
User Experience with the Method
Waterfall 2.5 2.9
Agile Development 3.1 3.7
Clearly, Agile is considerably better than the old Waterfall
method. Good riddance to that one. However, the professionals
in our new study still felt that Iterative Design was marginally
better than Agile; there's still work to be done to make Agile
projects more user-driven.
In better news, the latest data provides some evidence that we're
moving beyond "them and us" — overall, developers were more
bullish than UX people on a couple of key UX opinion metrics.
©Agile User Experience Projects | Jakob Nielsen’s Alertbox
<http://www.useit.com/alertbox/agile-user-experience.html>
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

23. Agile Experience Design
Lindsay Ratcliffe, Marc McNeill
(November 28, 2011)
User Story Mapping Designing with Agile
Jeff Patton Anders Ramsay
(February 22, 2012) (2012)
Agile User Experience Design Lean UX: Getting Out of the Deliverables
Jeff Patton Business
(April 30, 2012) Jeff Gothelf
(2012)
Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15