User Experience Design in
Agile Development

             Sean Van Tyne
THE CUSTOMER EXPERIENCE REVOLUTION
How Companies Like Apple, Amazon, and Starbuck Changed Business Forever




                                                                          Available January 2012


                                                                           Pre-order yours today!


                                                                           www.cxrevolution.com




UX Agile                                                  Sean Van Tyne                             2
What is User Experience?




“User experience encompasses all aspects of the end-user's interaction
  with the company, its services, and its products...”
      -  Nielsen Norman Group
         www.nngroup.com/about/userexperience.html

“The user experience for applications encompasses the visual
  appearance, interactive behavior, and assistive capabilities of
  software...”
      – Apple
    http://developer.apple.com/ue/




UX Agile                         Sean Van Tyne                       3
What does User Experience do?




User Research - Uncover insights about users and their
  tasks

UI Design - defining the behavior of products and systems
  that a user can interacts

Usability Testing - ensures it is easy for people to achieve
  their goals




UX Agile                  Sean Van Tyne                        4
User Research




Heuristic Review - competitor or current solution

Contextual Inquiry - field observations

Workflow and Task Analysis - user flows

Personas - user profiles




UX Agile                   Sean Van Tyne            5
UI Design




“Low-fidelity” prototypes (wireframes) – define the
  information architecture

“Medium-fidelity” prototypes (color, icons, graphics, etc.)
  – define the visual designs

“High-fidelity” prototypes (HTML prototypes) – define the
  interactive design



UX Agile                 Sean Van Tyne                    6
Usability Testing




Internal Evaluations - stakeholders, subject matter
   experts, and/or end-user proxies

Remote Evaluations – with external users

Lab Evaluations – formal evaluation

Site Visit Evaluations – with “Design Partners”




UX Agile                 Sean Van Tyne                7
Five Trends in Most Successful Organizations




1.    UX people are bridges: embedded with the team but also involved in high
      level/early planning

2.    UX work is early, flexible: done up-front to storyboard level

3.    Low-fi prototype is the ongoing spec: owned by UX, agreed by
      stakeholders

4.    UX work happens in a parallel track: pair complex back-end sprints with
      UX intensive work

5.    Guerilla style UX validation: fast, discount methods run frequently and
      regularly on early code

  Source: Nielsen Norman Group. Agile Usability: Best Practices for User Experience on Agile Development Projects


UX Agile                                                   Sean Van Tyne                                            8
Agile Roles



               Product Owner                                UX                        Development



                                     Understanding the
                                        user needs
    Defining the
                                     Identifying possible             Designing the          Building the
 product vision and                       solutions                     interface              product
     strategy
                                    Validating possible
                                    solutions with users




           Why                         What                              How               When
    Source: Johnson, Jeremy. Agile UX Retreat

UX Agile                                              Sean Van Tyne                                         9
Agile Deliverables



               Product Owner                              UX                       Development




  Competitive Analysis                                                                       Front End Code
  Define Features                    Contextual Inquiry          CSS Style Sheet
                                        User Flows               HTML Templates              Back End Code
  Quantify Business Needs                                                                 Database Schema
  Prioritization                        Wireframes                Graphic Files
                                       UI Prototypes             GUI Components         Technology Selection
  Define Business Rules                                                                          QA Testing
  Pricing and Packaging               Usability Testing            Accessibility
  Project Accountability




User Stories in the Product Backlog                                  Tasks in the Sprint Backlog

  Source: Johnson, Jeremy. Agile UX Retreat

UX Agile                                             Sean Van Tyne                                        10
UX Design in the
    Product and Sprint Backlog




Source: Low, Boon. Enhancing User Interactions in Digital Libraries Notes on UX2.0.




    UX Agile                                                     Sean Van Tyne        11
UX Agile Project Schedule




     Source: Nielsen Norman Group. Agile Usability: Best Practices for User Experience on Agile Development Projects


