Agilex www.agilex.com
When Opposites Attract: Agile and UX
YanceyHall
yancey.hall@agilex.com
Mobile Design and Development Strategies
and Best Practices
Agilex www.agilex.com
Agilex
advanced
analytics
enterprise
mobility
infrastructure
optimization
agile software
development
Agilex www.agilex.com
Mobility
AgilexMobileGovernmentEnterprise
• Security
• Scalability
• Speed
• Reliability
• Usability
Characteristics of Success
Agilex www.agilex.com
We’vegotissues
“Please, standups are not bitch sessions”
“Just make it pretty”
“Do no interrupt us during CI…let me repeat, I’m not
changing the interface”
“Again, you are a graphic designer. Not a product owner”
“Hey, nice code. Pity that this app doesn’t actually do
anything relevant” (anonymous designer)
“Can you please just give me the wireframe”
Agilex www.agilex.com
Structural Problems:UX
Waterfall vs. Iterative
Agilex www.agilex.com
Structural Problems:Agile
Agilex www.agilex.com
6
Prioritizedby
Product
Owners
Daily
Tasks
managed
by the
team
2 WEEKS
PRODUCT
DAILY SCRUM MEETING
24 HOURS
Design | Code | Integrate|Test
Demo, Product Owner Signoff,
and Retrospective
Creates Sprint Backlog (Technical
Requirements)
BusinessRequirements
-StoryPointsAssigned
-Prioritized
-AssignedtoReleases/Sprints
Release
from dev
and moved
to
Production
2-4
Months
Agilex www.agilex.com
SpecificPain Points
Agile Engineering:continuous integration,testing
Headless chicken
Usability testing
Market researchin product visioning
Overall consistency in design
Change is painful
Communication
Bottlenecks with design, especially mobile
Short sprints and timing
Coordinatedreleaseswith long durations
Agilex www.agilex.com
Scaled AgileFramework
Agilex www.agilex.com
TwoUX ModelstoConsiderinAgile
Model 1: Centralized UX Model
Model 2: Distributed Model: Governance and Teams
Agilex www.agilex.com
CharacteristicsofUI/UX in Agile
Low-fidelity prototyping to develop runway
Incremental
Fast and frequent feedback via rapid code implementation
Collaborative
Spikes for research activities
UI criteria in definition of done and user story acceptance
criteria
Agilex www.agilex.com
Roleof a UX designerin Agile
Works with product owner and stakeholder to understand business targets
Provides agile teams with UI design, UX guidelines and design elements in
Just in Time fashion
Works with System Architects and teams to build and maintain technical
foundation for real-time UX validation,feedback, tracking
Share UX guidelines across program;educate developers
Assist testengineers and systemteam in UX testing
Lead UI design workshops and UX/UICOPs
Attend sprint planning, backlog grooming,iterationdemos and PSI demos
when critical UI workis involved
Agilex www.agilex.com
SystemsDesignandTesting
Clear separation of UI and application logic
Effective UI coding conventions
Effective organization UI assets and ease of re-use,
extension and modification of styles
Support for collection of usage statistics, UI error logging,
feedback mechanism
Agilex www.agilex.com
ProjectTactics
Choose a model
Co-locate design and developmentteams to ensure consistency
Involve UX designers in user story creation; use wireframes and
prototypes as tools
Use Sprint 0 to define the backlog and conduct research
Expedite user testing, which is typically slower during UX and use light
documentation
Define a clear visionof the product during sprint 0; conduct user research
and analysis to ensure the user experience is carried throughout the
cycles
Developscenarios and wireframesthat integrate with sprints and used
prior to planning
Agilex www.agilex.com
BestPractices
Test a sprint behind
Designa sprint ahead
Sprint 0 planning
Couple UX lead with Product Owner
Communication
Use Hardening Innovation Planning sprint to incorporate late-
breaking changes
Style guide and asset library
CentralizedUX authority for distributed teams
Agilex www.agilex.com
Mobile Design and Development Strategies
and Best Practices
When Opposites Attract: Agile and UX
YanceyHall
yancey.hall@agilex.com

