user experience runway - moving ux into agile development upstream
DESCRIPTION
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".TRANSCRIPT
![Page 1: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/1.jpg)
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
![Page 2: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/2.jpg)
UX RUNWAY – PULLING QUALITY FORWARD
Webinar: April 10, 2014 Natalie Warnert and James Schmittler
![Page 3: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/3.jpg)
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
![Page 4: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/4.jpg)
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
![Page 5: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/5.jpg)
XBOSoft info
• Founded in 2006 • Dedicated to software quality
• Software QA consulting • Software testing services
• Offices in San Francisco, Beijing, Oslo and Amsterdam
![Page 6: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/6.jpg)
Host • Phil Lew • CEO, XBOSoft • www.xbosoft.com • @philiplew • [email protected] • Currently in Baltimore at
the Quest Conference • Next week in New Orleans
at STPCON • STAREAST in May in
Orlando
XBOSo& Webinar Series 2014 6
![Page 7: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/7.jpg)
Natalie Warnert
• CSM, PSM I
• Six Sigma Yellow Belt
• ScrumMaster/Agile Coach – Surescripts • Thomson Reuters
• Travelers Insurance
• Email: [email protected]
• Website: nataliewarnert.com
• Twitter: @nataliewarnert
XBOSo& Webinar Series 2014 7
![Page 8: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/8.jpg)
James Schmittler
• Graduate studies in HCI
• 8 years experience in design
• Senior User Experience Architect
• Thomson Reuters
• Cook Medical
• Envisage Technologies
• Email: [email protected]
• Twi[er: @jamesschmi[ler
XBOSo& Webinar Series 2014 8
![Page 9: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/9.jpg)
What is UX?
• How a person interacts with a system
• Flow
• Perception
• Accessibility
• Ease of use
• Understanding
XBOSo& Webinar Series 2014 9
![Page 10: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/10.jpg)
Roles on UX team
• User Researchers
• Information Architects
• Visual Designers
• CSS Developers
• Accessibility
XBOSo& Webinar Series 2014 10
![Page 11: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/11.jpg)
• 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
![Page 12: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/12.jpg)
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
![Page 13: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/13.jpg)
How can all work be completed in one iteration?
XBOSo& Webinar Series 2014 13
![Page 14: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/14.jpg)
UX Runway!
XBOSo& Webinar Series 2014 14
![Page 15: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/15.jpg)
UX Runway – Pulling work and quality forward in the process
XBOSo& Webinar Series 2014 15
![Page 16: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/16.jpg)
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
![Page 17: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/17.jpg)
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
![Page 18: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/18.jpg)
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
![Page 19: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/19.jpg)
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
![Page 20: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/20.jpg)
Examples
XBOSo& Webinar Series 2014 20
![Page 21: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/21.jpg)
UX Pulled Forward
• Imagine starAng an iteraAon knowing this much about what
you are building
XBOSo& Webinar Series 2014 21
![Page 22: User Experience Runway - Moving UX into Agile Development Upstream](https://reader038.vdocuments.mx/reader038/viewer/2022103013/544fa210af7959cb398b510b/html5/thumbnails/22.jpg)
Thanks Q&A
www.xbosoft.com @xbosoft 408-350-0508
Philip Lew @philiplew [email protected]
White Papers: http://www.xbosoft.com/knowledge_center/
/xbosoft
Blog: http://blog.xbosoft.com/
/xbosoft
Email: [email protected]
Website: nataliewarnert.com
Twitter: @nataliewarnert
Email: [email protected]
Twitter: @jamesschmittler