This XBOSoft Webinar PPT features Natalie Warnert and James Schmittler discussing how to move agile upstream into the agile development process to avoid rework while increasing quality in the "UX Runway".
User Experience Runway - Moving UX into Agile Development Upstream
1. XBOSo&
Webinar
Series
2014
Webinar
April 10 2014 1.00 PM EST
You are at the right
place, it’s almost
time….10 minute
countdown
1
2. UX RUNWAY –
PULLING QUALITY
FORWARD
Webinar: April 10, 2014
Natalie Warnert and James Schmittler
3. Housekeeping
• Everyone
except
the
speaker
is
muted
• QuesAons
via
the
gotowebinar
control
on
the
right
side
of
your
screen
• QuesAons
can
be
asked
throughout
the
webinar,
we’ll
try
to
fit
them
in
when
appropriate
• General
Q
&
A
at
the
end
of
the
webinar
• You
will
receive
info
on
recording
and
slides
a&er
the
webinar
4. AGENDA
• Introduction
• What is UX?
• What is UX Runway? How to integrate Scrum
• Benefits of UX Runway
• Real life examples of before/after implementation
• Questions
XBOSo&
Webinar
Series
2014
4
5. XBOSoft info
• Founded in 2006
• Dedicated to software quality
• Software QA consulting
• Software testing services
• Offices in San Francisco, Beijing, Oslo and
Amsterdam
6. Host
• Phil Lew
• CEO, XBOSoft
• www.xbosoft.com
• @philiplew
• philip.lew@xbosoft.com
• Currently in Baltimore at
the Quest Conference
• Next week in New Orleans
at STPCON
• STAREAST in May in
Orlando
XBOSo&
Webinar
Series
2014
6
7. Natalie Warnert
• CSM, PSM I
• Six Sigma Yellow Belt
• ScrumMaster/Agile Coach –
Surescripts
• Thomson Reuters
• Travelers Insurance
• Email: info@nataliewarnert.com
• Website: nataliewarnert.com
• Twitter: @nataliewarnert
XBOSo&
Webinar
Series
2014
7
8. James Schmittler
• Graduate
studies
in
HCI
• 8
years
experience
in
design
• Senior
User
Experience
Architect
• Thomson
Reuters
• Cook
Medical
• Envisage
Technologies
• Email:
me@jamesandthemoon.com
• Twi[er:
@jamesschmi[ler
XBOSo&
Webinar
Series
2014
8
9. What is UX?
• How a person interacts with a system
• Flow
• Perception
• Accessibility
• Ease of use
• Understanding
XBOSo&
Webinar
Series
2014
9
10. Roles on UX team
• User Researchers
• Information Architects
• Visual Designers
• CSS Developers
• Accessibility
XBOSo&
Webinar
Series
2014
10
11. • UX
at
the
por]olio
level
(iniAal
UX
Runway)
• Research
how
users
interact
with
system
and
make
recommendaAons
• Development
of
user
personas
and
use
cases
• Assist
in
development
of
business
case
• High
level
design
of
enAre
system
and
interacAon
(vision)
• Produce
high
level
wireframes,
design
ideas,
and
possible
prototyping
to
assist
in
planning
for
features
as
lead
Ame
allows
• Can
also
be
done
as
development
is
spiking
or
doing
backend
and
infrastructure
work
(IteraAon
0)
UX’s
place
in
Product
Development
Por]olio
Level
XBOSo&
Webinar
Series
2014
11
12. UX’s
place
in
Product
Development
ConAnued
Involvement
• UX as Scrum/Agile team
(ongoing
UX
Runway)
• Work with Product Owner to make wireframes and
designs to help:
• Write stories and tasks for tech teams
• Write acceptance criteria for stories
• Style pages appropriately & accessibly (CSS)
Leads to higher quality in the application and
more customizable design and less re-work
XBOSo&
Webinar
Series
2014
12
13. How can all work be
completed in one iteration?
XBOSo&
Webinar
Series
2014
13
15. UX Runway – Pulling work and quality forward
in the process
XBOSo&
Webinar
Series
2014
15
16. UX RUNWAY - Ongoing
• Iterating ahead but on same cadence
• Just in time (JIT) design
• Just enough detail provided for development team to
start work
• 80-90% completion goal for wireframe/design deliverables
• Buy
in
from
business
and
development
• Planned room for UX changes in current iteration
• 10% capacity
XBOSo&
Webinar
Series
2014
16
17. How does it actually work?
• Backlog grooming – dependencies are identified
• UX backlog is developed, sized, and planned
• Working sessions with Product Owners
• Internal reviews for collaboration
• Demos with development teams
• Determine if designs are not feasible
• “Finished” UX work items help to drive work,
collaboration, identify gaps, and INCREASE QUALITY
XBOSo&
Webinar
Series
2014
17
18. UX Runway: Iteration Schedule (10 day)
• Days 1-5: The design
• Day 5: The rough draft
• Days 5-7: The final touches
• Day 7: Hand-off to development
• Day 7-10: Last chance
• Days 10+ (next Iteration): Start over and 10% JIT
reactionary design capacity
XBOSo&
Webinar
Series
2014
18
19. Benefits of UX Runway
• Higher quality finished product
• Fewer “fire drills”
• Less development and UX re-work
• Faster delivery time
• More design flexibility
• Product Consistency
XBOSo&
Webinar
Series
2014
19