When Opposites Attract: Agile and UX

  • 1.
    Agilex www.agilex.com When OppositesAttract: Agile and UX YanceyHall yancey.hall@agilex.com Mobile Design and Development Strategies and Best Practices
  • 2.
  • 3.
    Agilex www.agilex.com Mobility AgilexMobileGovernmentEnterprise • Security •Scalability • Speed • Reliability • Usability Characteristics of Success
  • 4.
    Agilex www.agilex.com We’vegotissues “Please, standupsare not bitch sessions” “Just make it pretty” “Do no interrupt us during CI…let me repeat, I’m not changing the interface” “Again, you are a graphic designer. Not a product owner” “Hey, nice code. Pity that this app doesn’t actually do anything relevant” (anonymous designer) “Can you please just give me the wireframe”
  • 5.
  • 6.
    Agilex www.agilex.com Structural Problems:Agile Agilexwww.agilex.com 6 Prioritizedby Product Owners Daily Tasks managed by the team 2 WEEKS PRODUCT DAILY SCRUM MEETING 24 HOURS Design | Code | Integrate|Test Demo, Product Owner Signoff, and Retrospective Creates Sprint Backlog (Technical Requirements) BusinessRequirements -StoryPointsAssigned -Prioritized -AssignedtoReleases/Sprints Release from dev and moved to Production 2-4 Months
  • 7.
    Agilex www.agilex.com SpecificPain Points AgileEngineering:continuous integration,testing Headless chicken Usability testing Market researchin product visioning Overall consistency in design Change is painful Communication Bottlenecks with design, especially mobile Short sprints and timing Coordinatedreleaseswith long durations
  • 8.
  • 9.
    Agilex www.agilex.com TwoUX ModelstoConsiderinAgile Model1: Centralized UX Model Model 2: Distributed Model: Governance and Teams
  • 10.
    Agilex www.agilex.com CharacteristicsofUI/UX inAgile Low-fidelity prototyping to develop runway Incremental Fast and frequent feedback via rapid code implementation Collaborative Spikes for research activities UI criteria in definition of done and user story acceptance criteria
  • 11.
    Agilex www.agilex.com Roleof aUX designerin Agile Works with product owner and stakeholder to understand business targets Provides agile teams with UI design, UX guidelines and design elements in Just in Time fashion Works with System Architects and teams to build and maintain technical foundation for real-time UX validation,feedback, tracking Share UX guidelines across program;educate developers Assist testengineers and systemteam in UX testing Lead UI design workshops and UX/UICOPs Attend sprint planning, backlog grooming,iterationdemos and PSI demos when critical UI workis involved
  • 12.
    Agilex www.agilex.com SystemsDesignandTesting Clear separationof UI and application logic Effective UI coding conventions Effective organization UI assets and ease of re-use, extension and modification of styles Support for collection of usage statistics, UI error logging, feedback mechanism
  • 13.
    Agilex www.agilex.com ProjectTactics Choose amodel Co-locate design and developmentteams to ensure consistency Involve UX designers in user story creation; use wireframes and prototypes as tools Use Sprint 0 to define the backlog and conduct research Expedite user testing, which is typically slower during UX and use light documentation Define a clear visionof the product during sprint 0; conduct user research and analysis to ensure the user experience is carried throughout the cycles Developscenarios and wireframesthat integrate with sprints and used prior to planning
  • 14.
    Agilex www.agilex.com BestPractices Test asprint behind Designa sprint ahead Sprint 0 planning Couple UX lead with Product Owner Communication Use Hardening Innovation Planning sprint to incorporate late- breaking changes Style guide and asset library CentralizedUX authority for distributed teams
  • 15.
    Agilex www.agilex.com Mobile Designand Development Strategies and Best Practices When Opposites Attract: Agile and UX YanceyHall yancey.hall@agilex.com