agile partly ux(アジャイルときどきux)

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

Upload: kazumichi-mario-sakata

Post on 27-Jan-2015

121 views

Category:

Design


0 download

DESCRIPTION

from #webd7 at Shibuya in Dec. 15th 2011.

TRANSCRIPT

Page 1: Agile Partly UX(アジャイルときどきUX)

Agile Partly UX

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 2: Agile Partly UX(アジャイルときどきUX)

Kazumichi (Mario) Sakata

Undergoing web analysis, personas, wireframe and userflow development, user testings and visual / interaction direction for 3 ½ years. Specialized in UX Design and AgileUX.

UX Designer in Rakuten, Inc.

sprmari0 kazumichisakata Kazumichi Sakata

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 3: Agile Partly UX(アジャイルときどきUX)

Agile UX / UCD

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 4: Agile Partly UX(アジャイルときどきUX)

UX / UCD

Back-end

Agile

Design Develop

Handover

Developer Designer

System Graphic

Front-end

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 5: Agile Partly UX(アジャイルときどきUX)

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

Page 6: Agile Partly UX(アジャイルときどきUX)

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

Page 7: Agile Partly UX(アジャイルときどきUX)

Content

Behavior

Agile Development

Usability

Function

Satisfaction Quality

UX / UCD

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

Page 8: Agile Partly UX(アジャイルときどきUX)

Just like modern “Romeo & Juliet”

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 9: Agile Partly UX(アジャイルときどきUX)

©Directi

Information Design

Workflow Design

Screen Design

Interaction Design

Agile Development Timeline

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 10: Agile Partly UX(アジャイルときどきUX)

©ShibuyaUX

• Having difficulty to integrate UX / UCD into each organization.

• Cannot evaluate the necessity of each function because it’s decided beforehand.

• AgileUX? Nice idea!!

http://ja-jp.facebook.com/ShibuyaUX

More than 30% of the participants are developer who is interested in studying UCD.

Get out of the office! Learn and see how users use your product.

We definitely need to implement usability test in our company as well!

Need more communication between designers and developers!

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 11: Agile Partly UX(アジャイルときどきUX)

http://agile2008.agilealliance.org/program.html

Session -Agile and Paper Prototyping -Using Persona with XP -Usability in an Agile Organization -The User Feedback Two-Step etc.

http://www.agile-ux.com/

User Experience Stage Producer: Jeff Patton

Agile UX Stage Organizer: Jean Claude Grosjean

-Agile and Paper Prototyping -Using Persona with XP -Usability in an Agile Organization -The User Feedback Two-Step etc.

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 12: Agile Partly UX(アジャイルときどきUX)

Framework Persona Scenario

Imperative Information

Architecture

Observation Heuristic

Evaluation User Test

Solution UI Patterns

Abstract

Concrete

Synthesis Analysis

©Colleen Murray & UX Methods Trading Cards

Iterative

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 13: Agile Partly UX(アジャイルときどきUX)

Design is too important to leave it to only designers.

Development is too important to leave it to only developers.

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 14: Agile Partly UX(アジャイルときどきUX)

Visual Design

Business

Software Engineering

UX / UCD lives here

Agile lives here

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 15: Agile Partly UX(アジャイルときどきUX)

Design Iteration 1

Programming Iteration 1

Weeks

Design Iteration 1

Programming Iteration 1

Weeks

First Usability Test Second Usability Test

Weeks

First Usability Test Second Usability Test

Feedback Feedback

Better

Best

Goal

©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

Page 16: Agile Partly UX(アジャイルときどきUX)

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

Page 17: Agile Partly UX(アジャイルときどきUX)

Brief Case Study at iPhone & Android App Development

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 18: Agile Partly UX(アジャイルときどきUX)

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

Page 19: Agile Partly UX(アジャイルときどきUX)

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

Page 20: Agile Partly UX(アジャイルときどきUX)

Design Iteration 1

Programming Iteration 1

1st Scenario

First Usability Test Second Usability Test

Design Iteration 2

Programming Iteration 2

2nd Scenario

First Usability Test

Feedback

Feedback

3rd Scenario…continue

Feedback

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 21: Agile Partly UX(アジャイルときどきUX)

Allows full commitment of team members. Persona & Scenario became our common language. Prioritization was clear. (Categorizing main & sub functions) Was able to improve usability continuously. Schedule has shorten compared to ordinary development. (Approx. 20-25%)

1. 2.

3.

4. 5.

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15

Page 22: Agile Partly UX(アジャイルときどきUX)

Project Methodology Integration of

User Experience Satisfaction

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

Page 23: Agile Partly UX(アジャイルときどきUX)

©Janice Fraser@Luxr <http://luxr.co/>

Agile Experience Design Lindsay Ratcliffe, Marc McNeill (November 28, 2011)

User Story Mapping Jeff Patton (February 22, 2012)

Agile User Experience Design Jeff Patton (April 30, 2012)

Designing with Agile Anders Ramsay (2012)

Lean UX: Getting Out of the Deliverables Business Jeff Gothelf (2012)

Web Director’s Meetup #7 | Kazumichi Sakata (@sprmari0) | 2011/12/15