UX Agile                                                  Sean Van Tyne                                                12
UX Design and Dev Process
    Envisioning and Development




Source: Donahue, Matt. Agile User Experience Design.



    UX Agile                                           Sean Van Tyne   13
Style Guide Library




•  Define a set of re-usable components once

•  Create a centralized library for designers and developers

•  Provide living documents that evolve

•  Focus on the core experience while relegating the
   repeated patterns to style guides


Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile




UX Agile                                                   Sean Van Tyne                       14
UI Prototyping




•  Illustrating the experience by showing rather than telling

•  Facilitate better estimation at sprint planning meetings

•  Have something to compare the working code to when it
   was ready for user acceptance testing


Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile




UX Agile                                                   Sean Van Tyne                       15
Usability




•  Test every other week (in a 2-week sprint situation) on the same day
   at the same time.

•  Show the participants whatever is ready (this includes paper
   sketches all the way to working code).

•  Schedule the session midway in the sprint leaving enough time to
   react to the findings.


Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile




UX Agile                                                   Sean Van Tyne                       16
Two Design Reviews per Sprint




•  The initial review is held midway through the sprint and serves to
   align the execution team with their product owners and project
   sponsors on the general direction of the proposed experience.

•  The second review, scheduled two days before the end of the sprint,
   is meant as a final review.

•  In between the first and second designs, ad hoc reviews could be
   held if the designer felt there was a need for more fine-grain
   alignment.


Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile




UX Agile                                                   Sean Van Tyne                       17
Participatory Design Sessions




•    Sketch ideas
•    Present ideas to the team
•    Critique presentation based solution

•    This process is repeated three times - each round increasing the fidelity of
     each sketch
•    The sessions create a sense of ownership and alignment from the cross-
     functional team
•    The UX team get dozens of raw ideas to work through, evolve and
     incorporate into a final design



Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile




UX Agile                                                   Sean Van Tyne                       18
Website/Blog:
               www.SeanVanTyne.com

                           Twitter:
           http://twitter.com/Sean_Van_Tyne

                      Linkedin:
           www.linkedin.com/in/seanvantyne

                      Book:
                www.cxrevolution.com


UX Agile              Sean Van Tyne           19

