AGILE UX
MICHAEL JOVEL

• UI   Developer at startapps

• My mother tells people I am
 an international lawyer

•Istopped correcting her
 because it is easier
                                twitter: @mjovel
• Worked  with US Navy,         email: mjovel@gmail.com
 Progressive, University of
 Chicago & University of MD
HISTORICALLY DESIGN HAS
   BEEN BASED ON THE
   WATERFALL METHOD
CREATIVE BRIEF > DESIGN > APPROVAL > PRINTER > DELIVERY
http://uxmag.com/articles/change-on-a-dime-agile-design
THAT IS NOT WHAT THEY
        WANTED
http://uxmag.com/articles/change-on-a-dime-agile-design
DON’T GET CAUGHT UP ON
        PROCESS
VALUE NOT REQUIREMENTS
“Eric Reis
            4 thstate of agile: A
story does not end at acceptance
 but rather must be validated for
              value
WORK IS MEANINGLESS
UNLESS YOU CREATE VALUE
LIVE AND BREATHE RESULTS
FROM HYPOTHESIS TO
   REQUIREMENTS
HYPOTHESIS

•   a tentative assumption made in order to draw out and test its
    logical or empirical consequences - merriam-webster
WHY HYPOTHESIS?

• Rather
       than make assertions it puts forth a questions which
 must be then validated

• Engages   team creativity
WHAT ASSUMPTIONS DO
YOU HAVE THAT IF PROVEN
 FALSE WILL CAUSE YOUR
   SOLUTION TO FAIL?
WE BELIEVE ___________
             AND
IF THIS IS TRUE WE SHOULD
       SEE __________
COLLABORATION
DESIGN STUDIO
DESIGN STUDIO


• Butcherpaper, painters tape, sharpies and stop watch, grid
 template sheets

• Build
      small 3-4 person teams composed of designer,
 developers and business team.

• Give    each team a persona to focus on
SKETCH

•5   minutes to create 6-8 sketches individually
PITCH

•3   Minutes to pitch to group
CRITIQUE

• two   ways it accomplished goals

• two   ways it failed to accomplish goals
TEAM SKETCHING

•5   minutes to iterate on best of individual sketches
TEAM PITCH

•3   minute pitch to entire group
TOO MANY SECRETS
PROMOTE TRANSPARENCY
PROMOTE CODE LITERACY
CODE LITERACY IS NOT
  CODE FLUENCY
PAIR DESIGNING


• Make sure designers and developers spend time working
 together

• saves   time on implementation

• promotes    ownership
PATTERN LIBRARY


• Library of UI Patterns that developers can use (i.e. buttons,
 fields, etc.

• Library of UI Components composed of multiple patterns
 (i.e. forms, video player, etc.)
VALIDATION
WHAT IS THE SMALLEST
AMOUNT OF WORK WE CAN
  DO TO VALIDATE OUR
      CONCEPT?
GET IT IN USERS HANDS!
PROTOTYPE

• Paper

• Keynote   / Powerpoint

• Axure, iRise, etc.

• Cordova   (a.k.a Phonegap)
ITERATE

ModevUX AgileUX