user experience runway - moving ux into agile development upstream

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

UX RUNWAY – PULLING QUALITY FORWARD

Webinar: April 10, 2014 Natalie Warnert and James Schmittler

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

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

XBOSoft info

•  Founded in 2006 •  Dedicated to software quality

•  Software QA consulting •  Software testing services

•  Offices in San Francisco, Beijing, Oslo and Amsterdam

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


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


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


What is UX?

• How a person interacts with a system

•  Flow

•  Perception

•  Accessibility

•  Ease of use

•  Understanding


Roles on UX team

•  User Researchers

•  Information Architects

•  Visual Designers

•  CSS Developers

•  Accessibility


•  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


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


How can all work be completed in one iteration?


UX Runway!


UX Runway – Pulling work and quality forward in the process


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


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


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


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


Examples


UX Pulled Forward

•  Imagine starAng an iteraAon knowing this much about what

you are building


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

user experience runway - moving ux into agile development upstream

Technology

xbosoamp

ux runway

infonataliewarnert

lewxbosoft

nataliewarnert

work

xbosoft

iteration