Sdec 2011 ux_agile_svt

  • 1.
    User Experience Designin Agile Development Sean Van Tyne
  • 2.
    THE CUSTOMER EXPERIENCEREVOLUTION How Companies Like Apple, Amazon, and Starbuck Changed Business Forever Available January 2012 Pre-order yours today! www.cxrevolution.com UX Agile Sean Van Tyne 2
  • 3.
    What is UserExperience? “User experience encompasses all aspects of the end-user's interaction with the company, its services, and its products...” -  Nielsen Norman Group www.nngroup.com/about/userexperience.html “The user experience for applications encompasses the visual appearance, interactive behavior, and assistive capabilities of software...” – Apple http://developer.apple.com/ue/ UX Agile Sean Van Tyne 3
  • 4.
    What does UserExperience do? User Research - Uncover insights about users and their tasks UI Design - defining the behavior of products and systems that a user can interacts Usability Testing - ensures it is easy for people to achieve their goals UX Agile Sean Van Tyne 4
  • 5.
    User Research Heuristic Review- competitor or current solution Contextual Inquiry - field observations Workflow and Task Analysis - user flows Personas - user profiles UX Agile Sean Van Tyne 5
  • 6.
    UI Design “Low-fidelity” prototypes(wireframes) – define the information architecture “Medium-fidelity” prototypes (color, icons, graphics, etc.) – define the visual designs “High-fidelity” prototypes (HTML prototypes) – define the interactive design UX Agile Sean Van Tyne 6
  • 7.
    Usability Testing Internal Evaluations- stakeholders, subject matter experts, and/or end-user proxies Remote Evaluations – with external users Lab Evaluations – formal evaluation Site Visit Evaluations – with “Design Partners” UX Agile Sean Van Tyne 7
  • 8.
    Five Trends inMost Successful Organizations 1.  UX people are bridges: embedded with the team but also involved in high level/early planning 2.  UX work is early, flexible: done up-front to storyboard level 3.  Low-fi prototype is the ongoing spec: owned by UX, agreed by stakeholders 4.  UX work happens in a parallel track: pair complex back-end sprints with UX intensive work 5.  Guerilla style UX validation: fast, discount methods run frequently and regularly on early code Source: Nielsen Norman Group. Agile Usability: Best Practices for User Experience on Agile Development Projects UX Agile Sean Van Tyne 8
  • 9.
    Agile Roles Product Owner UX Development Understanding the user needs Defining the Identifying possible Designing the Building the product vision and solutions interface product strategy Validating possible solutions with users Why What How When Source: Johnson, Jeremy. Agile UX Retreat UX Agile Sean Van Tyne 9
  • 10.
    Agile Deliverables Product Owner UX Development Competitive Analysis Front End Code Define Features Contextual Inquiry CSS Style Sheet User Flows HTML Templates Back End Code Quantify Business Needs Database Schema Prioritization Wireframes Graphic Files UI Prototypes GUI Components Technology Selection Define Business Rules QA Testing Pricing and Packaging Usability Testing Accessibility Project Accountability User Stories in the Product Backlog Tasks in the Sprint Backlog Source: Johnson, Jeremy. Agile UX Retreat UX Agile Sean Van Tyne 10
  • 11.
    UX Design inthe Product and Sprint Backlog Source: Low, Boon. Enhancing User Interactions in Digital Libraries Notes on UX2.0. UX Agile Sean Van Tyne 11
  • 12.
    UX Agile ProjectSchedule Source: Nielsen Norman Group. Agile Usability: Best Practices for User Experience on Agile Development Projects UX Agile Sean Van Tyne 12
  • 13.
    UX Design andDev Process Envisioning and Development Source: Donahue, Matt. Agile User Experience Design. UX Agile Sean Van Tyne 13
  • 14.
    Style Guide Library • Define a set of re-usable components once •  Create a centralized library for designers and developers •  Provide living documents that evolve •  Focus on the core experience while relegating the repeated patterns to style guides Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile UX Agile Sean Van Tyne 14
  • 15.
    UI Prototyping •  Illustratingthe experience by showing rather than telling •  Facilitate better estimation at sprint planning meetings •  Have something to compare the working code to when it was ready for user acceptance testing Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile UX Agile Sean Van Tyne 15
  • 16.
    Usability •  Test everyother week (in a 2-week sprint situation) on the same day at the same time. •  Show the participants whatever is ready (this includes paper sketches all the way to working code). •  Schedule the session midway in the sprint leaving enough time to react to the findings. Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile UX Agile Sean Van Tyne 16
  • 17.
    Two Design Reviewsper Sprint •  The initial review is held midway through the sprint and serves to align the execution team with their product owners and project sponsors on the general direction of the proposed experience. •  The second review, scheduled two days before the end of the sprint, is meant as a final review. •  In between the first and second designs, ad hoc reviews could be held if the designer felt there was a need for more fine-grain alignment. Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile UX Agile Sean Van Tyne 17
  • 18.
    Participatory Design Sessions •  Sketch ideas •  Present ideas to the team •  Critique presentation based solution •  This process is repeated three times - each round increasing the fidelity of each sketch •  The sessions create a sense of ownership and alignment from the cross- functional team •  The UX team get dozens of raw ideas to work through, evolve and incorporate into a final design Source: Gothelf, Jeff. Beyond Staggered Sprints: How TheLadders.com Integrated UX into Agile UX Agile Sean Van Tyne 18
  • 19.
    Website/Blog: www.SeanVanTyne.com Twitter: http://twitter.com/Sean_Van_Tyne Linkedin: www.linkedin.com/in/seanvantyne Book: www.cxrevolution.com UX Agile Sean Van Tyne 19